:root{font-family:Segoe UI,Tahoma,sans-serif;color:#edeaf4;background:#10111b;font-synthesis:none;--mint:#bbf3df;--lilac:#c7b3ef;--muted:#8f8eaa;--line:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}body,html,#app{width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{color:inherit}#app{position:relative}#game-canvas{display:block;width:100%;height:100%;background:#10111b;outline:none}.screen-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#12131e}.dance-room{width:min(1440px,100%);height:100%;padding:0 40px;display:flex;flex-direction:column}.room-header{height:100px;min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-star{font-size:46px;color:var(--mint);line-height:1}.brand h1{font-size:30px;font-weight:900;letter-spacing:-1.5px;line-height:.9}.brand h1 span{display:block;letter-spacing:4.1px;text-transform:uppercase;font-size:8px;font-weight:600;margin-top:10px;color:var(--lilac)}.room-breadcrumb{font-size:10px;letter-spacing:2px;font-weight:600;color:#aaa7bd}.room-breadcrumb span{margin:0 18px;color:#555164}.solo-badge{display:flex;align-items:center;gap:8px;border:1px solid #bbf3df28;border-radius:5px;color:var(--mint);font-size:9px;letter-spacing:1.5px;padding:10px 12px}.solo-badge i{width:5px;height:5px;background:var(--mint);border-radius:50%}.room-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:28px;flex:1;min-height:0;padding:28px 0}.stage-column{min-height:0;display:flex;flex-direction:column;gap:16px}.room-stage{position:relative;flex:1;min-height:200px;overflow:hidden;border:1px solid #ffffff15;border-radius:10px;background:#211a37}.room-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.room-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -90px 65px -35px #0f1125}.stage-label{position:absolute;top:22px;left:24px;display:flex;flex-direction:column;gap:6px}.tiny-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.stage-label .tiny-label{color:#c1b2da}.stage-label strong{font-size:16px;font-weight:500}.stage-live{position:absolute;top:27px;right:24px;font-size:8px;letter-spacing:1.4px;color:var(--mint)}.stage-caption{display:flex;align-items:center;gap:15px;position:absolute;bottom:24px;left:24px;z-index:1}.stage-caption>span{font-size:36px;font-weight:200;color:#ffffff40}.stage-caption strong{font-size:22px;font-weight:600;letter-spacing:-.5px}.stage-caption p{font-size:11px;color:#bdb3cf;margin-top:5px}.how-to-play{display:flex;justify-content:space-between;gap:12px;padding:10px 0 2px}.how-to-play>div{display:flex;gap:9px;align-items:flex-start}.step-num{font-size:10px;color:var(--lilac);padding-top:1px}.how-to-play b{font-size:8px;letter-spacing:.7px;font-weight:600;color:#c7c2d6}.how-to-play p{color:#848199;font-size:9px;margin-top:8px;white-space:nowrap}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:19px;margin-right:3px;background:#ffffff08;border:1px solid #ffffff16;border-bottom-width:2px;border-radius:3px;color:#d7d2e2;font-size:10px}.space-key{padding:0 8px;font-size:8px}.how-to-play p>span{margin-left:2px}.music-panel{display:flex;flex-direction:column;min-height:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:600;margin-top:5px}.track-count{font-size:9px;letter-spacing:1.2px;color:#a69db8;border-bottom:1px solid #ffffff15;padding-bottom:7px}.song-scroll-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;max-height:42%;min-height:120px;scrollbar-width:thin;scrollbar-color:#625674 transparent;padding:2px}.song-item{display:flex;align-items:center;text-align:left;width:100%;gap:12px;min-height:76px;padding:12px;background:#191a27;border:1px solid #ffffff08;border-radius:6px;transition:background .18s,border-color .18s}.song-item:hover{background:#242332;border-color:#ffffff30}.song-item.active{background:#27243b;border-color:#c7b3ef80}.track-art{flex:0 0 46px;height:46px;display:grid;place-items:center;overflow:hidden;position:relative;border-radius:4px;background:#644d88}.track-art:before{content:"";width:44px;height:44px;position:absolute;border:9px solid #ffffff25;border-radius:50%;transform:translate(12px,12px)}.track-art span{z-index:1;font-size:17px;font-weight:800;letter-spacing:-1px;color:#ffffffcd}.art-1{background:#466877}.art-2{background:#957362}.song-info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.song-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:10px;color:#918ba6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-bpm-badge{text-align:right;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1;color:#c6bfd5}.song-bpm-badge small{display:block;font-size:7px;color:#807a91;letter-spacing:1px;margin-top:4px}.active .song-bpm-badge{color:var(--mint)}.track-check{font-size:10px;color:#686075;margin-left:3px}.active .track-check{color:var(--lilac)}.on-deck{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.deck-top{display:flex;align-items:center;justify-content:space-between}.mode-tag{font-size:7px;letter-spacing:1px;padding:4px 6px;border-radius:3px;background:#bbf3df0d;color:var(--mint)}.on-deck h3{font-size:20px;letter-spacing:-.5px;margin:10px 0 4px;font-weight:600}.on-deck>p{font-size:11px;color:#92899e}.deck-facts{display:flex;align-items:flex-end;gap:30px;margin-top:18px}.deck-facts>div:not(.equalizer){display:flex;flex-direction:column;gap:5px}.deck-facts strong{font-size:23px;font-weight:500;letter-spacing:-.7px}.deck-facts>div:nth-child(2) strong{font-size:15px;color:#cbb7ef;line-height:27px;letter-spacing:1px}.deck-facts span{font-size:7px;color:#847c94;letter-spacing:1.2px}.equalizer{margin-left:auto;display:flex;align-items:flex-end;height:40px;gap:3px;padding-bottom:2px}.equalizer i{display:block;width:4px;height:var(--bar);background:linear-gradient(#c7b3ef,#44394f);border-radius:2px}.panel-tools{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;align-items:center}.text-button{font-size:11px;background:none;color:#b7afc8;border:0;padding:8px 0}.text-button:hover{color:var(--mint)}.audio-settings{position:relative;font-size:10px;color:#a19aaf}.audio-settings summary{cursor:pointer;list-style:none;padding:8px 0}.audio-settings summary span{margin-left:7px}.settings-popover{position:absolute;bottom:35px;right:0;width:275px;padding:18px;background:#252335;border:1px solid #5a4c6d;z-index:8;border-radius:7px;box-shadow:0 15px 45px #0008}.settings-popover label{display:flex;justify-content:space-between;color:#d7cfdf;font-size:11px}.settings-popover strong{color:var(--mint)}.settings-popover input{width:100%;margin:15px 0;accent-color:var(--mint)}.settings-popover p{line-height:1.8;font-size:10px;color:#9c91ac}.room-notice{font-size:10px;color:var(--mint);min-height:14px;line-height:1.5}.room-footer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:24px 0}.mode-control{display:flex;flex-direction:column;gap:10px}.mode-buttons{display:flex;padding:3px;border:1px solid #ffffff13;border-radius:5px;background:#191a26}.mode-buttons button{background:none;color:#7e778f;border:0;border-radius:3px;padding:9px 13px;font-size:9px;letter-spacing:.6px;font-weight:600}.mode-buttons button.selected{background:#c7b3ef;color:#2b2339}.mode-buttons span{margin-left:5px}.mode-description{font-size:11px;color:#c0b7cb;line-height:1.8}.mode-description>span{font-size:9px;color:#787087}.launch-actions{display:flex;gap:12px;margin-left:auto;align-items:center}.btn-preview,.btn-secondary{background:transparent;border:1px solid #ffffff24;color:#bfb5cf;padding:14px 18px;border-radius:5px;font-size:11px;white-space:nowrap}.btn-preview:hover,.btn-secondary:hover{border-color:#c7b3ef;color:#f2eaff}.btn-play-game{display:flex;align-items:center;justify-content:center;gap:40px;background:var(--mint);color:#163c32;border:1px solid var(--mint);border-radius:5px;padding:15px 24px;min-width:170px;font-weight:700;font-size:15px;box-shadow:0 4px 20px #b4ebd708;transition:background .2s,transform .2s}.btn-play-game:hover{background:#d6ffef;transform:translateY(-1px)}.btn-play-game span{font-size:20px;font-weight:400}.room-bottomline{display:flex;justify-content:space-between;height:42px;min-height:32px;align-items:center;font-size:7px;color:#655e76;letter-spacing:1.4px}.room-bottomline i{font-style:normal;margin:0 9px}#gameplay-hud{position:absolute;top:0;left:0;width:100%;padding:24px 32px 22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10;background:linear-gradient(#0c0d1bf2,#0c0d1b80,transparent)}.hud-left{display:flex;flex-direction:column;gap:6px;max-width:40%}.hud-eyebrow{font-size:11px;color:var(--lilac);font-weight:800;letter-spacing:1.5px}.hud-eyebrow span{color:#756984;font-size:8px}.hud-song-title{font-size:20px;font-weight:600;margin-top:5px}.hud-song-meta{font-size:11px;color:#a698ba}.hud-center{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-timer{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:3px}.hud-intro-banner{font-size:40px;color:#fff;font-weight:700;line-height:1;margin-top:18px;font-variant-numeric:tabular-nums}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hud-score-label{font-size:8px;color:#a091b4;letter-spacing:2px}.hud-score-val{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mint);letter-spacing:1px}.hud-btn-exit{pointer-events:auto;background:#11122099;color:#a79ab8;border:1px solid #ffffff20;border-radius:4px;padding:7px 10px;font-size:9px;margin-top:6px}.hud-btn-exit span{color:#6c607d;margin-left:10px}.song-progress{height:2px;position:absolute;left:0;top:0;width:100%;background:#ffffff08}.song-progress>div{height:100%;background:var(--mint);width:0}#results-screen{background:#12131ef0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.results-card{width:720px;max-width:94vw;max-height:94vh;overflow:auto;background:#1c1b2b;border:1px solid #c7b3ef40;padding:36px;border-radius:12px}.results-title{font-size:25px;letter-spacing:3px;font-weight:700;text-align:center;color:var(--lilac)}.results-song-title{text-align:center;color:#9a90ac;font-size:12px;margin-top:12px}.results-main-layout{display:flex;gap:30px;margin:35px 0}.grade-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;min-width:155px;border-radius:8px;background:#ffffff03}.grade-text{font-size:85px;font-weight:900;font-style:italic}.grade-label{font-size:9px;letter-spacing:4px;color:#9a90ac}.stats-box{flex:1}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;letter-spacing:1px;color:#9990a8}.stat-row strong{font-size:18px;color:#ddd4e8;font-variant-numeric:tabular-nums}.stat-row strong.stat-score{color:var(--mint);font-size:30px}.stat-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.judgment-breakdown{display:flex;gap:14px;justify-content:space-between}.j-col{display:flex;flex-direction:column;gap:8px;text-align:center}.j-lbl{font-size:8px;letter-spacing:.3px}.j-col strong{font-size:18px;font-weight:500}.results-actions{display:flex;justify-content:space-between;gap:20px}.results-best{text-align:center;margin:-10px 0 25px;color:var(--mint);font-size:11px;letter-spacing:1px}@media(min-width:1450px){.dance-room{padding:0 50px}.room-body{gap:36px;padding:32px 0}.room-header{height:115px}.song-item{min-height:87px}.song-title{font-size:14px}.song-artist{font-size:11px}.on-deck{margin-top:28px;padding-top:22px}.on-deck h3{font-size:24px}.deck-facts{margin-top:22px}.room-footer{padding:30px 0}.how-to-play b{font-size:9px}.how-to-play p{font-size:10px}}@media(max-height:760px)and (min-width:901px){.room-header{height:76px;min-height:76px}.room-body{padding:18px 0;gap:24px}.song-item{min-height:62px;padding:8px}.track-art{flex-basis:38px;height:38px}.on-deck{margin-top:14px;padding-top:10px}.on-deck h3{font-size:18px;margin-top:6px}.deck-facts{margin-top:10px}.deck-facts strong{font-size:20px}.panel-heading{margin-bottom:12px}.panel-tools{padding-top:8px}.room-footer{padding:16px 0}.stage-caption{bottom:18px}.stage-caption strong{font-size:19px}.stage-label{top:18px}.how-to-play{gap:7px}.mode-description{font-size:10px}}@media(max-width:1100px){.dance-room{padding:0 24px}.room-body{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:22px}.room-breadcrumb{font-size:8px}.how-to-play>div:last-child{display:none}.how-to-play{justify-content:flex-start;gap:24px}.mode-description{display:none}.room-footer{justify-content:space-between}.stage-live{font-size:7px;right:18px}.stage-label,.stage-caption{left:18px}.launch-actions{gap:9px}.btn-play-game{min-width:150px}}@media(max-width:900px){body,html{overflow:auto}#app{position:fixed}.screen-overlay{position:fixed;overflow:auto;align-items:flex-start}.dance-room{height:auto;min-height:100%;padding:0 20px}.room-header{height:82px;min-height:82px}.room-breadcrumb{display:none}.room-body{grid-template-columns:1fr;padding:20px 0;gap:24px;flex:none}.room-stage{height:350px;min-height:350px}.stage-column{gap:12px}.stage-caption p{font-size:10px}.music-panel{min-height:430px}.song-scroll-list{max-height:260px;min-height:0}.on-deck{margin-top:20px}.panel-tools{padding-top:14px;margin-top:4px}.how-to-play{justify-content:space-between;gap:10px}.how-to-play>div:last-child{display:flex}.room-footer{flex-wrap:wrap;padding:20px 0;gap:18px}.mode-control{width:100%}.mode-buttons{align-self:flex-start}.mode-description{display:block;flex:1;font-size:10px}.launch-actions{width:100%;margin:0}.launch-actions .btn-play-game{flex:1}.btn-preview{padding:15px 18px}.room-bottomline{font-size:6px}.results-main-layout{gap:16px}.grade-box{min-width:100px}.results-card{padding:22px}.grade-text{font-size:60px}.hud-left{max-width:40%}.hud-song-title{font-size:14px}.hud-song-meta{font-size:9px}.hud-score-val{font-size:23px}#gameplay-hud{padding:18px}.hud-timer{font-size:20px}.judgment-breakdown{gap:8px}.j-lbl{font-size:7px}}@media(max-width:500px){.room-stage{height:280px;min-height:280px}.how-to-play>div:last-child{display:none}.how-to-play b{font-size:7px}.how-to-play p{font-size:8px}.stage-live{font-size:6px;top:23px}.stage-label strong{font-size:13px}.stage-caption strong{font-size:18px}.stage-caption{bottom:17px}.stage-caption>span{font-size:29px}.brand h1{font-size:26px}.brand-star{font-size:38px}.solo-badge{font-size:7px;padding:8px}.results-main-layout{flex-direction:column}.grade-box{padding:12px}.grade-text{font-size:55px}.results-actions .btn-play-game{min-width:0;font-size:12px;padding:12px}.room-bottomline>span:last-child{letter-spacing:.4px}.hud-eyebrow span{display:none}.hud-center{top:95px}.hud-song-title{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#game-canvas,.room-stage{background:#000}.song-progress{height:3px;background:#ffffff14}.song-progress>div{background:linear-gradient(90deg,#00f0ff,#76ff03);box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff99;position:relative}.song-progress>div:after{content:"";position:absolute;right:0;top:-2px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #00f0ff,0 0 15px #fff}#gameplay-hud{background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 75%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08)}#hud-countdown{position:fixed;left:50%;transform:translate(-50%);margin:0;font-size:48px;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.9)}#gameplay-hud .hud-timer{position:fixed;left:28px;bottom:22px;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:1.5px;color:#e0f7fa;background:#0a0e19bf;padding:6px 14px;border-radius:6px;border:1px solid rgba(0,240,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 0 10px rgba(0,240,255,.5)}#gameplay-hud :is(.hud-song-meta,.hud-score-label,.hud-btn-exit span){color:#a0b2cc}#gameplay-hud .hud-song-title{font-size:22px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.8)}#gameplay-hud .hud-score-val{color:#00f0ff;font-weight:800;font-size:32px;text-shadow:0 0 14px rgba(0,240,255,.65),0 0 28px rgba(0,240,255,.3)}#gameplay-hud .hud-btn-exit{background:#121826cc;color:#f0f4fa;border:1px solid rgba(0,240,255,.25);border-radius:6px;font-size:12px;padding:8px 14px;transition:all .2s}#gameplay-hud .hud-btn-exit:hover{background:#1c2841f2;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff66}#results-screen{background:#080b14e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.results-card{background:linear-gradient(150deg,#161c2cf2,#0c101afa);border:1px solid rgba(0,240,255,.28);box-shadow:0 24px 64px #000000d9,0 0 35px #00f0ff26;border-radius:16px;padding:36px}.results-title{font-size:28px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#00f0ff;text-shadow:0 0 18px rgba(0,240,255,.6)}.grade-box{border:2px solid rgba(0,240,255,.4);border-radius:12px;background:linear-gradient(180deg,#00f0ff14,#0f142399);box-shadow:inset 0 0 20px #00f0ff26,0 0 18px #00f0ff33}.grade-text{font-size:88px;font-weight:900;font-style:italic;text-shadow:0 0 20px rgba(255,215,0,.5)}.stat-row strong.stat-score{color:#00f0ff;font-size:32px;font-weight:800;text-shadow:0 0 15px rgba(0,240,255,.6)}@media(max-width:900px){#gameplay-hud .hud-timer{left:18px;bottom:18px}#hud-countdown{font-size:44px}}:root{--ui-background:#090d16;--ui-panel:rgba(18,25,38,.92);--ui-row:rgba(22,32,48,.78);--ui-raised:rgba(28,40,62,.88);--ui-input:#0c121e;--ui-border:rgba(60,88,128,.45);--ui-text:#f0f5fc;--ui-muted:#8ea5c8;--ui-hover:rgba(44,66,100,.65);--ui-selected:rgba(35,60,95,.85);--ui-disabled:#202838}.room-phase.is-waiting>i,.player-status.status-available>i{background:#83d8a4}.online-screen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;color:var(--ui-text);background:var(--ui-background);font:15px Tahoma,Segoe UI,sans-serif;color-scheme:dark}.online-screen button,.online-screen input,.online-screen select{font:inherit}.online-screen button{cursor:pointer}.online-screen button:disabled{cursor:not-allowed;opacity:1}.online-screen button:focus-visible{outline:3px solid #8cb6ff;outline-offset:2px}.online-screen h1{font-size:25px;line-height:1.4;font-weight:700}.online-screen h2{font-size:18px;font-weight:700}.online-screen h3{font-size:16px;font-weight:700}.online-screen input,.online-screen select{min-width:0;border:1px solid var(--ui-border);border-radius:4px;padding:9px 11px;color:var(--ui-text);background:var(--ui-input);outline:none}.online-screen input:focus,.online-screen select:focus{border-color:#548ef4;box-shadow:0 0 0 2px #548ef43b}.online-screen input::placeholder{color:var(--ui-text);font-size:14px}.online-screen input:disabled,.online-screen select:disabled{color:#a1acbd;background:var(--ui-disabled)}.online-screen input:-webkit-autofill{-webkit-text-fill-color:var(--ui-text);-webkit-box-shadow:0 0 0 1000px var(--ui-input) inset}.online-screen select option{background:var(--ui-input);color:var(--ui-text)}.online-screen label{display:flex;flex-direction:column;gap:7px;color:var(--ui-text);font-size:14px}.online-screen form{display:flex;flex-direction:column;gap:15px}.online-screen :is(.primary,.secondary,.quiet,.link-button,.icon-button){display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:4px;font-size:14px;font-weight:600;white-space:nowrap}.online-screen .primary{color:#fff;background:linear-gradient(135deg,#00a8e8,#0077b6);border:1px solid rgba(0,240,255,.45);box-shadow:0 3px 12px #00b4d84d;transition:all .18s}.online-screen .primary:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#0096c7);box-shadow:0 4px 18px #00f0ff8c;transform:translateY(-1px)}.online-screen .secondary{color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-border);transition:all .18s}.online-screen .secondary:hover:not(:disabled){background:var(--ui-hover);border-color:#00f0ff66}.online-screen .quiet,.online-screen .link-button{color:var(--ui-text);background:transparent;border:1px solid transparent}.online-screen .quiet:hover,.online-screen .link-button:hover{background:var(--ui-hover);color:var(--ui-text)}.online-screen .link-button{padding:7px 9px;font-size:13px}.online-screen .icon-button{width:36px;height:36px;padding:8px;background:var(--ui-row);color:var(--ui-text);border:1px solid var(--ui-border)}.online-screen :is(.primary,.secondary):disabled{color:#a1acbd;background:var(--ui-disabled);border-color:var(--ui-border)}.ui-icon{width:18px;height:18px;flex:none;vertical-align:middle}.online-screen .button-row{display:flex;align-items:center;gap:9px}.online-screen .muted{color:var(--ui-muted);font-size:14px;line-height:1.65}.online-screen .eyebrow,.eyebrow-line,.button-subtitle,.deck-wave,.seat-pips{display:none!important}.online-screen .notice{color:var(--ui-text);min-height:18px;font-size:14px;line-height:1.6}.online-screen .full-width{width:100%}.online-screen .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.online-screen .checkbox-row{flex-direction:row;align-items:center;gap:10px}.online-screen .checkbox-row input{accent-color:#7ba9fb;width:18px;height:18px;flex:none}.online-screen .checkbox-row small{display:block;font-size:12px;color:var(--ui-muted);margin-top:5px;line-height:1.6}.online-screen :is(.room-list,.player-list,.members-panel,.catalog-list,.round-results,.history-list,.online-modal,.chat-log){scrollbar-width:thin;scrollbar-color:#53627a #141a23}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.online-layout{display:flex;flex-direction:column;width:min(1560px,100%);height:100%;padding:0 22px 14px}.online-header{display:flex;align-items:center;gap:18px;height:67px;flex:none;color:var(--ui-text);border-bottom:1px solid var(--ui-border)}.online-brand{display:flex;align-items:center;gap:8px;flex:none}.brand-mark{display:grid;place-items:center;width:31px;height:34px;color:var(--ui-text)}.brand-mark svg{width:100%;height:100%}.online-brand>div{display:flex;align-items:baseline;gap:8px}.online-brand strong{font:800 27px Segoe UI,sans-serif;letter-spacing:-1px;color:var(--ui-text)}.online-brand small{font-size:12px;color:var(--ui-muted)}.club-nav{display:flex;align-items:center;gap:8px;margin-left:18px}.club-nav .nav-current,.club-nav button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid transparent;border-radius:4px;font-size:14px}.club-nav .nav-current{color:var(--ui-text);background:var(--ui-selected);border-color:var(--ui-border)}.club-nav button{color:var(--ui-text);background:transparent}.club-nav button:hover{background:var(--ui-hover)}.connection{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--ui-text);font-size:12px;white-space:nowrap}.connection.connected{color:var(--ui-text)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83d8a4;flex:none}.player-identity{display:flex;align-items:center;gap:10px;padding:0 0 0 15px;border:0;border-left:1px solid var(--ui-border);background:transparent;text-align:left;color:var(--ui-text);min-width:0}.player-avatar{display:grid;place-items:center;width:35px;height:36px;background:#30415b;border:1px solid var(--ui-border);border-radius:5px;color:var(--ui-text);font-size:20px;font-weight:700;position:relative;flex:none}.player-avatar>b{position:absolute;bottom:-4px;right:-5px;min-width:18px;height:17px;text-align:center;color:var(--ui-text);background:#30415b;border:1px solid var(--ui-border);border-radius:3px;font-size:11px}.identity-info{display:flex;flex-direction:column;gap:4px;min-width:100px}.identity-info>strong{font-size:14px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.identity-info>small{color:var(--ui-muted);font-size:11px}.identity-info small>span{margin:0 3px}.identity-progress{display:block;height:3px;border-radius:2px;background:#354359}.identity-progress>i{display:block;height:100%;background:#9dd4b2}.profile-chevron{color:var(--ui-muted)}.online-screen .logout-button{color:var(--ui-text);background:var(--ui-row);border-color:var(--ui-border)}.online-notice{height:0;overflow:hidden;flex:none}.online-notice.visible{height:auto;margin-top:9px;padding:8px 12px;color:var(--ui-text);background:#342b20;border:1px solid #7d6947;border-radius:4px;font-size:14px}.lobby-title,.room-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;flex:none;color:var(--ui-text)}.lobby-title h1,.room-title-row h1{font-size:25px}.lobby-title .muted,.room-title-row .muted{color:var(--ui-muted);font-size:13px;margin-top:3px}.online-screen .create-room-button{min-width:138px;min-height:42px;font-size:16px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:12px;flex:1;min-height:210px}.lobby-main{display:flex;flex-direction:column;min-width:0;min-height:0}.surface{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 8px 30px #0006,0 0 1px #00f0ff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:0;min-height:0;overflow:hidden}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;flex:none;min-height:45px;background:var(--ui-raised);border-bottom:1px solid var(--ui-border);color:var(--ui-text)}.surface-heading h2{display:flex;align-items:center;gap:9px;font-size:18px}.count-badge{min-width:24px;padding:2px 7px;text-align:center;color:var(--ui-text);background:var(--ui-row);border:1px solid var(--ui-border);border-radius:4px;font-size:13px;font-weight:500}.room-directory{display:flex;flex-direction:column;flex:1}.directory-columns{display:flex;justify-content:space-between;gap:16px;padding:9px 18px;color:var(--ui-text);background:var(--ui-raised);font-size:13px;border-bottom:1px solid var(--ui-border)}.room-list{flex:1;min-height:100px;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column}.directory-room{display:flex;align-items:center;gap:15px;width:100%;min-height:84px;padding:10px 12px;margin:3px 0;border:1px solid var(--ui-border);border-radius:4px;color:var(--ui-text);background:var(--ui-row);text-align:left}.directory-room:nth-child(2n){background:var(--ui-row)}.directory-room:hover:not(:disabled){background:var(--ui-disabled);border-color:var(--ui-border)}.directory-room:disabled{background:var(--ui-disabled);color:#a1acbd}.directory-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.directory-info>strong{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-info>strong .ui-icon{width:14px;height:14px;margin-left:5px}.directory-info>small{font-size:14px;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-info i{font-style:normal;margin:0 4px}.room-host{display:flex;align-items:center;gap:10px;color:var(--ui-muted);font-size:12px}.mode-pill{font-size:12px;color:var(--ui-muted)}.directory-status{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex:none}.room-phase{display:inline-flex;align-items:center;gap:5px;color:var(--ui-text);font-size:13px}.room-phase.is-waiting{color:var(--ui-text)}.room-phase>i,.player-status>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.directory-status>b{font-size:17px;font-weight:600;display:flex;align-items:center;gap:5px;color:var(--ui-text)}.directory-status>b small{font-size:14px;font-weight:400}.directory-status>b .ui-icon{width:16px;height:16px}.join-arrow{color:var(--ui-text);font-size:23px;margin-left:5px}.directory-foot{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;font-size:12px;background:var(--ui-raised);color:var(--ui-muted);border-top:1px solid var(--ui-border)}.directory-foot>span:first-child{display:inline-flex;align-items:center;gap:7px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;padding:25px 15px;text-align:center}.empty-disc{display:none}.empty-state>strong{font-size:19px;font-weight:500;color:var(--ui-text)}.empty-state>p{font-size:14px;color:var(--ui-muted);margin:10px 0 17px}.empty-small{padding:25px 12px;text-align:center}.online-players{display:flex;flex-direction:column}.live-indicator{display:none}.online-players>.search-input{flex:none;margin:10px 11px;width:calc(100% - 22px);padding:8px 10px;font-size:14px}.player-table-head{display:grid;grid-template-columns:42px minmax(0,1fr) 70px;gap:6px;align-items:center;padding:9px 13px;color:var(--ui-text);background:var(--ui-raised);border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.player-table-head button{padding:0;border:0;background:transparent;color:var(--ui-text);font-size:13px;text-align:left}.player-table-head>span{font-size:12px;text-align:right}.player-list{flex:1;min-height:100px;overflow-y:auto;padding:4px 7px}.online-player{display:grid;grid-template-columns:37px minmax(0,1fr) 70px;align-items:center;gap:6px;width:100%;padding:11px 6px;text-align:left;background:transparent;border:1px solid transparent;border-bottom-color:var(--ui-border);border-radius:3px;color:var(--ui-text)}.online-player:hover,.online-player.selected{background:var(--ui-selected);border-color:#548ef4}.online-player.your-player{background:var(--ui-selected)}.level-badge{display:inline-grid;place-items:center;min-width:28px;height:27px;padding:2px 5px;justify-self:start;color:var(--ui-text);background:var(--ui-row);border:1px solid var(--ui-border);border-radius:4px;font-size:14px}.roster-player{min-width:0;display:flex;align-items:center}.roster-avatar{display:none}.online-player strong{min-width:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-player strong>small{color:var(--ui-muted);font-size:11px;margin-left:5px}.player-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--ui-text);font-size:12px;white-space:nowrap}.player-status.status-available{color:var(--ui-text)}.roster-note{display:flex;align-items:center;gap:9px;padding:13px;color:var(--ui-muted);background:var(--ui-raised);border-top:1px solid var(--ui-border)}.roster-note>.ui-icon{width:21px;height:21px}.roster-note strong{font-size:14px;font-weight:500}.roster-note p{font-size:12px;margin-top:5px}.selected-player{display:flex;align-items:center;gap:9px;padding:13px;background:var(--ui-selected);border-top:1px solid #548ef4;font-size:13px}.selected-player>div{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.selected-player b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.selected-player>div>span{font-size:12px;color:var(--ui-muted)}.room-title-row{padding:11px 0}.room-title-row h1{font-size:23px}.room-title-row h1>.ui-icon{width:17px;height:17px}.room-title-row .muted b{font-weight:500;color:var(--ui-muted)}.title-divider{margin:0 12px}.online-screen .room-title-row .quiet{color:var(--ui-text);border-color:var(--ui-border)}.room-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px;flex:1;min-height:255px}.members-panel{display:flex;flex-direction:column;overflow-y:auto}.members-panel .surface-heading{position:sticky;top:0;z-index:2}.ready-count{display:flex;align-items:center;gap:5px;font-size:17px;color:var(--ui-text)}.ready-count small{font-size:13px}.ready-count.all-ready{color:var(--ui-text)}.ready-count .ui-icon{width:16px;height:16px}.member-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.room-member{position:relative;min-width:0;height:67px;display:flex;align-items:flex-start;gap:7px;padding:8px 9px 21px;background:var(--ui-row);border:1px solid var(--ui-border);border-radius:4px}.room-member.your-seat{background:var(--ui-selected);border-color:#548ef4}.room-member.is-ready{border-color:#00e676;background:#00e6761f;box-shadow:inset 0 0 14px #00e6762e,0 0 10px #00e67638}.seat-number,.member-avatar{display:none}.member-info{min-width:0;flex:1}.member-info strong{display:block;color:var(--ui-text);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info>small{display:block;color:var(--ui-muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-tag{position:absolute;bottom:5px;left:9px;font-size:11px;font-style:normal;color:var(--ui-text)}.ready-state{position:absolute;bottom:5px;right:8px;color:var(--ui-muted);font-size:11px}.ready-state .ui-icon{width:12px;height:12px}.is-ready .ready-state{color:#69f0ae;font-weight:700;text-shadow:0 0 8px rgba(105,240,174,.6)}.empty-seat{align-items:center;padding:10px;color:var(--ui-text);background:var(--ui-raised);border-style:dashed;font-size:14px}.empty-avatar{display:grid;place-items:center;width:25px;height:25px;color:var(--ui-muted)}.empty-avatar .ui-icon{width:15px;height:15px}.room-settings-summary{flex:none;margin-top:auto;padding:11px 12px;border-top:1px solid var(--ui-border);background:var(--ui-raised)}.room-settings-summary>div:first-child{display:flex;align-items:center;gap:7px}.summary-settings-icon{display:none}.room-settings-summary strong{display:block;font-size:14px}.room-settings-summary small{display:block;font-size:12px;margin-top:4px;color:var(--ui-muted)}.online-screen .room-settings-summary .secondary{margin-left:auto;padding:7px 10px;font-size:13px}.room-settings-summary .secondary .ui-icon{display:none}.settings-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--ui-text);font-size:12px}.room-settings{padding:0}.room-settings>h3{display:none}.settings-help{font-size:13px;line-height:1.7;color:var(--ui-muted);margin-top:12px}.songs-panel{display:flex;flex-direction:column;overflow:hidden}.count-label{font-size:13px;color:var(--ui-muted)}.count-label .ui-icon{width:15px;height:15px;margin-right:3px}.song-filters{flex:none;display:flex;gap:10px;align-items:center;padding:10px 12px}.song-filters>.search-input{flex:1;width:100%;font-size:14px;padding:8px 10px}.filter-row{display:flex;align-items:center;gap:6px}.filter-row>input{width:70px;padding:8px;font-size:13px}.filter-row>input::placeholder{font-size:12px}.filter-row>span{color:var(--ui-muted);font-size:13px}.filter-row>select{padding:8px;font-size:13px}.catalog-list{flex:1;min-height:75px;overflow-y:auto;padding:0 8px 7px}.catalog-track{display:flex;align-items:center;gap:11px;width:100%;min-height:61px;margin:2px 0;padding:8px 11px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-row);color:var(--ui-text);text-align:left}.catalog-track:hover:not(:disabled){background:var(--ui-disabled);border-color:var(--ui-border)}.catalog-track.active{color:var(--ui-text);background:var(--ui-selected);border-color:#548ef4;border-left-width:4px;padding-left:8px}.catalog-track:disabled{color:inherit;cursor:default!important}.track-number{width:20px;flex:none;color:var(--ui-muted);font-size:13px}.track-number .ui-icon{width:16px;height:16px}.record-icon{width:30px;height:35px;display:grid;place-items:center;color:var(--ui-text);font-size:23px;flex:none}.catalog-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.catalog-track-info strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-track-info small{color:var(--ui-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-meta{display:flex;align-items:center;gap:18px;flex:none;text-align:right}.catalog-meta>b{color:var(--ui-text);font-size:19px;font-weight:500}.catalog-meta>b small{font-size:11px;margin-left:4px}.catalog-meta>span{color:var(--ui-text);font-size:13px}.track-check{width:17px;flex:none;color:var(--ui-text)}.track-check .ui-icon{width:16px;height:16px}.selected-track{flex:none;padding:10px 15px;color:var(--ui-text);background:var(--ui-selected);border-top:1px solid #548ef4}.deck-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.selected-song-label{grid-column:1;color:var(--ui-text);font-size:12px}.selected-track h2{grid-column:1;color:var(--ui-text);font-size:20px;line-height:1.3}.deck-info>p{grid-column:1;font-size:12px;color:var(--ui-muted)}.track-details{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:3px;font-size:12px;color:var(--ui-muted)}.track-details>span{display:inline-flex;align-items:center;gap:4px}.track-details b{font-weight:600}.track-details .ui-icon{width:13px;height:13px}.deck-info>.button-row{grid-column:2;grid-row:1 / span 4;flex-direction:column;justify-content:center;gap:4px}.online-screen .selected-track .secondary,.online-screen .selected-track .quiet{padding:7px 10px;font-size:12px}.selected-track .button-row .ui-icon{width:13px;height:13px}.round-banner{padding:10px 15px;background:#233f30;color:var(--ui-text);border-top:1px solid var(--ui-border);font-size:14px;text-align:center}.room-action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:10px 0 0;color:var(--ui-text)}.session-status{display:flex;align-items:center;gap:8px}.session-icon{display:none}.session-status strong{color:var(--ui-text);font-size:16px;font-weight:500}.session-status p{font-size:12px;color:var(--ui-muted);margin-top:5px}.online-screen .ready-toggle{min-width:155px;min-height:42px;color:#fff;background:linear-gradient(135deg,#1b5e20,#0d3311);border:1px solid #4caf50;box-shadow:0 3px 12px #4caf504d;transition:all .18s}.online-screen .ready-toggle:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 4px 18px #4caf5080}.online-screen .ready-button{background:linear-gradient(135deg,#00c853,#1b5e20);border:1px solid #69f0ae;box-shadow:0 4px 15px #00c85366;color:#fff;transition:all .18s}.online-screen .ready-button:hover{background:linear-gradient(135deg,#00e676,#2e7d32);box-shadow:0 4px 20px #00e67699}.online-screen .start-round{min-width:145px;min-height:42px;background:linear-gradient(135deg,#00b4d8,#0077b6);border:1px solid rgba(0,240,255,.5);box-shadow:0 4px 15px #00b4d859;color:#fff;transition:all .18s}.online-screen .start-round:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff,#0096c7);box-shadow:0 4px 20px #00f0ff99;transform:translateY(-1px)}.online-screen .start-round:disabled{background:var(--ui-disabled);color:#a1acbd;border-color:var(--ui-border);box-shadow:none}.chat-panel{display:flex;flex-direction:column;height:176px;min-height:150px;flex:none;margin-top:12px;border:1px solid var(--ui-border);border-radius:6px;background:#141a23;color:var(--ui-text);overflow:hidden}.chat-heading{display:flex;align-items:center;gap:14px;height:33px;flex:none;padding:6px 13px;background:var(--ui-raised);border-bottom:1px solid var(--ui-border)}.chat-heading h2{color:var(--ui-text);font-size:15px;font-weight:600}.chat-heading>span{color:var(--ui-muted);font-size:12px}.chat-log{flex:1;min-height:0;overflow-y:auto;padding:7px 12px;background:#141a23}.chat-message{display:grid;grid-template-columns:45px max-content minmax(0,1fr);gap:9px;align-items:baseline;font-size:14px;line-height:1.7}.chat-message time{color:var(--ui-muted);font-size:12px;font-variant-numeric:tabular-nums}.chat-message>b{color:var(--ui-text);font-size:14px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message>span{overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.own-message>b{color:var(--ui-text)}.chat-empty{color:var(--ui-muted);font-size:13px;padding:8px 0}.online-screen .chat-form{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:5px 8px;flex:none;padding:7px 9px;background:var(--ui-raised);border-top:1px solid var(--ui-border)}.chat-form .chat-input-label{display:block}.online-screen .chat-form input{width:100%;height:35px;padding:7px 10px;font-size:14px}.online-screen .chat-form .primary{min-height:35px;padding:6px 15px;font-size:14px}.chat-error{grid-column:1 / -1;color:var(--ui-text);font-size:12px}.chat-error:empty{display:none}.auth-layout{width:100%;height:100%;min-height:550px;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:25px;background:var(--ui-background)}.auth-card{width:415px;max-width:100%;padding:28px 32px;color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:7px}.auth-card .online-brand{justify-content:center;margin-bottom:24px}.auth-card .online-brand strong{color:var(--ui-text);font-size:32px}.auth-card .online-brand small{color:var(--ui-muted)}.auth-card .brand-mark{color:var(--ui-text)}.auth-card h1{font-size:25px;margin-bottom:7px}.auth-card form{margin-top:23px;gap:17px}.auth-card input{height:42px}.auth-card .primary{width:100%;min-height:42px;justify-content:space-between;margin-top:4px;font-size:15px}.auth-card .notice{margin-top:10px}.online-screen .auth-switch{padding:8px 0;font-size:14px;color:var(--ui-text)}.auth-foot{padding-top:19px;margin-top:18px;border-top:1px solid var(--ui-border);color:var(--ui-muted);font-size:12px}.keycap-row{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#000b}.online-modal{position:relative;width:490px;max-width:100%;max-height:92vh;overflow-y:auto;background:var(--ui-row);border:1px solid var(--ui-border);border-radius:7px;padding:27px;color:var(--ui-text);box-shadow:0 12px 40px #0007}.online-modal>h2{font-size:24px;color:var(--ui-text);padding-right:30px;margin-bottom:10px}.online-modal>p.muted{margin-bottom:20px;font-size:14px}.online-modal>.notice{margin-top:12px}.online-modal>.primary{margin-top:18px;width:100%}.online-modal .modal-close{position:absolute;top:10px;right:10px;padding:6px 9px;font-size:17px;color:var(--ui-text)}.profile-level{display:flex;flex-direction:column;gap:9px;padding:10px 0 23px}.profile-level b{color:var(--ui-text);font-size:28px}.profile-level span{color:var(--ui-muted);font-size:14px}.calibration-label{border-top:1px solid var(--ui-border);padding-top:21px;margin-top:23px}.calibration-label strong{color:var(--ui-text);font-size:18px}.calibration-label input{padding:0;accent-color:#7ba9fb;box-shadow:none!important}.online-modal .calibration-label+p{font-size:12px;margin-top:10px}.history-list{max-height:330px;overflow-y:auto;margin:14px 0 22px}.history-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--ui-border);font-size:14px}.history-list>div>span{min-width:0}.history-list>div>span:last-child{flex:none;text-align:right}.history-list>div>span>b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.history-list small{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:var(--ui-muted)}.round-results{flex:1;overflow-y:auto;padding:12px}.result-player{display:flex;align-items:center;gap:13px;padding:13px;margin-bottom:9px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-row)}.result-player.your-result{background:var(--ui-selected);border-color:var(--ui-border)}.result-rank{min-width:33px;color:var(--ui-text);font-size:27px}.result-player>div:nth-child(2){flex:1;min-width:0}.result-player strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.result-player strong small{font-weight:400;font-size:12px;margin-left:5px;color:var(--ui-muted)}.result-player p{font-size:13px;color:var(--ui-muted);margin:5px 0}.result-player div>small{font-size:12px;color:var(--ui-muted)}.result-judgments{font-size:12px;color:var(--ui-muted);margin-top:7px}.result-numbers{text-align:right;flex:none}.result-numbers b{display:block;color:var(--ui-text);font-size:23px;font-weight:600}.result-numbers span{display:block;color:var(--ui-text);font-size:13px;margin-top:5px}.result-note{padding:10px 0;text-align:center}#online-scoreboard{display:none;position:fixed;right:16px;top:auto;bottom:16px;z-index:20;width:170px;pointer-events:none;color:var(--ui-text)}#online-scoreboard>.eyebrow{color:var(--ui-text);font-size:11px}.mini-score{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ui-border);font-size:11px}.mini-score span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-score b{font-weight:500;color:var(--ui-text);flex:none}.mini-score.is-you,.mini-score.is-you b{color:var(--ui-text)}.room-number{display:inline-grid;place-items:center;flex:none;min-width:51px;min-height:40px;padding:5px 8px;color:#00f0ff;background:linear-gradient(135deg,#1c3352,#0f1d30);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 12px #00f0ff33;border-radius:6px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(0,240,255,.5)}.title-room-number{vertical-align:middle;min-height:34px;font-size:20px;margin-right:11px;background:#293d5a;border-color:var(--ui-border);color:var(--ui-text)}.player-status>span{display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.3}.player-status small{display:block;color:var(--ui-muted);font-size:12px;font-weight:600}.online-screen .members-panel{overflow:hidden}.member-list{flex:1;min-height:0;overflow-y:auto;align-content:start;padding:8px;gap:5px}.room-member{height:57px;padding:6px 8px 18px}.host-tag{bottom:3px;left:8px}.ready-state{bottom:3px;right:8px}@media(min-width:1450px){.online-layout{padding:0 30px 18px}.lobby-grid{grid-template-columns:minmax(0,1fr) 345px}.room-grid{grid-template-columns:390px minmax(0,1fr)}.chat-panel{height:195px}.room-member{height:73px}.member-info strong{font-size:15px}.catalog-track-info strong{font-size:16px}}@media(max-width:1100px){.online-layout{padding:0 14px 12px}.online-header{gap:12px}.online-brand strong{font-size:25px}.online-brand small{display:none}.club-nav{margin-left:8px}.connection{display:none}.player-identity{margin-left:auto}.identity-info>strong{max-width:150px}.lobby-grid{grid-template-columns:minmax(0,1fr) 280px}.room-grid{grid-template-columns:320px minmax(0,1fr)}.song-filters{flex-wrap:wrap;gap:8px}.song-filters>.search-input{flex-basis:100%;padding:7px 10px}.filter-row{width:100%}.filter-row>select{margin-left:auto}.filter-row>input,.filter-row>select{padding:6px 8px}.catalog-meta{gap:10px}.catalog-track-info strong{font-size:14px}.record-icon{display:none}.selected-track{padding:9px 12px}.selected-track h2{font-size:18px}.track-details{gap:8px}.deck-info>.button-row{gap:3px}.online-screen .selected-track .secondary,.online-screen .selected-track .quiet{padding:7px;font-size:12px}.room-settings-summary{padding:10px}.room-settings-summary small{font-size:11px}}@media(max-height:700px)and (min-width:701px){.online-header{height:58px}.lobby-title{padding:10px 0}.room-title-row{padding:8px 0}.room-member{height:62px}.member-list{gap:5px;padding:8px}.chat-panel{height:154px;min-height:145px;margin-top:10px}.room-action-bar{padding-top:8px}.session-status p{margin-top:3px}.room-grid{min-height:235px}.settings-chips{margin-top:8px}.room-settings-summary{padding:8px 10px}}@media(max-width:700px){.online-screen{overflow-y:auto;align-items:flex-start;color-scheme:dark}.online-layout{height:auto;min-height:100%;padding:0 12px 12px}.online-header{min-height:106px;height:auto;padding:12px 0;flex-wrap:wrap;gap:11px}.online-header>.club-nav{order:4;margin:0;width:100%}.club-nav .nav-current,.club-nav button{padding:6px 10px;font-size:13px}.identity-info{min-width:80px}.identity-info>strong{max-width:120px;font-size:13px}.identity-info>small{font-size:10px}.player-identity{padding-left:0;border:0}.player-avatar{width:30px;height:32px;font-size:18px}.profile-chevron{display:none}.online-screen .logout-button{width:30px;height:32px;padding:6px}.online-brand strong{font-size:24px}.brand-mark{width:26px;height:29px}.lobby-title{padding:16px 0;align-items:flex-start;gap:12px}.lobby-title h1{font-size:24px}.lobby-title .muted{max-width:225px;font-size:12px}.online-screen .create-room-button{min-width:110px;min-height:40px;padding:9px 12px;font-size:14px}.lobby-grid{display:flex;flex-direction:column;gap:14px;min-height:0}.room-directory{min-height:310px}.room-list{max-height:420px}.online-players{min-height:300px}.player-list{max-height:320px}.online-player{grid-template-columns:40px minmax(0,1fr) 75px;padding:12px 8px}.player-table-head{grid-template-columns:45px minmax(0,1fr) 75px}.directory-room{gap:9px;padding:11px 9px}.directory-info>strong{font-size:15px}.directory-info>small{font-size:12px}.room-host,.mode-pill{font-size:11px;gap:6px}.join-arrow{display:none}.directory-status>b{font-size:15px}.directory-status .room-phase{font-size:12px}.directory-foot{font-size:11px;padding:10px}.room-title-row{padding:15px 0;align-items:flex-start;gap:10px}.room-title-row h1{font-size:22px;overflow-wrap:anywhere}.room-title-row .muted{font-size:12px;line-height:1.7}.title-divider{margin:0 5px}.room-title-row>.button-row{flex-direction:column;gap:5px;align-items:stretch}.room-title-row>.button-row>button{font-size:12px;padding:8px 10px}.room-grid{display:flex;flex-direction:column;gap:14px;min-height:0}.members-panel{overflow:visible}.members-panel .surface-heading{position:static}.member-list{padding:11px;gap:8px}.room-member{height:72px}.member-info strong{font-size:14px}.member-info small{font-size:12px}.host-tag,.ready-state{font-size:11px}.room-settings-summary{padding:12px}.settings-chips{font-size:12px}.songs-panel{min-height:390px}.catalog-list{min-height:150px;max-height:300px}.catalog-track{gap:9px;min-height:62px;padding:8px}.catalog-track-info strong{font-size:14px}.catalog-track-info small{font-size:12px}.catalog-meta>b{font-size:17px}.catalog-meta>b small{display:block;margin:2px 0 0;font-size:10px}.catalog-meta>span{font-size:12px}.catalog-meta{gap:9px}.track-number{width:17px}.track-check{width:13px}.selected-track{padding:12px}.selected-track h2{font-size:18px}.deck-info{gap:4px 7px}.deck-info>p{font-size:12px}.track-details{gap:7px;font-size:11px}.selected-track .button-row .ui-icon{display:none}.room-action-bar{flex-wrap:wrap;gap:12px;padding-top:14px}.session-status p{font-size:12px}.room-action-bar>.button-row{width:100%}.room-action-bar>.button-row>button{flex:1;min-width:0}.chat-panel{height:220px;margin-top:16px}.chat-heading{gap:10px}.chat-heading h2{font-size:15px}.chat-heading>span{font-size:11px}.chat-message{grid-template-columns:38px max-content minmax(0,1fr);gap:6px;font-size:13px}.chat-message>b{max-width:105px;font-size:13px}.chat-message time{font-size:11px}.chat-log{padding:8px 10px}.online-screen .chat-form{grid-template-columns:minmax(0,1fr) 62px}.online-screen .chat-form input{font-size:14px}.chat-form input::placeholder{font-size:12px}.auth-layout{min-height:100vh;padding:24px 18px;align-items:center}.auth-card{padding:26px 24px}.online-modal{padding:24px 20px}.online-modal>h2{font-size:23px}.result-player{gap:9px;padding:12px 8px}.result-player strong{font-size:13px}.result-player p{font-size:12px}.result-player div>small{font-size:11px}.result-numbers b{font-size:20px}.result-numbers span{font-size:12px}.result-judgments{font-size:11px}.result-rank{min-width:26px;font-size:23px}#online-scoreboard{top:auto;bottom:12px;right:12px;width:140px}}.song-rank-summary{grid-column:1;display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px;align-items:center;margin-top:5px}.song-rank-summary>span{color:var(--ui-text)}.song-rank-summary>strong{font-weight:600;color:var(--ui-text)}.online-screen .song-rank-summary .link-button{padding:2px 5px;font-size:12px}.rank-list{max-height:420px;overflow:auto}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--ui-border);font-size:14px}.rank-row>b{width:29px;color:var(--ui-text)}.rank-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.rank-row>strong{text-align:right}.rank-row small{display:block;font-size:12px;font-weight:400;color:var(--ui-muted);margin-top:4px}.rank-you{background:var(--ui-selected)}.result-player{flex-wrap:wrap}.result-player.winner-result{border:2px solid #8a754c;background:#30291c}.new-best,.level-up{display:inline-block;font-size:12px;padding:3px 6px;border-radius:3px;background:#4a3a1d;color:var(--ui-text);margin-right:5px}.level-up{background:#233f30;color:var(--ui-text)}.result-exp{flex-basis:100%;width:100%;font-size:12px;color:var(--ui-muted)}.exp-track{height:9px;background:#354359;overflow:hidden;border-radius:4px;margin-top:7px}.exp-track>i{display:block;height:100%;width:var(--exp-to);background:#70a5fa;animation:exp-fill 1.5s ease-out both}.exp-track>i.exp-level-up{animation-name:exp-level-up}@keyframes exp-fill{0%{width:var(--exp-from)}to{width:var(--exp-to)}}@keyframes exp-level-up{0%{width:var(--exp-from)}49%{width:100%}50%{width:0}to{width:var(--exp-to)}}.calibration-count{font-size:40px;text-align:center;color:var(--ui-text);margin:25px 0}.online-modal>p:not([class]){font-size:15px;margin-bottom:16px}@media(prefers-reduced-motion:reduce){.exp-track>i{animation:none!important}}.online-screen .member-manage{position:absolute;left:8px;bottom:3px;padding:2px 7px;font-size:11px;line-height:1.2;color:var(--ui-text);background:var(--ui-row);border:1px solid var(--ui-border);border-radius:3px;cursor:pointer}.online-screen .member-manage:hover{background:var(--ui-hover)}.room-member:has(.member-manage){height:76px;padding-bottom:24px}.member-actions{display:flex;gap:10px;margin:20px 0 14px}.member-actions>button{flex:1}.online-screen .kick-member{color:var(--ui-text);border-color:#86505b;background:#3b232b}.managed-player-name{color:var(--ui-text);font-weight:600;overflow-wrap:anywhere}.managed-player-name small{font-weight:400;color:var(--ui-muted);margin-left:8px}@media(max-width:600px){.online-screen .lobby-actions{flex-direction:column;align-items:stretch;gap:7px}.lobby-actions>button{font-size:12px;padding:9px 11px}.member-actions{flex-direction:column}}.player-rank-badge{display:inline-block;width:160px;height:44px;object-fit:contain;vertical-align:middle;flex:none;max-width:100%}.online-layout{width:min(1880px,100%)}.in-lobby .lobby-grid{grid-template-columns:minmax(0,1fr) 470px}.in-lobby .online-player,.in-lobby .player-table-head{grid-template-columns:150px minmax(0,1fr) 85px;gap:9px}.in-lobby .online-player{min-height:59px;padding:7px 11px}.roster-rank{display:flex;align-items:center;min-width:0}.roster-rank .player-rank-badge{width:150px;height:42px}.selected-player .player-rank-badge{width:140px;height:38px}.identity-info .identity-rank-line{display:flex;align-items:center;gap:5px;margin:0}.identity-rank-line .player-rank-badge{width:122px;height:32px}.identity-rank-line>span{white-space:nowrap;font-size:11px}.room-member,.room-member:has(.member-manage){height:101px}.room-member:has(.member-manage){height:115px}.member-info>.player-rank-badge{display:block;width:155px;height:38px;margin:-2px 0 2px}.profile-rank .player-rank-badge{width:255px;height:70px}.managed-player-name>.player-rank-badge{display:block;margin-top:8px}.result-rank-badge{display:inline-block;vertical-align:middle}.result-rank-badge>.player-rank-badge{width:142px;height:38px}.leaderboard-rank{display:block}.leaderboard-rank>.player-rank-badge{width:130px;height:35px}.chat-author{display:inline-flex;align-items:center;gap:5px;max-width:335px;min-width:0}.chat-author>.player-rank-badge{width:112px;height:30px}.chat-author>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;color:var(--ui-text)}.own-message .chat-author>b{color:var(--ui-text)}.chat-message{align-items:center}@media(min-width:1600px){.in-lobby .lobby-grid{grid-template-columns:minmax(0,1fr) 560px}.in-lobby .online-player,.in-lobby .player-table-head{grid-template-columns:170px minmax(0,1fr) 95px}.roster-rank .player-rank-badge{width:170px;height:47px}}@media(max-width:1100px)and (min-width:851px){.in-lobby .lobby-grid{grid-template-columns:minmax(0,1fr) 420px}.in-lobby .online-player,.in-lobby .player-table-head{grid-template-columns:135px minmax(0,1fr) 78px}.roster-rank .player-rank-badge{width:135px;height:38px}}@media(max-width:850px){.in-lobby .lobby-grid{display:flex;flex-direction:column;min-height:0}.online-layout.in-lobby{height:auto;min-height:100%}.in-lobby .online-players{min-height:340px}.in-lobby .lobby-main{min-height:280px}.in-lobby .online-player,.in-lobby .player-table-head{grid-template-columns:145px minmax(0,1fr) 80px}.in-lobby .online-player{padding:8px}.in-lobby .roster-rank .player-rank-badge{width:145px;height:40px}.chat-author>.player-rank-badge{width:95px;height:28px}.chat-author{max-width:215px}.chat-author>b{max-width:110px;font-size:12px}}@media(max-width:450px){.in-lobby .online-player,.in-lobby .player-table-head{grid-template-columns:115px minmax(0,1fr) 63px;gap:5px}.in-lobby .roster-rank .player-rank-badge{width:115px;height:34px}.identity-rank-line>span{display:none}.chat-message{grid-template-columns:34px minmax(0,1fr)}.chat-message>span:last-child{grid-column:2}.chat-author{max-width:100%}.chat-author>b{max-width:160px}}@media(max-width:850px){.online-screen:has(.online-layout.in-lobby){align-items:flex-start;overflow-y:auto}}.member-list{grid-template-columns:minmax(0,1fr)}.room-member,.room-member:has(.member-manage){height:78px;padding:7px 10px 20px}.member-info{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:9px;align-items:center}.member-info>.player-rank-badge{grid-column:1;grid-row:1 / span 2;width:150px;height:42px;margin:0}.member-info>strong{grid-column:2;grid-row:1;align-self:end}.member-info>small{grid-column:2;grid-row:2;align-self:start;margin-top:3px}@media(max-width:450px){.member-info{grid-template-columns:130px minmax(0,1fr);column-gap:6px}.member-info>.player-rank-badge{width:130px;height:36px}}.room-invitations{display:flex;flex-direction:column;gap:7px;flex:none;padding-top:10px}.room-invitation{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--ui-border);background:var(--ui-row);border-radius:4px;color:var(--ui-text)}.room-invitation>.player-rank-badge{width:135px;height:37px}.room-invitation>div:not(.button-row){min-width:0;flex:1}.room-invitation p{font-size:13px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.invite-player-list{max-height:340px;overflow:auto;margin:18px 0}.invite-player{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--ui-border);padding:8px 0}.invite-player .player-rank-badge{width:145px;height:40px}.invite-player>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}@media(max-width:600px){.room-invitation{flex-wrap:wrap}.room-invitation>.button-row{width:100%;justify-content:flex-end}.invite-player{grid-template-columns:115px minmax(0,1fr) auto;gap:5px}.invite-player .player-rank-badge{width:115px;height:32px}.invite-player>button{padding:7px 9px}}.room-main{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.room-main>.songs-panel{flex:1;min-height:0}.room-main>.chat-panel{flex:none;height:150px;min-height:130px}.in-room .member-list{gap:4px;padding:8px}.in-room .room-member,.in-room .room-member:has(.member-manage){height:54px;padding:4px 8px 15px;flex:none}.in-room .member-info{grid-template-columns:135px minmax(0,1fr);column-gap:7px}.in-room .member-info>.player-rank-badge{width:135px;height:34px}.in-room .member-info>strong{font-size:14px;line-height:17px}.in-room .member-info>small{font-size:11px;line-height:13px;margin-top:2px}.in-room .room-settings-summary{padding:8px}.in-room .room-settings-summary>div{gap:6px}.in-room .settings-chips{margin-top:7px}.in-room .member-manage{font-size:9px;line-height:1;padding:1px 5px;bottom:2px}.in-room .ready-state,.in-room .host-tag{font-size:10px;bottom:2px}@media(max-width:1100px)and (min-width:701px){.in-room .room-grid{grid-template-columns:365px minmax(0,1fr)}}@media(max-width:700px){.room-main{min-height:540px}.in-room .members-panel{min-height:425px}.in-room .member-list{flex:none;overflow:visible}.room-main>.chat-panel{height:170px}}#online-screen,#gameplay-hud,#game-canvas{user-select:none;-webkit-user-select:none}#online-screen :is(input,textarea,[contenteditable=true]){user-select:text;-webkit-user-select:text}.member-context-menu{position:fixed;z-index:300;width:220px;padding:5px;background:var(--ui-row);border:1px solid var(--ui-border);border-radius:4px;box-shadow:0 6px 22px #0007;color:var(--ui-text)}.member-context-menu>strong{display:block;padding:8px 10px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--ui-border);margin-bottom:4px}.online-screen .member-context-menu>button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:2px;background:transparent;color:var(--ui-text);font-size:14px}.online-screen .member-context-menu>button:hover{background:var(--ui-hover)}.online-screen .member-context-menu>.context-kick{color:var(--ui-text)}@media(hover:hover)and (pointer:fine){.in-room .member-manage{display:none}}.identity-info{min-width:210px;max-width:350px;gap:0}.identity-name-line{display:flex;align-items:center;gap:7px;min-width:0}.identity-name-line>.player-rank-badge{width:122px;height:34px}.identity-name-line>strong{font-size:14px;line-height:1.4;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-exp{display:block;position:relative;padding:4px 0}.identity-exp .identity-progress{height:5px;border-radius:3px;overflow:hidden}.identity-exp:after{content:attr(data-exp);position:absolute;right:0;top:calc(100% + 5px);z-index:200;padding:7px 10px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-input);color:var(--ui-text);box-shadow:0 3px 12px #0007;font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden}.identity-exp:hover:after,.player-identity:focus-visible .identity-exp:after{opacity:1;visibility:visible}@media(max-width:700px){.identity-info{min-width:170px;max-width:240px}.identity-name-line>.player-rank-badge{width:105px;height:30px}.identity-name-line>strong{font-size:13px;max-width:125px}}.online-screen.game-chat-overlay{position:fixed;inset:auto auto 64px 16px;width:min(520px,calc(100vw - 32px));height:auto;min-height:0;padding:0;background:transparent;z-index:100}.game-chat-overlay>.chat-panel{width:100%;height:190px;margin:0;background:#0c121cf0}#online-scoreboard .live-judgment{display:block;font-size:12px;font-weight:800;line-height:1.4}#online-scoreboard .judgment-perfect{color:#ffd75e}#online-scoreboard .judgment-great{color:#65dfff}#online-scoreboard .judgment-cool{color:#a1ed68}#online-scoreboard .judgment-bad{color:#eb9aff}#online-scoreboard .judgment-miss{color:#ff777e}.online-screen .auto-preview-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;padding:8px 10px;border:1px solid #536782;border-radius:4px;color:#fff;background:#182435}.online-screen .auto-preview-toggle input{appearance:auto;width:18px;height:18px;margin:0;accent-color:#72b5ff}.selected-track .button-row{flex-wrap:wrap}#online-scoreboard .combat-attacking{background:#1b8740a6;border-left:3px solid #66f58a}#online-scoreboard .combat-targeted{background:#be2332a6;border-left:3px solid #ff5969}#online-scoreboard .combat-defended{background:#1e76b4a6;border-left:3px solid #6cdbff}.online-screen.game-chat-floating{pointer-events:none}.game-chat-floating>.chat-panel{height:auto;min-height:0;background:transparent;border:0;box-shadow:none;overflow:visible;padding:0}.floating-chat-messages{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow:hidden;justify-content:flex-end}.floating-chat-message{color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 3px #000,0 0 5px #000;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.floating-chat-message strong{color:#9bcfff}.floating-chat-hint{display:block;margin-top:5px;font-size:11px;color:#9caac0;text-shadow:0 1px 3px #000}.room-directory .directory-columns,.room-directory .directory-room{display:grid;grid-template-columns:72px 90px 112px minmax(0,1fr);align-items:center;gap:12px}.room-directory .directory-columns{margin:0 8px;padding:10px 12px;font-size:12px;font-weight:700;background:#253346;color:#d7e8ff;border-radius:4px 4px 0 0}.room-directory .directory-room{min-height:38px;flex-shrink:0;padding:6px 12px;margin:2px 0;border:1px solid #30415a;background:#192435;border-radius:4px}.room-directory .directory-room:nth-child(2n){background:#202b3e}.room-directory .directory-room:disabled{opacity:1;color:#d5deeb;background:#1a2130}.room-directory .directory-room:hover:not(:disabled){background:#2b3c56;border-color:#6d99d0}.directory-number{display:flex;align-items:center;gap:7px}.directory-number>b{color:#ffe382;font-size:15px;letter-spacing:1px;font-variant-numeric:tabular-nums}.directory-number .ui-icon{width:13px;height:13px;color:#ffd46b}.directory-condition{font-size:12px;font-weight:800;white-space:nowrap;color:#b6c4da}.directory-condition.waiting{color:#9ecaff}.directory-condition.playing{color:#91ef9c}.directory-condition.busy{color:#e9c581}.directory-seats{display:flex;align-items:center;gap:7px}.directory-seats>small{font-size:11px;color:#b6c4da;font-variant-numeric:tabular-nums}.seat-figures{display:flex;gap:4px;align-items:center}.seat-figure{position:relative;display:block;width:8px;height:21px;color:#465269}.seat-figure:before{content:"";position:absolute;top:1px;left:1px;width:6px;height:6px;border-radius:50%;background:currentColor}.seat-figure:after{content:"";position:absolute;top:9px;left:0;width:8px;height:11px;border-radius:3px 3px 2px 2px;background:currentColor}.seat-figure.occupied{color:#64c6ff;filter:drop-shadow(0 0 2px #3a8bc444)}.seat-figure.unavailable{opacity:.2}.room-directory .directory-info{gap:3px}.room-directory .directory-info>strong{font-size:14px;color:#f2f5fb}.room-directory .directory-info>small{font-size:11px;color:#9eafc6}.directory-dj{color:#ff9fc8;font-size:10px}.room-directory .room-list{padding-top:2px}@media(max-width:700px){.room-directory .directory-columns,.room-directory .directory-room{grid-template-columns:49px 66px 84px minmax(0,1fr);gap:7px;padding-left:8px;padding-right:8px}.seat-figures{gap:2px}.directory-seats{gap:4px}.directory-number>b{font-size:13px}.directory-condition{font-size:10px}.room-directory .directory-info>strong{font-size:12px}.directory-seats>small{font-size:10px}.room-directory .directory-columns{font-size:10px}}.seat-figure.occupied.bot{color:#cc91ff;filter:drop-shadow(0 0 2px #9864cc44)}.lobby-music-title{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5c7df;font-size:12px}.lobby-actions{flex-wrap:wrap}.online-screen .lobby-music-select{max-width:230px;width:230px;font-size:12px;padding:8px;color:#fff;background:#182435;border:1px solid #435873;border-radius:4px}