.board{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:10px;width:min(330px,100vw - 40px);margin:30px auto 18px;display:grid}.square{aspect-ratio:1;border:2px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-h);cursor:pointer;border-radius:8px;font-size:clamp(2rem,12vw,4rem);font-weight:800;transition:border-color .2s,transform .2s}.square:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.square:disabled{cursor:default}.x-player{color:var(--accent)}.o-player{color:var(--accent-alt)}.page-shell{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.panel,.game-panel{width:min(560px,100%)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:700}.lead,.status{color:var(--text);margin:0 auto 24px}.status{min-height:28px;color:var(--text-h);font-weight:700}.player-form{text-align:left;gap:16px;margin:28px 0;display:grid}.player-form label{color:var(--text-h);gap:8px;font-weight:700;display:grid}.player-form input{border:1px solid var(--border);min-height:44px;color:var(--text-h);background:var(--surface);font:inherit;border-radius:8px;padding:0 12px}.auth-header{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 10px 24px #1720261a}.auth-header span{max-width:180px;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.auth-panel{max-width:480px}.auth-form{text-align:left;gap:16px;margin:28px 0 18px;display:grid}.auth-form label{color:var(--text-h);gap:8px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border);min-height:44px;color:var(--text-h);background:var(--surface);font:inherit;border-radius:8px;padding:0 12px}.auth-form button{width:100%}.auth-form button:disabled{cursor:wait;opacity:.72}.form-error{color:#8f1f1f;background:#fff3f3;border:1px solid #c83737;border-radius:8px;padding:12px;font-weight:700}.auth-switch{color:var(--text)}.auth-switch a{color:var(--accent);font-weight:700}.button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{color:#fff;background:#15616d}.button--primary:hover{background:#0f4a54}.button--secondary{color:var(--text-h);background:var(--surface);border-color:var(--border)}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 32px;display:flex}.history-preview,.history-section{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.history-list{text-align:left;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.history-list li{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;display:grid}.history-list small{color:var(--text);grid-column:1/-1}@media (width<=520px){.auth-header{justify-content:space-between;left:12px;right:12px}.auth-header span{max-width:52vw}.history-list li{grid-template-columns:1fr}}:root{--text:#59636b;--text-h:#172026;--bg:#f7f8fa;--surface:#fff;--border:#d9dee3;--accent:#15616d;--accent-alt:#ff7d00;letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c0c7ce;--text-h:#f6f8fa;--bg:#101417;--surface:#171d21;--border:#2d373d;--accent:#4ecdc4;--accent-alt:#ff9f1c}}#root{text-align:center;min-height:100svh}body{margin:0}h1,h2{color:var(--text-h)}h1{margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}h2{margin:0 0 8px;font-size:1.35rem}p{margin:0}