:root{font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{height:100%;min-height:100%}body{overflow:hidden}.shell{height:100vh;overflow:hidden}*{box-sizing:border-box}:root{color:#e8e8ec;background:#111116;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#111116;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{min-height:100vh}.topbar{background:#17171d;border-bottom:1px solid #2b2b34;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.brand{letter-spacing:.02em;font-size:14px;font-weight:700}.topbar-right{align-items:center;gap:16px;display:flex}.status{color:#9a9aa5;align-items:center;gap:7px;font-size:13px;display:inline-flex}.dot{background:#777784;border-radius:50%;width:7px;height:7px}.status.online .dot{background:#77d38b}.status.offline .dot,.status.error .dot{background:#df6666}.login-button,.primary-button{color:#eeeef2;cursor:pointer;background:#23232b;border:1px solid #3a3a44;border-radius:5px;padding:7px 11px}.login-button:hover,.primary-button:hover{background:#2c2c35}.primary-button{color:#fff;background:#c84783;border-color:#d95794}.primary-button:hover{background:#d4528f}.layout{grid-template-columns:190px 1fr;min-height:calc(100vh - 52px);display:grid}.sidebar{background:#15151b;border-right:1px solid #2b2b34;flex-direction:column;justify-content:space-between;padding:14px 10px;display:flex}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#a9a9b2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px}.nav-item:hover{color:#eeeef2;background:#1e1e25}.nav-item.active{color:#fff;background:#25252e}.sidebar-footer{color:#777782;padding:8px 10px;font-size:12px}.content{width:100%;max-width:1250px;padding:26px 30px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.page-header h1{margin:0;font-size:24px;font-weight:650}.page-header p{color:#8d8d98;margin:5px 0 0;font-size:13px}.panel{background:#17171d;border:1px solid #2c2c35}.room-row{grid-template-columns:minmax(300px,1fr) 100px 130px 70px;align-items:center;display:grid}.table-header{color:#777783;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #2c2c35;min-height:38px;padding:0 14px;font-size:11px;font-weight:600}.empty-state{text-align:center;color:#b0b0ba;padding:48px 18px;font-size:14px}.empty-state span{color:#6f6f7b;margin-top:5px;font-size:12px;display:block}.activity{margin-top:30px}.activity h2{margin:0 0 10px;font-size:14px;font-weight:600}.activity-list{border-top:1px solid #2b2b34}.activity-row{border-bottom:1px solid #23232b;grid-template-columns:70px 1fr;gap:14px;padding:10px 4px;font-size:13px;display:grid}.activity-row.muted{color:#676773}@media (width<=760px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px}.page-header{align-items:center}.room-row{grid-template-columns:1fr 80px}.room-row span:nth-child(2),.room-row span:nth-child(3){display:none}}.user-menu{align-items:center;gap:9px;display:flex}.avatar{object-fit:cover;border-radius:4px;width:26px;height:26px}.username{color:#d6d6dc;font-size:13px;font-weight:500}.primary-button:disabled{opacity:.45;cursor:not-allowed}.room-entry{border-bottom:1px solid #25252d;min-height:52px;padding:0 14px;font-size:13px}.room-entry:last-child{border-bottom:0}.room-entry strong{font-weight:550}.room-id{color:#74747f;margin-left:8px;font-size:11px}.open-room{color:#cf6c9d;font:inherit;cursor:pointer;text-align:right;background:0 0;border:0}.open-room:hover{color:#ee8dbb}.room-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.room-page-header h1{margin:8px 0 6px;font-size:24px}.room-meta{color:#858590;gap:7px;font-size:12px;display:flex}.back-button{color:#b7b7c0;cursor:pointer;background:0 0;border:0;padding:0}.back-button:hover{color:#fff}.room-actions{gap:8px;display:flex}.secondary-button,.danger-button,.start-button,.small-button{color:#dddde3;cursor:pointer;background:#222229;border:1px solid #3a3a44;border-radius:4px;padding:7px 11px}.secondary-button:hover,.small-button:hover{background:#2b2b34}.danger-button{color:#e494aa;background:#342027;border-color:#673844}.danger-button:hover{background:#45262f}.start-button{color:#fff;background:#c84783;border-color:#bd467d}.start-button:hover{background:#d65391}.room-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.room-section{background:#17171d;border:1px solid #2d2d35}.section-title{color:#cfcfd6;border-bottom:1px solid #2d2d35;padding:11px 13px;font-size:12px;font-weight:600}.setting-row,.referee-row{border-bottom:1px solid #25252c;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;font-size:13px;display:flex}.setting-row span,.referee-row span{color:#81818c}.setting-row strong,.referee-row strong{font-weight:500}.control-row{gap:8px;padding:12px 13px;display:flex}.section-header{border-bottom:1px solid #2d2d35;justify-content:space-between;align-items:center;min-height:40px;padding-right:13px;display:flex}.section-header .section-title{border:0}.section-header>span{color:#70707b;font-size:11px}.room-empty{color:#72727d;text-align:center;padding:36px 13px;font-size:13px}.player-row{border-bottom:1px solid #25252c;grid-template-columns:minmax(260px,1fr) 120px 120px 70px;align-items:center;min-height:58px;padding:0 13px;font-size:13px;display:grid}.small-button{padding:5px 8px;font-size:12px}.match-controls{gap:8px;margin-top:16px;display:flex}.room-loading{color:#888892;font-size:13px}@media (width<=850px){.room-grid{grid-template-columns:1fr}.room-page-header{flex-direction:column}}.beatmap-card{background:#111116;border-bottom:1px solid #2d2d35;min-height:160px;position:relative;overflow:hidden}.beatmap-cover{background-position:50%;background-size:cover;position:absolute;inset:0}.beatmap-overlay{background:linear-gradient(90deg,#111116f5 0%,#111116c2 50%,#11111647 100%);position:absolute;inset:0}.beatmap-content{z-index:1;flex-direction:column;justify-content:flex-end;min-height:160px;padding:18px;display:flex;position:relative}.beatmap-title{color:#f0f0f4;font-size:18px;font-weight:650}.beatmap-difficulty{color:#db75a6;margin-top:2px;font-size:14px;font-weight:500}.beatmap-mapper{color:#aaaab4;margin-top:5px;font-size:12px}.beatmap-stats{color:#d0d0d7;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:11px;display:flex}.beatmap-stats span{border-right:1px solid #ffffff26;padding-right:10px}.beatmap-stats span:last-child{border-right:0;padding-right:0}.beatmap-card-loading{color:#777782;align-items:center;min-height:110px;padding:18px;font-size:13px;display:flex}.player-identity{align-items:center;gap:10px;min-width:0;display:flex}.player-avatar{object-fit:cover;background:#202029;border-radius:6px;flex-shrink:0;width:34px;height:34px}.player-avatar-fallback{border:1px solid #31313b}.player-text{min-width:0}.player-name{color:#ececf1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.player-subtext{color:#7f7f8b;margin-top:2px;font-size:11px}.referee-user-row{border-bottom:1px solid #25252c;align-items:center;gap:10px;min-height:58px;padding:8px 13px;display:flex}.referee-user-row:last-child{border-bottom:0}.referee-avatar{object-fit:cover;background:#202029;border-radius:6px;flex-shrink:0;width:36px;height:36px}.referee-info{min-width:0}.referee-name{color:#ececf1;font-size:13px;font-weight:500}.referee-id{color:#777783;margin-top:2px;font-size:11px}.overlay-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07070ac7;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.beatmap-overlay-panel{background:#15151b;border:1px solid #373741;flex-direction:column;width:min(900px,100%);height:min(760px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 20px 70px #00000080}.overlay-header{border-bottom:1px solid #2d2d35;justify-content:space-between;align-items:center;min-height:68px;padding:14px 18px;display:flex}.overlay-header h2{margin:0;font-size:17px;font-weight:600}.overlay-header span{color:#777783;margin-top:3px;font-size:11px;display:block}.overlay-close{color:#aaaab3;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:23px}.overlay-close:hover{color:#fff}.beatmap-search-bar{border-bottom:1px solid #2b2b34;padding:12px 14px}.beatmap-search-bar input{color:#ededf2;width:100%;font:inherit;background:#101015;border:1px solid #373741;border-radius:4px;outline:none;padding:10px 12px;font-size:13px}.beatmap-search-bar input:focus{border-color:#b94a7e}.beatmap-search-results{flex:1;overflow-y:auto}.search-message{color:#777783;text-align:center;padding:36px;font-size:13px}.search-message.error{color:#dc8197}.beatmap-result{background:#17171d;border-bottom:1px solid #292931;grid-template-columns:150px minmax(0,1fr);min-height:96px;display:grid}.beatmap-result:hover{background:#191920}.beatmap-result-cover{background-position:50%;background-size:cover;min-height:96px}.beatmap-result-body{min-width:0;padding:11px 14px}.beatmap-result-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.beatmap-result-heading{min-width:0}.beatmap-result-title{color:#eeeef2;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.beatmap-result-mapper{color:#858590;margin-top:3px;font-size:11px}.beatmap-status{color:#8f8f99;text-transform:uppercase;letter-spacing:.04em;border:1px solid #393943;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:8px}.beatmap-status-ranked,.beatmap-status-approved{color:#83c994}.beatmap-status-loved{color:#e37cac}.beatmap-status-qualified{color:#d8c77f}.beatmap-result-diffs{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.difficulty-choice,.difficulty-more{color:#d7d7dd;cursor:pointer;background:#202027;border:1px solid #393943;border-radius:4px;align-items:center;gap:7px;max-width:210px;height:28px;padding:0 8px;font-size:10px;display:inline-flex}.difficulty-choice:hover{background:#2b2027;border-color:#b94b7f}.difficulty-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.difficulty-stars{color:#e27eae;flex-shrink:0}.difficulty-more{color:#7f7f8a;background:#1b1b21;border-style:dashed}.difficulty-more:hover{color:#dddde3;background:#25252d}@media (width<=700px){.overlay-backdrop{padding:0}.beatmap-overlay-panel{width:100%;height:100vh}.beatmap-result{grid-template-columns:110px 1fr}}.exact-beatmap-result{background:#191920;border-bottom:1px solid #34343d;grid-template-columns:220px 1fr;min-height:145px;display:grid}.exact-beatmap-cover{background-position:50%;background-size:cover;min-height:145px}.exact-beatmap-body{min-width:0;padding:14px 16px}.exact-beatmap-label{color:#db75a6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:700}.exact-beatmap-diff{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.exact-beatmap-diff>div{color:#aaaab4;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.exact-beatmap-diff strong{color:#eeeef2;font-size:12px}@media (width<=700px){.exact-beatmap-result{grid-template-columns:110px 1fr}.exact-beatmap-diff{flex-direction:column;align-items:flex-start}}.current-mods-text{color:#df79aa}.mods-overlay-panel{background:#15151b;border:1px solid #373741;flex-direction:column;width:min(1060px,100%);height:min(820px,100vh - 52px);display:flex;overflow:hidden;box-shadow:0 20px 70px #00000080}.mods-overlay-panel .overlay-header{min-height:60px;padding:11px 16px}.mods-toolbar{background:#121218;border-bottom:1px solid #2b2b34;align-items:center;gap:10px;min-height:58px;padding:8px 16px;display:flex}.mod-nomod{color:#aaaab4;cursor:pointer;background:#1d1d24;border:1px solid #373741;border-radius:5px;flex-shrink:0;align-items:center;gap:8px;height:42px;padding:4px 10px;display:flex}.mod-nomod:hover{background:#25252d;border-color:#54545e}.mod-nomod.active{color:#f3a2c6;background:#351f2a;border-color:#d4518d;box-shadow:inset 0 0 0 1px #d4518d38}.mod-nomod img{object-fit:contain;width:30px;height:30px}.mods-toolbar-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mods-selected-strip{scrollbar-width:thin;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.mods-empty-selection{color:#777783;font-size:11px}.selected-mod-chip{color:#e7b0ca;cursor:pointer;background:#271b22;border:1px solid #4b3341;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:3px 7px;font-size:10px;display:inline-flex}.selected-mod-chip:hover{background:#35212a;border-color:#ca4d87}.selected-mod-chip b{color:#93677c;font-size:13px;font-weight:400}.selected-mod-icon{object-fit:contain;width:27px;height:27px}.mods-search{color:#ededf2;width:190px;height:34px;font:inherit;background:#101015;border:1px solid #373741;border-radius:4px;outline:none;flex-shrink:0;padding:0 9px;font-size:11px}.mods-search:focus{border-color:#b94a7e}.mods-content{scrollbar-width:thin;scrollbar-color:#44444e #17171d;flex:1;padding:3px 16px 14px;overflow-y:auto}.mods-error{color:#e58ba2;background:#301d24;border:1px solid #633845;margin:10px 0;padding:8px 10px;font-size:11px}.mods-no-results{color:#777783;text-align:center;padding:50px 16px;font-size:12px}.mod-category{margin-top:13px}.mod-category-title{color:#81818c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:9px;font-weight:700}.mod-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mod-card-wrapper{background:#191920;border:1px solid #303038;border-radius:5px;min-width:0;transition:border-color .1s,background .1s,box-shadow .1s;overflow:hidden}.mod-card-wrapper:hover{border-color:#41414b}.mod-card-wrapper.selected{background:#251a20;border-color:#d4518d;box-shadow:inset 0 0 0 1px #d4518d2e,0 0 0 1px #d4518d0f}.mod-card{color:#dedee4;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:62px;padding:6px 8px;display:flex}.mod-card:hover{background:#202027}.mod-card-wrapper.selected .mod-card{background:#2a1c23}.mod-card-wrapper.selected .mod-card:hover{background:#302028}.mod-icon{object-fit:contain;flex-shrink:0;width:43px;height:43px}.mod-icon-fallback{color:#d4d4dc;background:#24242c;border:1px solid #3b3b45;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:10px;font-weight:700;display:flex}.mod-card-info{flex:1;min-width:0}.mod-card-name{color:#e7e7ec;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mod-card-acronym{color:#74747f;margin-top:2px;font-size:9px;font-weight:700}.mod-card-wrapper.selected .mod-card-name{color:#fff}.mod-card-wrapper.selected .mod-card-acronym{color:#e582b1}.mod-config-indicator{color:#777783;text-transform:uppercase;letter-spacing:.04em;border:1px solid #3b3b44;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:7px;font-weight:700}.mod-card-wrapper.selected .mod-config-indicator{color:#c4789b;border-color:#5e3749}.mod-settings{background:#141419;border-top:1px solid #392933;padding:5px 8px 7px}.mod-setting{justify-content:space-between;align-items:center;gap:8px;min-height:31px;display:flex}.mod-setting+.mod-setting{border-top:1px solid #23232a}.mod-setting-label{color:#bcbcc4;min-width:0;font-size:9px}.mod-setting-label span{color:#676772;white-space:nowrap;text-overflow:ellipsis;max-width:155px;margin-top:2px;font-size:8px;display:block;overflow:hidden}.mod-setting input[type=number],.mod-setting input[type=text]{color:#dddde3;width:82px;height:25px;font:inherit;background:#0f0f14;border:1px solid #393943;border-radius:3px;outline:none;padding:0 6px;font-size:9px}.mod-setting input[type=number]:focus,.mod-setting input[type=text]:focus{border-color:#b94a7e}.mod-setting input[type=checkbox]{accent-color:#cb4e89;width:15px;height:15px}.mods-footer{background:#131319;border-top:1px solid #2d2d35;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:8px 16px;display:flex}.mods-footer-selection{color:#aaaab4;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex;overflow:hidden}.mods-footer-selection>span{text-overflow:ellipsis;overflow:hidden}.mods-footer-icons{flex-shrink:0;align-items:center;display:flex}.mods-footer-icon{object-fit:contain;width:29px;height:29px;margin-right:-4px}.mods-footer-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=900px){.mod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mods-toolbar-main{flex-direction:column;align-items:stretch;gap:6px}.mods-search{width:100%}}@media (width<=650px){.mods-overlay-panel{width:100%;height:100vh}.mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mods-toolbar{align-items:flex-start}.mods-footer-selection{display:none}}.mod-setting-slider{flex-direction:column;align-items:stretch;gap:6px;padding:7px 0}.mod-setting-slider .mod-setting-label{width:100%;max-width:none}.mod-setting-slider .mod-setting-label span{max-width:none}.mod-slider-control{grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:10px;width:100%;display:grid}.mod-slider-number{height:26px;width:78px!important}.mod-card-wrapper.selected .mod-settings{padding-top:7px;padding-bottom:7px}.settings-modal{background:#15151b;border:1px solid #373741;width:min(520px,100%);overflow:hidden;box-shadow:0 20px 70px #00000080}.settings-modal-body{flex-direction:column;display:flex}.settings-field{border-bottom:1px solid #292931;flex-direction:column;gap:7px;padding:14px 16px;display:flex}.settings-field>span,.settings-lock-field>div>span{color:#d7d7de;font-size:12px;font-weight:600}.settings-field small{color:#73737e;font-size:10px}.settings-field input,.settings-field select{color:#ededf2;width:100%;height:34px;font:inherit;background:#101015;border:1px solid #393943;border-radius:4px;outline:none;padding:0 10px;font-size:12px}.settings-field input:focus,.settings-field select:focus{border-color:#c44d86}.settings-password-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.settings-password-row .small-button{white-space:nowrap}.settings-lock-field{flex-direction:row;justify-content:space-between;align-items:center}.settings-lock-field>div{flex-direction:column;gap:4px;display:flex}.settings-modal-footer{background:#121218;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.players-header-actions{align-items:center;gap:8px;padding-right:13px;display:flex}.players-header-actions>span{color:#70707b;font-size:11px}.player-manage-modal{background:#15151b;border:1px solid #373741;width:min(430px,100%);overflow:hidden;box-shadow:0 20px 70px #00000080}.player-manage-body{padding:16px}.player-manage-user{align-items:center;gap:11px;padding-bottom:16px;display:flex}.player-manage-user img{object-fit:cover;background:#202029;border-radius:6px;flex-shrink:0;width:44px;height:44px}.player-manage-user>div{min-width:0}.player-manage-user strong{color:#ededf2;font-size:14px;font-weight:600;display:block}.player-manage-user span{color:#777783;margin-top:3px;font-size:11px;display:block}.player-manage-actions{flex-direction:column;gap:8px;display:flex}.player-manage-actions button{width:100%}.player-manage-note{color:#777783;margin-top:-2px;font-size:10px;line-height:1.4}.mods-mode-tabs{background:#121218;border-bottom:1px solid #292931;gap:6px;padding:10px 16px;display:flex}.mods-mode-tab{color:#aaaab4;height:30px;font:inherit;cursor:pointer;background:#1a1a21;border:1px solid #383842;border-radius:4px;padding:0 14px;font-size:12px}.mods-mode-tab:hover{color:#dddde4;background:#202028}.mods-mode-tab.active{color:#ee8fba;background:#2a1922;border-color:#c44d86}.mods-current{align-items:center;gap:8px;min-width:0;display:flex}.mods-current strong{color:#d8d8df;font-size:11px;font-weight:600}.mods-current span{color:#9999a5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mod-settings.compact{background:#121218;border-top:1px solid #33242c;flex-direction:column;gap:7px;padding:9px 10px;display:flex}.mod-settings.compact .mod-setting{min-height:27px;padding:0}.mod-settings.compact .mod-setting-slider{grid-template-columns:minmax(0,1fr) 165px;align-items:center;gap:10px;display:grid}.mod-settings.compact .mod-slider-control{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;display:grid}.mod-card-wrapper{align-self:start}.mod-card{min-height:62px}.mod-settings.compact{background:#121218;border-top:1px solid #33242c;padding:8px 10px}.mod-settings.compact .mod-setting{gap:8px;min-height:24px}.mod-settings.compact .mod-setting-label{min-width:0;font-size:10px}.mod-settings.compact .mod-setting-label span{color:#6f6f79;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:9px;display:block;overflow:hidden}.mod-settings.compact .mod-setting-slider{grid-template-columns:minmax(0,1fr) 155px}.mod-settings.compact .mod-slider-control{grid-template-columns:minmax(0,1fr) 64px}.mod-config-indicator{cursor:pointer;-webkit-user-select:none;user-select:none}.mod-config-indicator:hover{color:#e18ab3;background:#33222b;border-color:#8c536e}.mod-config-indicator.open{color:#f19ac1;background:#3a202c;border-color:#c94d87}.chat-messages{flex:1;padding:10px 8px;overflow-y:auto}.chat-message{grid-template-columns:52px auto 1fr;gap:8px;padding:4px 0;font-size:12px;display:grid}.chat-time{color:#6f6570}.chat-content{color:#e7e7eb;word-break:break-word}.chat-error{color:#df8198;margin-top:8px;font-size:11px}.chat-input-row{width:100%;display:block}.chat-input-row input{box-sizing:border-box;color:#eeeef2;width:100%;min-width:0;height:38px;font:inherit;background:0 0;border:0;outline:none;padding:0 12px;font-size:12px;display:block}.chat-input-row input::placeholder{color:#857984}.content{width:100%;max-width:none;height:100%;min-height:0;padding:22px 28px 30px;overflow:hidden}.content:has(.room-workspace){flex-direction:column;display:flex}.content:has(.room-workspace) .room-page-header{flex-shrink:0}.topbar{height:46px}.layout{grid-template-columns:155px minmax(0,1fr);min-height:calc(100vh - 46px)}.sidebar{padding:12px 8px}.room-page-header{align-items:center;gap:20px;margin-bottom:16px}.room-page-header h1{margin:3px 0 4px;font-size:22px;line-height:1.15}.room-meta{font-size:11px}.room-workspace{flex:1;grid-template-columns:minmax(620px,1fr) minmax(300px,360px);align-items:stretch;gap:14px;min-height:0;display:grid}.room-primary,.room-side{flex-direction:column;gap:14px;min-width:0;display:flex}.room-side{min-height:0}.room-section{background:#17171d;border:1px solid #2d2d35;border-radius:4px;overflow:hidden}.match-section{flex:none}.players-section{margin-top:0}.referees-section{flex:none;min-height:145px}.chat-section{flex-direction:column;flex:0 520px;height:auto;min-height:320px;max-height:620px;margin-top:0;display:flex}.section-title{padding:9px 11px}.setting-row{min-height:39px;padding:0 11px}.control-row{padding:10px 11px}.player-row{min-height:52px;padding:0 11px}.referee-user-row{min-height:52px;padding:7px 11px}.chat-messages{scrollbar-width:thin;background:#0c0c10;flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.chat-message{grid-template-columns:58px max-content minmax(0,1fr);gap:8px;padding:4px 0;font-size:12px;line-height:1.35;display:grid}.chat-time{color:#706570;font-variant-numeric:tabular-nums;white-space:nowrap}.chat-username{color:#e77798;font-weight:600}.chat-content{color:#e7e7eb;overflow-wrap:anywhere;min-width:0}.chat-input-row{background:#09090d;border-top:1px solid #25252d;flex-shrink:0}.chat-input-row input{height:40px;padding:0 12px}.beatmap-card,.beatmap-content{min-height:150px}.room-actions{flex-shrink:0}@media (width<=1120px){.room-workspace{grid-template-columns:minmax(0,1fr) 330px}}@media (width<=960px){.room-workspace{grid-template-columns:1fr;min-height:0}.room-side{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);display:grid}.chat-section{min-height:300px}}@media (width<=720px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:14px}.room-page-header{flex-direction:column;align-items:flex-start}.room-side{display:flex}.room-workspace{grid-template-columns:1fr}.player-row{grid-template-columns:minmax(0,1fr) auto}.player-row>span{display:none}}.start-match-modal{background:#15151b;border:1px solid #373741;width:min(430px,100%);overflow:hidden;box-shadow:0 20px 70px #00000080}.start-match-body{flex-direction:column;display:flex}.start-match-footer{background:#121218;border-top:1px solid #292931;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.player-team-control{border-bottom:1px solid #292931;flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.player-manage-label{color:#9999a5;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.player-team-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.team-button{color:#d8d8df;cursor:pointer;background:#1b1b22;border:1px solid #373741;height:34px}.team-button:hover:not(:disabled){background:#24242c}.team-red.active{background:#d85a661f;border-color:#d85a66}.team-blue.active{background:#5f8fda1f;border-color:#5f8fda}.team-button:disabled{cursor:default;opacity:.55}.auth-gate{place-items:center;height:100%;min-height:0;padding:32px;display:grid}.auth-gate-card{background:#15151b;border:1px solid #2d2d36;width:min(420px,100%);padding:28px}.auth-gate-eyebrow{color:#8b8b97;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px}.auth-gate-card h1{margin:0 0 10px;font-size:22px}.auth-gate-card p{color:#a5a5af;margin:0 0 22px;line-height:1.5}.sidebar-login-state{padding:18px 12px}.sidebar-login-label{color:#85858f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px}.sidebar-login-button{width:100%}.create-room-modal{background:#141419;border:1px solid #30303a;width:min(620px,100vw - 40px);box-shadow:0 18px 60px #00000073}.create-room-modal .overlay-header{background:#17171d;border-bottom:1px solid #2a2a32;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.create-room-modal .overlay-title{color:#f0f0f4;font-size:18px;font-weight:700}.create-room-modal .overlay-subtitle{color:#84848f;margin-top:4px;font-size:12px}.create-room-form{flex-direction:column;gap:16px;padding:20px;display:flex}.create-room-field{flex-direction:column;gap:7px;display:flex}.create-room-field>span{color:#aaaab3;font-size:12px;font-weight:500}.create-room-field small{color:#666672;font-size:11px;font-weight:400}.create-room-field input,.create-room-field select{box-sizing:border-box;color:#e0e0e6;width:100%;height:38px;font:inherit;background:#101015;border:1px solid #353540;border-radius:3px;padding:0 11px}.create-room-field input:hover,.create-room-field select:hover{border-color:#444450}.create-room-field input:focus,.create-room-field select:focus{border-color:#555562;outline:none}.create-room-grid{grid-template-columns:minmax(0,1fr) 140px;gap:12px;display:grid}.create-beatmap-preview{background:#101015;border:1px solid #292934;border-radius:3px;align-items:center;gap:10px;min-height:62px;padding:8px;display:flex}.create-beatmap-preview-cover{object-fit:cover;border-radius:2px;flex:none;width:84px;height:48px}.create-beatmap-preview-info{flex-direction:column;gap:4px;min-width:0;display:flex}.create-beatmap-preview-info strong{color:#e2e2e8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.create-beatmap-preview-info span,.create-beatmap-preview span{color:#858590;font-size:11px}.create-room-modal .overlay-actions{background:#17171d;border-top:1px solid #292932;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.create-room-modal .overlay-close{color:#8d8d97;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:20px}.create-room-modal .overlay-close:hover{color:#fff}.create-room-modal .overlay-error{color:#e99aae;background:#26151c;border:1px solid #633042;padding:9px 11px;font-size:12px}.create-room-divider{background:#26262e;height:1px;margin:2px 0}.empty-page{padding:8px 0}.empty-page h1{margin:0 0 8px}.empty-page p{color:#8a8a95;margin:0}.history-list{flex-direction:column;gap:10px;min-height:0;padding-bottom:20px;display:flex;overflow-y:auto}.history-card{background:#15151a;border:1px solid #292932;position:relative;overflow:hidden}.history-summary{width:100%;min-height:104px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:15px 17px;display:flex;position:relative;overflow:hidden}.history-summary:hover{background:#18181e}.history-cover{z-index:0;opacity:.42;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.history-summary-main,.history-summary-score{z-index:1;position:relative}.history-summary-main{min-width:0}.history-room-line{align-items:center;gap:8px;margin-bottom:5px;display:flex}.history-room-line strong{color:#ececf1;font-size:14px}.history-room-line>span:not(.history-status){color:#70707b;font-size:11px}.history-status{text-transform:uppercase;letter-spacing:.04em;border:1px solid #34343e;padding:2px 6px;font-size:10px}.history-status.completed{color:#a8d5af;background:#17251b;border-color:#31523a}.history-status.aborted{color:#e1a1ae;background:#26171c;border-color:#5b303b}.history-map-title{color:#efeff4;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.history-meta{color:#797984;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11px;display:flex}.history-difficulty{color:#db78aa}.history-summary-score{justify-content:flex-end;align-items:center;gap:14px;min-width:230px;display:flex}.history-summary-score>div{flex-direction:column;align-items:flex-end;gap:2px;min-width:86px;display:flex}.history-summary-score span{color:#777781;font-size:10px}.history-summary-score strong{color:#e0e0e5;font-variant-numeric:tabular-nums;font-size:13px}.history-summary-score>div.winner strong{color:#f1f1f5}.history-summary-score>div.winner span{color:#b9b9c1;font-weight:600}.history-chevron{width:14px;color:#666671!important}.history-details{background:#111116;border-top:1px solid #292932;padding:14px 17px 17px}.history-mod-line{color:#777782;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px 12px;margin-bottom:14px;font-size:11px;display:grid}.history-mod-line strong{color:#bdbdc6;font-weight:500}.history-teams{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.history-team{background:#15151b;border:1px solid #2c2c35}.history-team.red{border-top-color:#8a3b4d}.history-team.blue{border-top-color:#3d5f8c}.history-team.winner{background:#17171d}.history-team.red.winner{box-shadow:inset 0 1px #8a3b4d}.history-team.blue.winner{box-shadow:inset 0 1px #3d5f8c}.history-team-header{border-bottom:1px solid #292932;justify-content:space-between;padding:9px 11px;display:flex}.history-team-header strong,.history-team-header span{font-variant-numeric:tabular-nums;font-size:12px}.history-player{border-bottom:1px solid #24242b;grid-template-columns:minmax(150px,1fr) 170px minmax(90px,150px) 105px;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:grid}.history-player:last-child{border-bottom:0}.history-player-name{align-items:center;gap:8px;min-width:0;display:flex}.history-player-name img{object-fit:cover;border-radius:3px;width:24px;height:24px}.history-player-name-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.history-player-name-copy>span{color:#d0d0d7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-player-name-copy>small{color:#686873;font-size:10px}.history-player-result{color:#858590;text-align:right;font-variant-numeric:tabular-nums;grid-template-columns:30px 72px 56px;justify-content:end;align-items:center;gap:6px;font-size:11px;display:grid}.history-rank{color:#d8d8df;background:#1d1d24;border:1px solid #3a3a44;justify-content:center;align-items:center;min-width:24px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.history-rank.failed{color:#e195a5;background:#28171d;border-color:#61313d}.history-player-mods{color:#a8a8b1;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.history-player>strong{color:#e4e4e9;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.history-neutral-players{background:#15151b;border:1px solid #2c2c35}.history-team-empty{color:#62626d;padding:13px 11px;font-size:11px}.history-winner{border-top:1px solid #27272f;justify-content:flex-end;align-items:center;gap:9px;margin-top:14px;padding-top:12px;display:flex}.history-winner>span{color:#666671;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.history-winner>strong{color:#e5e5ea;font-size:13px}.history-winner.red>strong{color:#dc91a3}.history-winner.blue>strong{color:#92add2}.history-winner.aborted>strong{color:#d68e9d}.history-error{color:#e1a1ae;background:#26171c;border:1px solid #5b303b;margin-bottom:12px;padding:10px 12px;font-size:12px}@media (width<=1150px){.history-mod-line{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}.history-player{grid-template-columns:minmax(130px,1fr) 160px 90px}.history-player-mods{display:none}}@media (width<=900px){.history-summary-score{min-width:auto}.history-teams{grid-template-columns:1fr}}@media (width<=760px){.history-summary{flex-direction:column;align-items:flex-start}.history-summary-score{justify-content:flex-start;width:100%}.history-player{grid-template-columns:minmax(120px,1fr) 150px 90px}}.live-result-section{margin-top:14px}.live-result-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:10px;display:grid}.live-result-team{background:#15151b;border:1px solid #2b2b34;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:10px 12px;display:flex}.live-result-team.red{border-left:2px solid #8a3b4d}.live-result-team.blue{border-left:2px solid #3d5f8c}.live-result-team.winner{background:#191920}.live-result-team span{color:#aaaab4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.live-result-team strong{color:#ececf1;font-variant-numeric:tabular-nums;font-size:15px}.global-settings-panel{max-width:760px}.global-settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:18px;display:grid}.global-setting-toggle{border-top:1px solid #2b2b34;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.global-setting-toggle>div{flex-direction:column;gap:4px;display:flex}.global-setting-toggle strong{color:#dedee5;font-size:12px}.global-setting-toggle small{color:#777781;font-size:11px}.global-settings-footer{border-top:1px solid #2b2b34;justify-content:flex-end;padding:14px 18px;display:flex}.settings-saved{color:#a8d5af;background:#17251b;border:1px solid #31523a;margin:14px 18px 0;padding:9px 11px;font-size:11px}.player-team-control select{width:100%;margin-top:6px}@media (width<=760px){.live-result-grid,.global-settings-grid{grid-template-columns:1fr}.global-setting-toggle{grid-column:auto}}.participant-count{color:#d96ca5;font-weight:600}.participant-stack{flex-direction:column;gap:2px;padding:8px;display:flex}.participant-row{width:100%;min-height:52px;color:inherit;text-align:left;background:#17171d;border:1px solid #2a2a32;align-items:center;gap:10px;padding:0 12px 0 0;display:flex;position:relative;overflow:hidden}.player-participant-row{cursor:pointer}.player-participant-row:hover{background:#1b1b22}.player-participant-row:disabled{cursor:default;opacity:1}.referee-row{background:linear-gradient(90deg,#caaa4314,#4a6f8b1a),#181a20}.participant-row.empty{color:#777780;background:#14171a;justify-content:center}.participant-team-strip{background:#393942;flex-shrink:0;align-self:stretch;width:6px}.participant-team-strip.red{background:#d84a63}.participant-team-strip.blue{background:#4d7fc9}.participant-team-strip.neutral{background:#555562}.participant-team-strip.referee-strip{background:#d2b54d}.participant-team-strip.empty-strip{background:#2a2d31}.participant-avatar{object-fit:cover;border-radius:3px;flex-shrink:0;width:40px;height:40px}.participant-main{flex:1;min-width:0}.participant-name-row{align-items:center;gap:8px;min-width:0;display:flex}.participant-name-row strong{color:#ececf1;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.participant-role,.participant-team-name{flex-shrink:0;font-size:10px}.participant-role{color:#9fb5c8}.participant-team-name{color:#d8d8df}.participant-subline{color:#73737e;margin-top:2px;font-size:10px}.participant-manage-hint{color:#8a8a95;flex-shrink:0;font-size:10px}.participant-empty-label{color:#73737d;padding-left:6px;font-size:12px}@media (width<=760px){.participant-manage-hint{display:none}}.room-side .chat-section{flex:auto;min-height:0;max-height:none}.participant-stack{gap:2px}.participant-row,.participant-row.referee-row,.participant-row.participant-empty-row{min-height:48px}.participant-subline{line-height:1.2}.players-section{flex:none}.participant-stack{gap:1px;padding:6px}.participant-row{height:40px;min-height:40px}.participant-row.referee-row{height:42px;min-height:42px}.participant-row.participant-empty-row{height:30px;min-height:30px}.participant-avatar,.referee-row .participant-avatar{width:32px;height:32px}.participant-name-row strong{font-size:12px}.participant-role,.participant-team-name,.participant-manage-hint{font-size:9px}.participant-subline{margin-top:1px;font-size:9px}.participant-empty-label{font-size:10px}.participant-team-strip{width:4px}.room-primary{gap:10px}.match-controls,.live-result-section{margin-top:0}@media (width>=1100px) and (height<=1150px){.topbar{height:44px;padding:0 14px}.brand{font-size:13px}.topbar-right{gap:12px}.status,.username{font-size:12px}.avatar{width:24px;height:24px}.login-button{padding:5px 9px}.layout{grid-template-columns:150px minmax(0,1fr);height:calc(100vh - 44px);min-height:calc(100vh - 44px)}.sidebar{padding:9px 7px}.nav-item{padding:7px 8px;font-size:13px}.content{height:100%;min-height:0;padding:12px 18px 14px;overflow:hidden}.content:has(.room-workspace){flex-direction:column;display:flex}.room-page-header{flex:none;align-items:center;gap:14px;min-height:58px;margin-bottom:9px}.room-page-header h1{margin:2px 0 3px;font-size:19px;line-height:1.12}.room-meta{gap:6px;font-size:10px}.back-button{font-size:12px}.room-actions{gap:7px}.room-actions .secondary-button,.room-actions .danger-button{padding:6px 9px;font-size:12px}.room-workspace{flex:auto;grid-template-columns:minmax(620px,1fr) 360px;align-items:stretch;gap:10px;height:0;min-height:0}.room-primary{scrollbar-width:thin;scrollbar-color:#3a3a44 transparent;gap:8px;min-height:0;padding-right:3px;overflow:hidden auto}.room-side{gap:8px;height:100%;min-height:0;overflow:hidden}.room-section{border-radius:3px}.section-title{padding:7px 9px;font-size:11px}.section-header{min-height:34px;padding-right:8px}.section-header .section-title{padding:7px 9px}.small-button{padding:4px 7px;font-size:11px}.beatmap-card,.beatmap-content{min-height:112px}.beatmap-content{padding:12px 14px}.beatmap-title{font-size:15px}.beatmap-difficulty{margin-top:1px;font-size:12px}.beatmap-mapper{margin-top:3px;font-size:10px}.beatmap-stats{gap:7px;margin-top:7px;font-size:9px}.beatmap-stats span{padding-right:7px}.setting-row{min-height:31px;padding:0 9px;font-size:11px}.control-row{gap:6px;padding:7px 9px}.control-row .secondary-button{padding:5px 8px;font-size:11px}.players-section{flex:none;margin-top:0}.participant-stack{scrollbar-width:thin;scrollbar-color:#393943 transparent;gap:1px;max-height:292px;padding:4px;overflow-y:auto}.participant-row{gap:7px;height:36px;min-height:36px;padding-right:8px}.participant-row.referee-row,.participant-row.player-participant-row{height:40px;min-height:40px}.participant-row.participant-empty-row{height:30px;min-height:30px}.participant-team-strip{width:4px}.participant-avatar,.referee-row .participant-avatar{border-radius:3px;width:30px;height:30px}.participant-name-row{gap:6px}.participant-name-row strong{font-size:11px}.participant-role,.participant-team-name,.participant-manage-hint{font-size:9px}.participant-subline{color:#6f6f7a;align-items:center;gap:5px;margin-top:0;font-size:8px;line-height:1.15;display:flex}.participant-subline>span+span:before{content:"·";color:#50505a;margin-right:5px}.participant-empty-label{padding:0;font-size:9px}.participant-count{font-size:10px}.match-controls{flex:none;gap:6px;margin-top:0}.match-controls button{min-height:32px;padding:5px 10px;font-size:12px}.live-result-section{flex:none;margin-top:0}.live-result-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;padding:6px}.live-result-team{gap:10px;min-height:34px;padding:6px 9px}.live-result-team span{font-size:10px}.live-result-team strong{font-size:12px}.chat-section{flex:auto;height:100%;min-height:0;max-height:none}.chat-messages{min-height:0;padding:7px 8px}.chat-message{grid-template-columns:52px max-content minmax(0,1fr);gap:6px;padding:3px 0;font-size:10px;line-height:1.3}.chat-input-row input{height:36px;padding:0 9px;font-size:11px}.history-page-header{margin-bottom:12px}.history-page-header h1{margin-top:4px}}@media (width>=1100px) and (height<=900px){.participant-stack{max-height:225px}.beatmap-card,.beatmap-content{min-height:98px}.room-page-header{min-height:50px}}@media (width>=1100px) and (height<=1150px){.topbar{height:46px;padding:0 16px}.brand{font-size:14px}.status,.username{font-size:13px}.avatar{width:26px;height:26px}.login-button{padding:6px 10px;font-size:12px}.layout{grid-template-columns:155px minmax(0,1fr);height:calc(100vh - 46px);min-height:calc(100vh - 46px)}.content{padding:14px 18px 16px}.nav-item{padding:8px 9px;font-size:14px}.sidebar-footer{font-size:11px}.room-page-header{min-height:62px;margin-bottom:10px}.room-page-header h1{font-size:21px}.room-meta{font-size:11px}.back-button{font-size:13px}.room-actions .secondary-button,.room-actions .danger-button{padding:7px 10px;font-size:13px}.room-workspace{grid-template-columns:minmax(640px,1fr) 365px;gap:11px}.section-title{padding:8px 10px;font-size:12px}.section-header{min-height:36px}.section-header .section-title{padding:8px 10px}.small-button{padding:5px 8px;font-size:12px}.beatmap-card,.beatmap-content{min-height:124px}.beatmap-content{padding:14px 16px}.beatmap-title{font-size:17px}.beatmap-difficulty{font-size:13px}.beatmap-mapper{font-size:11px}.beatmap-stats{margin-top:8px;font-size:10px}.setting-row{min-height:34px;padding:0 10px;font-size:12px}.control-row{padding:8px 10px}.control-row .secondary-button{padding:6px 9px;font-size:12px}.participant-stack{max-height:310px;padding:5px}.participant-row{height:38px;min-height:38px}.participant-row.referee-row,.participant-row.player-participant-row{height:43px;min-height:43px}.participant-row.participant-empty-row{height:31px;min-height:31px}.participant-avatar,.referee-row .participant-avatar{width:33px;height:33px}.participant-name-row strong{font-size:12px}.participant-role,.participant-team-name,.participant-manage-hint{font-size:10px}.participant-subline{font-size:9px}.participant-empty-label{font-size:10px}.participant-count{font-size:11px}.match-controls button{min-height:34px;padding:6px 11px;font-size:13px}.live-result-grid{gap:7px;padding:7px}.live-result-team{min-height:37px;padding:7px 10px}.live-result-team span{font-size:11px}.live-result-team strong{font-size:13px}.chat-message{grid-template-columns:54px max-content minmax(0,1fr);gap:7px;padding:3px 0;font-size:11px;line-height:1.35}.chat-input-row input{height:38px;font-size:12px}}.room-host{color:#a5a5af}.participant-state.ready{color:#9fd4a8}.participant-state.not-ready{color:#d3a2ad}.participant-state.playing{color:#e3ca83}.participant-state.finished{color:#9fb7d8}.player-manage-controls-grid{grid-template-columns:minmax(0,1fr) 120px;gap:10px;margin-top:4px;display:grid}.player-manage-field{flex-direction:column;gap:6px;min-width:0;display:flex}.player-manage-field select{color:#e4e4eb;width:100%;height:36px;font:inherit;background:#1a1a21;border:1px solid #34343e;border-radius:4px;outline:none;padding:0 10px}.player-manage-field select:hover:not(:disabled){background:#1f1f27;border-color:#484853}.player-manage-field select:focus{border-color:#c74786}.player-manage-apply{width:100%;height:36px;margin-top:10px}@media (width<=520px){.player-manage-controls-grid{grid-template-columns:1fr}}.create-beatmap-preview{background:#17171d;border:1px solid #34343e;border-radius:4px;align-items:stretch;min-height:72px;display:flex;overflow:hidden}.create-beatmap-preview.has-cover{min-height:86px}.create-beatmap-art{background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #2d2d35;flex:0 0 150px;width:150px;min-height:86px}.create-beatmap-copy{flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:12px 14px;display:flex}.create-beatmap-copy strong{color:#ececf2;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.2;overflow:hidden}.create-beatmap-copy span{color:#b4b4bf;font-size:12px}.create-beatmap-copy small{color:#777783;font-size:11px}@media (width<=620px){.create-beatmap-art{flex-basis:110px;width:110px}}