:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--bg-card-hover:#21262d;--accent:#00d4ff;--accent-dim:#008fb3;--danger:#f55;--danger-dim:#933;--success:#2bbc8a;--warning:#f0a500;--text:#e6edf3;--text-muted:#8b949e;--border:#30363d;--cell-default:#162030;--cell-hover:#1e3450;--cell-shot:#2d1010;--cell-shot-last:#5a2020;--cell-move:#102d1e;--cell-shoot:#2d1e10;--cell-my-pos:#0a4a6a;--font-mono:"Courier New", Courier, monospace;--radius:6px;--radius-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);height:100%;color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.btn{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase;appearance:none;white-space:nowrap;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-primary:not(:disabled):hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn-ghost{color:var(--accent);border-color:var(--accent);background:0 0}.btn-ghost:not(:disabled):hover{background:#00d4ff1a}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:not(:disabled):hover{background:#ff55551a}.btn-active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-sm{letter-spacing:.5px;padding:6px 14px;font-size:12px}.input{background:var(--bg-secondary);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.badge{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-accent{color:var(--accent);border:1px solid var(--accent);background:#00d4ff26}.badge-danger{color:var(--danger);border:1px solid var(--danger);background:#ff555526}.badge-success{color:var(--success);border:1px solid var(--success);background:#2bbc8a26}.badge-warning{color:var(--warning);border:1px solid var(--warning);background:#f0a50026}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.5s ease-in-out infinite pulse}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 1rem;display:flex}.app-header .logo img{height:28px;display:block}.app-header nav{align-items:center;gap:.4rem;display:flex}.app-header nav .nav-name{color:var(--text-muted);font-size:.8rem}.app-main{flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:0;padding:clamp(.5rem,2vw,2rem) 1rem;display:flex;overflow:auto}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-secondary);padding:.6rem 1rem;font-size:.75rem}.loading-screen{min-height:100dvh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.login-card{width:100%;max-width:380px}.login-logo{height:40px;margin:0 auto 1.4rem;display:block}.login-title{color:var(--accent);text-align:center;margin-bottom:.3rem;font-size:1.3rem}.login-sub{color:var(--text-muted);text-align:center;margin-bottom:1.2rem;font-size:.85rem}.game-wrap{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.game-grid{--cgap:4px;--extra:0px;--cell:min(calc((100vw - 2rem - var(--cgap) * (var(--grid-cols) - 1)) / var(--grid-cols)), calc((100dvh - 300px - var(--extra) - var(--cgap) * (var(--grid-rows) - 1)) / var(--grid-rows)), 120px);grid-template-columns:repeat(var(--grid-cols), var(--cell));grid-template-rows:repeat(var(--grid-rows), var(--cell));gap:var(--cgap);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid}.cell{background:var(--cell-default);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);touch-action:manipulation;justify-content:center;align-items:center;transition:background .1s;display:flex;position:relative}.cell.shot{background:var(--cell-shot)}.cell.shot-last{background:var(--cell-shot-last)}.cell.reachable-move{background:var(--cell-move);cursor:pointer}.cell.reachable-move:hover{background:color-mix(in srgb, var(--cell-move) 60%, var(--success) 40%)}.cell.reachable-shoot{background:var(--cell-shoot);cursor:pointer}.cell.reachable-shoot:hover{background:color-mix(in srgb, var(--cell-shoot) 60%, var(--warning) 40%)}.player-dot{border-radius:50%;flex-shrink:0;width:42%;height:42%}.player-dot.p0{background:var(--accent);box-shadow:0 0 8px var(--accent)}.player-dot.p1{background:var(--warning);box-shadow:0 0 8px var(--warning)}.status-bar{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:min(360px,100%);min-height:7rem;display:flex}.status-message{letter-spacing:.5px;font-size:.95rem;font-weight:700}.status-sub{color:var(--text-muted);font-size:.78rem}.action-hint{color:var(--text-muted);opacity:.7;font-size:.72rem}.hint-touch,.hint-mouse{display:none}@media (hover:none) and (pointer:coarse){.hint-touch{display:inline}.game-grid{--cell:min(calc((100vw - 2rem - var(--cgap) * (var(--grid-cols) - 1)) / var(--grid-cols)), calc((100dvh - 200px - var(--extra) - var(--cgap) * (var(--grid-rows) - 1)) / var(--grid-rows)), 80px)}.game-home-mobile-hide{display:none}}@media (hover:hover) and (pointer:fine){.hint-mouse{display:inline}}@media (width<=520px){.game-wrap{gap:.5rem}.status-bar{gap:.25rem;min-height:5rem}}@media (height<=600px){.game-wrap{gap:.35rem}.status-bar{gap:.15rem;min-height:0}}.cell.pressing{background:color-mix(in srgb, var(--cell-shoot) 50%, var(--warning) 50%)}.handoff{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.handoff h2{color:var(--accent);font-size:1.2rem}.result-banner{text-align:center;letter-spacing:.5px;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;padding:.8rem 1.6rem;font-size:1rem;font-weight:700}.result-banner.win{border-color:var(--success);color:var(--success)}.result-banner.lose{border-color:var(--danger);color:var(--danger)}.result-banner.draw{border-color:var(--text-muted);color:var(--text-muted)}.timer-wrap{flex-direction:column;gap:4px;width:100%;max-width:min(360px,100%);display:flex}.timer-track{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.timer-bar{border-radius:2px;height:100%;transition:width .25s linear,background .5s}.timer-label{color:var(--text-muted);justify-content:space-between;font-size:.72rem;display:flex}.timer-label .timer-seconds{font-variant-numeric:tabular-nums;font-weight:700}.stack{flex-direction:column;gap:.8rem;display:flex}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.mt{margin-top:1rem}.nav-name.svelte-12qhfyh{color:var(--text-muted);font-family:var(--font-mono);padding:4px 6px;font-size:.8rem}.nav-mobile.svelte-12qhfyh{display:none}@media (width<=520px){.nav-desktop.svelte-12qhfyh{display:none}.nav-mobile.svelte-12qhfyh{align-items:center;display:flex}.burger-btn.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.burger-btn.svelte-12qhfyh span:where(.svelte-12qhfyh){background:var(--text);border-radius:1px;width:22px;height:2px;display:block}.menu-backdrop.svelte-12qhfyh{z-index:99;position:fixed;inset:54px 0 0}.mobile-menu.svelte-12qhfyh{background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 0 var(--radius-lg);z-index:100;border-top:none;flex-direction:column;gap:.3rem;min-width:180px;padding:.6rem;display:flex;position:fixed;top:54px;right:0;box-shadow:-2px 4px 16px #00000080}.nav-username-mobile.svelte-12qhfyh{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:110px;padding-right:.2rem;font-size:.75rem;overflow:hidden}}.admin-btn.svelte-12qhfyh{color:var(--warning);border-color:#0000}.admin-btn.svelte-12qhfyh:hover{border-color:var(--warning);color:var(--warning)}.admin-overlay.svelte-12qhfyh{z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.challenge-banner.svelte-12qhfyh{z-index:50;background:var(--bg-card);border-bottom:1px solid var(--warning);justify-content:center;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.82rem;animation:1.5s ease-in-out infinite pulse;display:flex;position:fixed;top:54px;left:0;right:0}.challenge-name.svelte-12qhfyh{color:var(--warning);font-weight:700}.login-legal.svelte-12qhfyh{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.7rem}.login-legal.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.login-legal.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}