:root{--bg: #0f1117;--card: #1a1d27;--accent: #6c8cff;--accent-2: #34d399;--text: #e6e8ee;--muted: #9aa1b1;--danger: #f87171;--player: var(--accent);--opponent: var(--danger);--opp-accent: var(--danger);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#1c2030,var(--bg));color:var(--text)}.app{max-width:760px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:1.5rem;margin:0}.lobby-link{color:var(--accent);text-decoration:none;font-weight:600}.lobby-link:hover{text-decoration:underline}.banner{margin:16px 0;padding:10px 14px;border-radius:10px;font-size:.9rem}.banner--standalone{background:#2a2410;border:1px solid #5c4d12;color:#f5de88}.banner--lobby{background:#0f2433;border:1px solid #1d4e6b;color:#8fd0f5}.status-row{font-size:.85rem;color:var(--muted);margin-bottom:20px}.status-row code{color:var(--accent-2)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--card);border:1px solid #262a38;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.card h2{margin:0 0 4px;font-size:1.1rem}label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}input,select{padding:9px 10px;border-radius:8px;border:1px solid #303544;background:#11131b;color:var(--text);font-size:.95rem}button{cursor:pointer;border:none;border-radius:9px;padding:10px 14px;font-size:.95rem;font-weight:600;background:var(--accent);color:#fff;transition:transform .05s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid #303544;color:var(--muted)}.board{background:var(--card);border:1px solid #262a38;border-radius:14px;padding:20px}.match-head{display:flex;justify-content:space-between;align-items:flex-start}.match-head--lobby{justify-content:flex-end}.match-head h2{margin:0}.match-meta{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.room-code{color:var(--accent-2);font-size:1rem;letter-spacing:1px}.live{font-size:.8rem;font-weight:600;white-space:nowrap}.live.on{color:var(--accent-2)}.live.off{color:var(--muted)}.scoreboard{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.player{background:#11131b;border:1px solid #262a38;border-radius:16px;padding:18px 22px;text-align:center;min-width:168px;display:flex;flex-direction:column;align-items:center;gap:8px}.player.you{border-color:color-mix(in srgb,var(--accent) 55%,#262a38);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.player.waiting{color:var(--muted)}.player--reserved{opacity:.92}.player-label{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.player-name{font-weight:600;font-size:1rem}.player-status{font-size:.75rem;color:var(--muted);margin-top:-2px}.player-avatar{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#1a1d28,#0d0f14);border:3px solid #3a4054;box-sizing:border-box}.player-avatar--lg{width:96px;height:96px}.player-avatar--md{width:64px;height:64px}.player-avatar--you{border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.player-avatar--dimmed{opacity:.55;filter:grayscale(.25)}.player-avatar--ready{border-color:var(--accent-2);box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 40%,transparent)}.player-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.player-avatar__initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.25rem;font-weight:700;color:var(--muted)}.player-avatar--ready .player-avatar__ready-dot{position:absolute;bottom:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--accent-2);border:2px solid #11131b;box-shadow:0 0 6px color-mix(in srgb,var(--accent-2) 60%,transparent)}.win-pips{display:flex;justify-content:center;gap:8px;margin-top:4px}.win-pip{width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid transparent;box-sizing:border-box}.win-pip.filled{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 0 2px #34d39940}.win-pip.empty{background:transparent;border-color:#3d4458}.player.you .win-pip.filled{box-shadow:0 0 0 2px #34d39973}.vs{color:var(--muted);font-weight:700}.moves{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.round-label{width:100%;text-align:center;color:var(--muted);margin:0 0 4px}.move-btn{background:#11131b;border:1px solid #303544;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 22px;min-width:96px}.move-btn .emoji{font-size:2rem}.move-btn:hover:not(:disabled){border-color:var(--accent)}.move-btn.cooldown{opacity:.55}.delay-badge{font-size:.8rem;letter-spacing:2px;min-height:.95rem;line-height:.95rem}.delay-badge.mine{color:var(--player)}.delay-badge.opp{color:var(--opponent)}.move-circle-wrap{width:100%;display:flex;justify-content:center;overflow-x:clip}.move-circle{position:relative;flex-shrink:0;margin:14px 0 6px}.move-arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.move-btn.circle{position:absolute;transform:translate(-50%,-50%);width:104px;height:104px;min-width:0;padding:8px;gap:2px;border-radius:50%;background:#161922;border:2px solid #303544;box-shadow:none;z-index:1;overflow:visible}.move-btn.circle .emoji{font-size:2rem;line-height:1}.move-btn .move-name{font-size:.76rem;font-weight:600}.move-btn.circle:hover:not(:disabled):not(.dimmed){transform:translate(-50%,-50%) scale(1.06)}.move-btn.circle.my-allowed:not(.selected):not(.dimmed):hover:not(:disabled){border-color:var(--player)}.move-btn.circle.selected{border:2px solid var(--player);box-shadow:0 0 0 3px color-mix(in srgb,var(--player) 40%,transparent);opacity:1}.move-btn.circle.dimmed{opacity:.28;border-style:dashed;box-shadow:none}.move-btn.circle.my-allowed:not(.selected):not(.dimmed){border-color:var(--player)}.move-btn.circle.opp-allowed:not(.selected):not(.dimmed){box-shadow:0 0 0 2px var(--opponent)}.move-btn.circle.my-allowed.opp-allowed:not(.selected):not(.dimmed){border-color:var(--player);box-shadow:0 0 0 2px var(--player),0 0 0 5px var(--opponent)}.move-btn.circle.cooldown.opp-allowed:not(.my-allowed):not(.selected):not(.dimmed){border:2px solid #303544;box-shadow:0 0 0 2px var(--opponent)}.move-btn.circle.cooldown:not(.opp-allowed):not(.selected){border:2px dashed var(--player);box-shadow:none}.move-circle--locked .move-arrows{opacity:.35}.move-btn .choice-check{position:absolute;top:4px;right:6px;font-size:.85rem;font-weight:800;color:var(--player);line-height:1}.choice-locked{width:100%;text-align:center;margin:10px 0 0;padding:10px 14px;border-radius:10px;background:#0f2433;border:1px solid #1d4e6b;color:#8fd0f5;font-size:.9rem}.choice-locked__pick{font-weight:700;color:var(--player)}.dot-legend{width:100%;text-align:center;font-size:.72rem;color:var(--muted);margin:2px 0 0}.dot-legend .dot{font-size:.8rem}.dot-legend .legend-ring{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;vertical-align:middle;margin-right:2px;box-sizing:border-box}.dot-legend .legend-ring.mine{border:2px solid var(--player);box-shadow:0 0 0 1px color-mix(in srgb,var(--player) 35%,transparent)}.dot-legend .legend-ring.opp{border:2px solid var(--opponent);box-shadow:0 0 0 1px color-mix(in srgb,var(--opponent) 35%,transparent);margin-left:0}.dot-legend .dot.mine{color:var(--player)}.dot-legend .dot.opp{color:var(--opponent)}.rule-note{margin:0;font-size:.78rem;color:var(--muted)}.hint{width:100%;text-align:center;color:var(--muted);font-size:.85rem}.hint.opponent-ready{color:var(--opponent);font-weight:600}.result-banner{text-align:center;font-size:1.3rem;font-weight:800;padding:18px;border-radius:12px;margin:12px 0}.match-results{display:flex;flex-direction:column;align-items:center;gap:14px;margin:12px 0}.match-results .result-banner{width:100%;margin:0}.lobby-return-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:9px;font-size:1rem;font-weight:600;text-decoration:none;background:var(--accent);color:#fff;transition:transform .05s ease,opacity .15s ease}.lobby-return-btn:hover{transform:translateY(-1px);color:#fff}.result-banner.win{background:#0f2e22;color:var(--accent-2)}.result-banner.loss{background:#2e1416;color:var(--danger)}.history{margin-top:22px}.history h3{font-size:.9rem;color:var(--muted)}.history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.history-row{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#11131b;border:1px solid #262a38}.history-row.win .verdict{color:var(--accent-2)}.history-row.loss .verdict{color:var(--danger)}.history-row.draw .verdict{color:var(--muted)}.history-lobby-return{display:flex;justify-content:center;margin-top:18px;padding-top:4px}.error{color:var(--danger);font-size:.9rem}.error.full{grid-column:1 / -1}.footer{margin-top:32px;font-size:.75rem;color:var(--muted);text-align:center}@media (max-width: 560px){.grid{grid-template-columns:1fr}.board{padding-inline:12px;overflow-x:clip}.scoreboard{gap:10px}.player{min-width:0;flex:1 1 120px;max-width:148px;padding:12px 8px}.move-circle-wrap{height:334.4px;margin-bottom:-28px}.move-circle-wrap .move-circle{transform:scale(.88);transform-origin:center top;margin:0}}