.speed-setting{margin-top:16px}.speed-setting label{margin-bottom:6px}.speed-setting select,#audio-dialog select{color:#d9eaf7;width:100%;font:inherit;background:#132a3b;border:1px solid #769bb445;border-radius:8px;padding:10px;font-size:12px}.speed-setting select:disabled{opacity:.65}#audio-dialog{width:360px;max-width:90vw}#audio-dialog label{margin-top:20px}#audio-dialog input[type=range]{accent-color:#80d0f2;background:0 0;border:0;height:28px;padding:0}.mute-setting{justify-content:flex-start;gap:10px;display:flex}.mute-setting input{accent-color:#80d0f2;width:16px;height:16px}.lobby .roster{max-height:34vh}.speed-setting #speed-hint{font-size:9px}.room-settings{grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:18px;display:grid}.room-settings select{width:100%;font:inherit;color:#d9eaf7;background:#132a3b;border:1px solid #769bb445;border-radius:8px;min-width:0;padding:9px;font-size:12px}.room-settings select:disabled{opacity:.65}.asset-line{color:#90b7c9;align-items:center;gap:10px;min-height:26px;margin-top:8px;font-size:10px;display:flex}.asset-line .text-button{white-space:nowrap;margin:0}.lobby{max-height:calc(100vh - 172px);top:94px;bottom:78px;overflow-y:auto;transform:none}.lobby .roster{max-height:24vh;margin:12px 0}.lobby-actions{background:#102334;padding:8px 0;position:sticky;bottom:0}.room-settings label{margin-bottom:5px}.player-label{z-index:1}.match-score{color:#b0d4e5;align-self:center;font-size:11px;line-height:1.8}#match-score{color:#c7dce5;margin:8px 0;font-size:12px}body:has(#lobby:not(.hidden)) .hud{display:none}.room-settings .seeker-repeat-option{align-items:center;gap:7px;min-height:36px;font-size:12px;display:flex}.seeker-repeat-option input{accent-color:#82d4eb;width:16px;height:16px;margin:0}.topbar{z-index:4;grid-template-columns:auto minmax(250px,1fr) auto;align-items:start;height:auto;min-height:94px;display:grid}.topbar .brand,.top-right{align-self:center}.room-share{justify-self:center;width:max-content;max-width:100%;position:relative}.topbar .room-pill{color:#0a3046;letter-spacing:0;background:#80d0f2;border:2px solid #b6ebff;border-radius:12px;justify-content:center;min-width:250px;min-height:48px;padding:10px 18px;font-weight:800;position:static;transform:none;box-shadow:0 4px 22px #44b5e42b}.room-pill b{color:#0a3046;letter-spacing:2px;font-size:20px}.room-pill>span:first-child{font-size:13px}.room-pill:hover{background:#b1eaff}.share-highlight{animation:1s ease-in-out 2 share-pulse!important}#share-guide{color:#bce9fc;text-align:center;max-width:290px;margin:7px 0 0;font-size:10px;line-height:1.6}.share-fallback{z-index:5;background:#122638;border:1px solid #83d6f2;border-radius:10px;width:330px;max-width:90vw;padding:14px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0008}.share-fallback label{line-height:1.7}.share-fallback input{font-size:11px}.leave-button{color:#ffe2e7;white-space:nowrap;background:#452d3a8c;border:1px solid #cc89956b;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:105px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.leave-button:hover{background:#694151}.lobby-leave{width:100%;margin-top:14px}.topbar .top-right{gap:12px}.in-room .lobby{top:calc(var(--header-bottom,94px) + 8px);max-height:calc(100vh - var(--header-bottom,94px) - 86px)}.in-room .hud{top:calc(var(--header-bottom,94px) + 14px)}.in-room .announcement{top:calc(var(--header-bottom,94px) + 142px)}.nickname-form{background:#0a1b2866;border:1px solid #769bb426;border-radius:10px;margin:14px 0;padding:12px}.nickname-row{gap:8px;display:flex}.nickname-row input{min-width:0}.nickname-row button{min-width:65px;min-height:44px}.nickname-form label{font-size:12px}.nickname-form label span{font-size:9px}.nickname-form p{color:#9cd8c4;margin:7px 0 0;font-size:10px;line-height:1.6}.nickname-form p:empty{display:none}.nickname-form p.error{color:#ffb2a3}.room-settings>label:not(.seeker-repeat-option){display:block}.room-settings>label>select{margin-top:6px}.topbar:has(.room-share.hidden){grid-template-columns:auto 1fr}.topbar:has(.room-share.hidden) .top-right{justify-self:end}@keyframes share-pulse{50%{box-shadow:0 0 0 6px #80d0f245,0 4px 26px #6cd8ff70}}@media (width<=1100px){.topbar{grid-template-columns:1fr auto;gap:12px;padding:18px 20px}.room-share{grid-area:2/1/auto/-1;justify-self:stretch;width:100%}.topbar .room-pill{width:100%;min-height:44px}.top-right{grid-area:1/2}.topbar .map-label{display:none}.topbar .room-pill>span:first-child{font-size:13px}#share-guide{max-width:none;margin-top:5px}.topbar .connection{font-size:10px}.room-share .share-fallback{left:0;transform:none}.in-room .lobby{top:calc(var(--header-bottom,144px) + 8px)}}@media (width<=600px){.topbar .brand{gap:8px;font-size:13px}.topbar .bell{border-width:4px;width:30px;height:30px}.topbar .brand small{letter-spacing:2px;font-size:7px}.topbar .top-right{gap:6px}.topbar .connection{display:none}.topbar .leave-button{min-width:92px;padding:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.share-highlight{animation:none!important}.topbar .room-pill{box-shadow:0 0 0 3px #80d0f240}}.setting-slider{background:#0a1b2870;border:1px solid #769bb426;border-radius:10px;grid-column:1/-1;min-width:0;padding:10px 12px}.slider-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-settings .slider-heading label{margin:0;font-size:12px}.slider-heading output{color:#a9e4fa;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.setting-slider input[type=range]{--range-progress:0%;appearance:none;cursor:pointer;accent-color:#80d0f2;background:0 0;border:0;border-radius:0;width:100%;height:30px;margin:4px 0 0;padding:0}.setting-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#80d0f2 var(--range-progress),#304b60 var(--range-progress));border-radius:8px;height:5px}.setting-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#c3eeff;border:3px solid #6eb7dc;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 1px 5px #0005}.setting-slider input[type=range]::-moz-range-track{background:#304b60;border-radius:8px;height:5px}.setting-slider input[type=range]::-moz-range-progress{background:#80d0f2;border-radius:8px;height:5px}.setting-slider input[type=range]::-moz-range-thumb{background:#c3eeff;border:3px solid #6eb7dc;border-radius:50%;width:12px;height:12px}.setting-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.setting-slider:has(input:disabled) output{color:#8ba4b5}.slider-scale{color:#829eb2;pointer-events:none;justify-content:space-between;font-size:9px;display:flex}.speed-scale span{text-align:center;width:20%}.speed-scale span:first-child{text-align:left}.speed-scale span:last-child{text-align:right}.slider-help{color:#829eb2;margin:6px 0 0;font-size:9px;line-height:1.5}.match-score{grid-column:1/-1}#fp-overlay{z-index:32;text-align:center;color:#edf6f8;background:#101d28ed;border:1px solid #a3cbd247;border-radius:16px;max-width:440px;padding:28px 36px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 64px #0008}#fp-overlay h2{margin:0 0 12px;font-size:20px}#fp-overlay p{color:#b8c9d0;margin-bottom:20px;font-size:13px}#fp-overlay label{align-items:center;gap:16px;margin:15px 0;font-size:13px;display:flex}#fp-overlay button{color:#102333;cursor:pointer;background:#82d4eb;border:0;border-radius:8px;padding:12px 24px;font-weight:700}#fp-crosshair{z-index:21;color:#fff9;pointer-events:none;text-shadow:0 1px 3px #000;font:18px monospace;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}