html,body{width:100%;height:100%;height:100dvh;overflow:hidden;background:#0b0f14;color:#d7e0ea;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:absolute;top:0;right:0;bottom:0;left:0}#lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(120% 120% at 50% 0%,#11202b,#0b0f14 60%);z-index:10}#lobby.hidden{display:none}.card{width:306px;padding:19px 21px;background:#0c1117eb;border:1px solid #1e2a37;border-radius:11px}.card h1{font-size:14px;letter-spacing:.06em;color:#ad0;margin-bottom:4px}.card .sub{color:#6b7d90;line-height:1.45;margin-bottom:15px}a.back{color:#6b7d90;text-decoration:none}a.back:hover{color:#ad0}button{width:100%;padding:9px;font:inherit;color:#1a3300;background:#ad0;border:none;border-radius:6px;cursor:pointer;letter-spacing:.04em}button:hover{background:#baec00}button:disabled{opacity:.5;cursor:default}.divider{display:flex;align-items:center;gap:9px;color:#4d5d6e;margin:13px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#1e2a37}.join{display:flex;gap:8px}.join input{flex:1;padding:9px;font:inherit;text-transform:uppercase;letter-spacing:.18em;color:#d7e0ea;background:#0b0f14;border:1px solid #2a3a4a;border-radius:6px}.join button{width:auto;padding:9px 14px}#controls.hidden,#room.hidden{display:none}#room{text-align:center;padding:4px 0 2px}#room .roomlbl{color:#6b7d90;letter-spacing:.1em;text-transform:uppercase;font-size:10px}#room .roomcode{margin:5px 0 10px;font-size:29px;letter-spacing:.32em;color:#ad0;text-indent:.32em}.lobby-section{margin-top:15px;padding-top:13px;border-top:1px solid #1e2a37;text-align:left}.lobby-label{color:#6b7d90;letter-spacing:.1em;text-transform:uppercase;font-size:10px;margin-bottom:7px}.lobby-radios{display:flex;gap:14px}.lobby-radio{display:flex;align-items:center;gap:5px;color:#d7e0ea;cursor:pointer}.lobby-radio input{accent-color:#aadd00;cursor:pointer}.lobby-radio.disabled{color:#6b7d90;cursor:default}.lobby-teams{display:flex;gap:10px}.lobby-team{flex:1;min-width:0}.lobby-team-label{color:#6b7d90;font-size:10px;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.lobby-slots{display:flex;flex-direction:column;gap:6px}.lobby-slot{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:6px;background:#0b0f14;border:1px solid #1e2a37;font-size:11px;color:#6b7d90}.lobby-slot .dot{width:7px;height:7px;border-radius:50%;background:#2a3a4a;flex-shrink:0}.lobby-slot.connected{color:#d7e0ea;border-color:#2a3a4a}.lobby-slot.connected .dot{background:#ad0}.lobby-slot .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-slot .tag{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#ad0}#enterGameBtn{margin-top:13px}#lobbyStatusMsg{margin-top:8px;color:#9fb2c4;font-size:11px;min-height:14px}button.ghost{color:#d7e0ea;background:transparent;border:1px solid #2a3a4a}button.ghost:hover{background:#16212c;border-color:#3a4a5a}#status{margin-top:16px;color:#9fb2c4;line-height:1.5}#status:empty{display:none}#status .code{color:#ad0;font-size:18px;letter-spacing:.3em}#status.err{color:#ff6b6b}.kbd{display:inline-block;margin-left:6px;padding:1px 5px;font-size:10px;color:#6b7d90;border:1px solid #2a3a4a;border-radius:4px;vertical-align:middle;line-height:1.5}#score{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:3;display:none;align-items:baseline;gap:10px;padding:7px 16px;border-radius:11px;background:#0c1117b8;border:1px solid #1e2a37;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700}#score.visible{display:flex}#score .opp{color:#ff6b5e}#setScore{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:3;display:none;flex-direction:column;align-items:center;gap:2px;padding:7px 16px;border-radius:11px;background:#0c1117b8;border:1px solid #1e2a37;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700}#setScore .point{font-size:11px;letter-spacing:.05em;color:#9fb2c4;font-weight:600}#setScore .point .tb{color:#ad0}#matchOverOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0b0f1499;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;padding:24px 0}#matchOverOverlay.visible{display:flex}.stats-card{width:100%;max-width:560px;max-height:66vh;overflow-y:auto;padding:16px 19px 6px;background:#0c1117eb;border:1px solid #1e2a37;border-radius:11px;display:flex;flex-direction:column}.stats-card.hidden{display:none}.pause-tabs{display:flex;width:100%;max-width:560px;margin-bottom:-17px;padding-left:6px;position:relative;z-index:1}.pause-tab{width:auto;padding:7px 16px;border-radius:9px 9px 0 0;background:#0c11178c;border:1px solid #1e2a37;border-bottom:none;color:#8295a8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;cursor:pointer;position:relative;top:1px}.pause-tab+.pause-tab{margin-left:-1px}#matchOverOverlay .ptitle{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-size:23px;font-weight:700;color:#d7e0ea}#matchOverOverlay .psub{font-size:13px;color:#9fb2c4}#matchOverOverlay a.menuBtn{display:inline-block;padding:9px 24px;border-radius:7px;background:#0c1117e6;border:1px solid #2a3a4a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#d7e0ea;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;text-decoration:none;transition:border-color .15s,color .15s,box-shadow .15s}#matchOverOverlay a.menuBtn:hover{border-color:#ad0;color:#ad0;box-shadow:0 6px 16px #aadd0026}#playAgainBtn{width:auto;margin:0;padding:9px 24px;border-radius:7px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:700}#playAgainBtn:disabled{background:#aadd0059;color:#1a3300b3;cursor:default}#matchOverActions{display:flex;gap:10px;align-items:center}#rematchStatus{font-size:12px;color:#9fb2c4;min-height:15px}#topRight{position:fixed;top:14px;right:14px;z-index:12;display:none;align-items:center;gap:5px}#topRight.visible{display:flex}#muteBtn,#exitBtn,#guidesBtn,#fullscreenBtn{padding:7px 12px;border-radius:9px;background:#0c1117b8;border:1px solid #1e2a37;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#8295a8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;cursor:pointer;white-space:nowrap;width:auto}#muteBtn:hover,#exitBtn:hover,#guidesBtn:hover,#fullscreenBtn:hover{color:#d7e0ea;border-color:#3a4a5a}#fullscreenBtn{display:none}#guidesBtn:disabled{opacity:.4;cursor:default}#guidesBtn:disabled:hover{color:#8295a8;border-color:#1e2a37}#muteBtn kbd,#exitBtn kbd,#guidesBtn kbd{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6b7d90;background:#ffffff12;border:1px solid #2e3f50;border-bottom-width:2px;border-radius:4px;padding:1px 5px;line-height:1.6;pointer-events:none}@media(pointer:coarse){#topRight{left:8px;right:auto;top:6px;gap:4px}#muteBtn,#exitBtn,#guidesBtn,#fullscreenBtn{padding:4px 7px;font-size:10px}#muteBtn kbd,#exitBtn kbd,#guidesBtn kbd{display:none}#fullscreenBtn{display:flex}#score,#setScore{padding:4px 10px;border-radius:8px}#score{gap:6px}#score .num{font-size:13px}#score .dash{font-size:10px}#setScore .games .num{font-size:13px}#setScore .point{font-size:8px}#serveBanner .phase{font-size:16px}#serveBanner .hint{font-size:11px}}#pauseOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0b0f1499;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;padding:24px 0}#pauseOverlay.visible{display:flex}#pauseOverlay .ptitle{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-size:23px;font-weight:700;color:#d7e0ea}#pauseOverlay .psub{font-size:12px;color:#6b7d90}#resumeBtn{margin-top:7px;padding:9px 24px;border-radius:7px;background:#0c1117e6;border:1px solid #2a3a4a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#d7e0ea;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;cursor:pointer;width:auto;transition:border-color .15s,color .15s,box-shadow .15s}#resumeBtn:hover{border-color:#ad0;color:#ad0;box-shadow:0 6px 16px #aadd0026}#resumeBtn kbd{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6b7d90;background:#ffffff12;border:1px solid #2e3f50;border-bottom-width:2px;border-radius:4px;padding:1px 5px;line-height:1.6;pointer-events:none}.pause-actions{display:flex;gap:10px;margin-top:8px}#leaveBtn{margin-top:7px;padding:9px 24px;border-radius:7px;background:#0c1117e6;border:1px solid rgba(255,107,107,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e0a3a3;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;cursor:pointer;width:auto}#leaveBtn:hover{border-color:#ff6b6b;color:#ff6b6b}#leaveBtn kbd{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6b7d90;background:#ffffff12;border:1px solid #2e3f50;border-bottom-width:2px;border-radius:4px;padding:1px 5px;line-height:1.6;pointer-events:none}@media(orientation:landscape)and (max-height:560px){#pauseOverlay.visible,#matchOverOverlay.visible{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:0 12px;padding:8px 12px;overflow:hidden;background:#090d12db}#pauseOverlay .ptitle,#matchOverOverlay .ptitle{grid-area:1 / 1;align-self:end;padding-bottom:6px;font-size:15px}#pauseSub,#matchOverSub{grid-area:1 / 2;align-self:end;padding-bottom:7px;font-size:11px}.pause-tabs{grid-area:1 / 3;align-self:end;width:auto;max-width:none;margin-bottom:-1px;padding-left:0}.stats-card{grid-area:2 / 1 / 3 / 6;max-width:none;max-height:none;min-height:0;padding:12px 14px 4px}.pause-actions,#matchOverActions{grid-area:1 / 4;align-self:end;margin-top:0;gap:8px}#rematchStatus{grid-area:1 / 5;align-self:end;padding-bottom:7px;font-size:11px}#resumeBtn,#leaveBtn,#playAgainBtn,#matchOverOverlay a.menuBtn{margin-top:0;padding:8px 16px;white-space:nowrap}}#pausePending{position:fixed;top:58px;left:50%;transform:translate(-50%);z-index:12;padding:5px 12px;border-radius:7px;background:#0c1117d1;border:1px solid #1e2a37;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#8295a8;font-size:10px;pointer-events:none;display:none}#pausePending.visible{display:block}#serveBanner{position:fixed;bottom:22%;left:50%;transform:translate(-50%);z-index:3;display:none;flex-direction:column;align-items:center;gap:5px;padding:16px 38px;border-radius:14px;background:#0c1117d9;border:1.5px solid rgba(170,221,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}#serveBanner .phase{font-size:21px;letter-spacing:.1em;color:#ad0;text-transform:uppercase;font-weight:700;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif}#serveBanner .hint{font-size:13px;color:#a0b4c4}#chainMeters{display:none;gap:5px;margin-top:8px;justify-content:center}#chainMeters .fill{height:100%;width:0%;background:#ad0}#waiting{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:12;padding:10px 15px 12px;background:#0c1117eb;border:1px solid #1e2a37;border-radius:9px;text-align:center;line-height:1.5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#waiting.hidden{display:none}#waiting .wmsg{color:#ad0}#waiting .wcode{color:#9fb2c4;margin:3px 0 8px}#waiting .wcode span{color:#ad0;letter-spacing:.18em}#waiting button{width:auto;padding:7px 12px}