:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--card:#ffffff13;--card-strong:#ffffff1f;--line:#ffffff24;--text-muted:#f7f1e8b3;--accent:#f6bd60;--accent-2:#84dcc6;--danger:#ff6b6b;--shadow:0 24px 80px #00000059;background:#0d111c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#84dcc638,#0000 34rem),radial-gradient(circle at 80% 10%,#f6bd6033,#0000 32rem),linear-gradient(135deg,#0d111c 0%,#15172a 42%,#17121f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#f7f1e8;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:.75rem 1rem;transition:transform .14s,background .14s,opacity .14s}button:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#201407;background:linear-gradient(135deg,#f6bd60,#f28f3b);font-weight:800}button.danger{color:#ffd7d7;background:#ff6b6b2e}input{border:1px solid var(--line);color:#fff;background:#00000040;border-radius:1rem;outline:none;width:100%;padding:.9rem 1rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #f6bd6024}.app-shell{width:min(1480px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:grid}.eyebrow{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:.75rem;font-size:clamp(2.25rem,6vw,5rem);line-height:.92}h2{letter-spacing:-.03em;margin-bottom:1rem}.hero-copy{max-width:760px;color:var(--text-muted);margin-bottom:0;font-size:1.08rem;line-height:1.65}.status-card,.card,.toast{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-card{border-radius:1.4rem;gap:.35rem;min-width:230px;padding:1rem;display:grid}.status-card small,.card small,.board-hint,.secret-line,.waiting-panel p,.player-row small,.match-row small,.admin-match small{color:var(--text-muted)}.status-dot{background:#8f95a8;border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 0 18px}.status-dot.lobby{color:var(--accent);background:var(--accent)}.status-dot.running{color:var(--accent-2);background:var(--accent-2)}.status-dot.finished{color:#b8a1ff;background:#b8a1ff}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1.25rem;display:grid}.main-column,.side-column{gap:1.25rem;display:grid}.card{border-radius:1.6rem;padding:1.25rem}.card>:last-child{margin-bottom:0}.toast{border-radius:1rem;margin-bottom:1rem;padding:.9rem 1rem;font-weight:750}.toast.error{background:#ff6b6b21;border-color:#ff6b6b80}.toast.notice{background:#84dcc61f;border-color:#84dcc673}.join-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.join-form label{color:var(--text-muted);gap:.5rem;font-weight:700;display:grid}.player-card{min-height:520px}.match-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.match-header h2{margin-bottom:.25rem;font-size:clamp(1.5rem,4vw,2.5rem)}.match-header h2 span{color:var(--accent)}.turn-pill{white-space:nowrap;color:var(--text-muted);background:#ffffff1c;border-radius:999px;padding:.85rem 1rem;font-weight:900}.turn-pill.active{color:#cafff4;background:#84dcc62e}.waiting-panel{align-content:center;place-items:start;gap:1rem;min-height:300px;display:grid}.big-state{color:#fff;letter-spacing:-.05em;margin-bottom:0;font-size:clamp(1.5rem,4vw,3rem);font-weight:900}.result-banner{background:#ffffff14;border:1px solid #ffffff2e;border-radius:1.35rem;gap:.3rem;width:min(100%,560px);padding:1rem 1.1rem;display:grid}.result-banner strong{letter-spacing:-.06em;font-size:clamp(1.8rem,5vw,3.4rem);line-height:.95}.result-banner span{color:#f7f1e8d1;font-weight:750}.result-banner.win{background:linear-gradient(135deg,#84dcc642,#84dcc614);border-color:#84dcc6a6;box-shadow:0 0 42px #84dcc629}.result-banner.loss{background:linear-gradient(135deg,#ff6b6b3b,#ff6b6b14);border-color:#ff6b6b9e;box-shadow:0 0 42px #ff6b6b21}.result-banner.draw{background:linear-gradient(135deg,#f6bd6038,#f6bd6012);border-color:#f6bd609e;box-shadow:0 0 42px #f6bd601f}.result-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;font-size:.78rem;font-weight:900}.board-wrap{gap:.75rem;display:grid}.board-toolbar,.actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.actions.compact button{padding:.55rem .75rem;font-size:.9rem}.board{background:#00000047;border:1px solid #ffffff38;border-radius:1.2rem;width:100%;max-width:900px;display:grid;overflow:hidden}.cell{aspect-ratio:1;background:#ffffff08;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;border-radius:0;min-width:0;padding:0;font-size:clamp(.9rem,2vw,1.55rem);font-weight:950;line-height:1}.cell:hover:not(:disabled){background:#f6bd602e;transform:none}.cell.cross{color:#ffd08a;background:#f6bd601c}.cell.circle{color:#9ff3df;background:#84dcc61c}.scoreboard,.players-list,.matches-list,.admin-matches{gap:.55rem;display:grid}.score-row{border-bottom:1px solid #ffffff14;grid-template-columns:2rem minmax(0,1fr) 4rem 5rem;align-items:center;gap:.5rem;padding:.65rem 0;display:grid}.score-row.header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.player-row,.match-row,.admin-match{background:#ffffff0b;border:1px solid #ffffff14;border-radius:1rem;gap:.25rem;padding:.75rem;display:grid}.player-row{grid-template-columns:auto minmax(0,1fr)}.player-row small{grid-column:2}.presence{background:#707789;border-radius:999px;width:.7rem;height:.7rem;margin-top:.35rem}.presence.online{background:var(--accent-2);box-shadow:0 0 18px #84dcc6cc}.secret-line code{overflow-wrap:anywhere;color:#fff4d8;background:#00000047;border-radius:.6rem;max-width:100%;padding:.25rem .4rem;display:inline-block}@media (width<=1050px){.layout,.hero{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width<=720px){.app-shell{width:min(100% - 1rem,1480px);padding-top:1rem}.join-form,.match-header{grid-template-columns:1fr;display:grid}.card,.status-card{border-radius:1.1rem;padding:1rem}.board{border-radius:.8rem}.cell{font-size:.82rem}}