body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-start:#0f172a;--bg-end:#1e1b4b;--panel:#0f172acc;--panel-alt:#0f172aa6;--border:#94a3b833;--text-primary:#e2e8f0;--text-muted:#94a3b8;--accent-x:#60a5fa;--accent-o:#f472b6;--accent-win:#fbbf24;--accent-draw:#cbd5f5;--square-bg:#0b1120;--square-border:#1e293b}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at top,#0f172a,#1e1b4b);background:radial-gradient(circle at top,var(--bg-start),var(--bg-end));color:#e2e8f0;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit}.app-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;background:var(--panel);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:32px;box-shadow:0 40px 80px #0006;padding:48px;width:min(1020px,100%)}.game-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.eyebrow{color:#94a3b8;color:var(--text-muted);font-size:12px;letter-spacing:.4em;margin:0 0 8px;text-transform:uppercase}.game-header h1{font-size:clamp(28px,4vw,40px);margin:0}.status-card{text-align:right}.status-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:13px;letter-spacing:.2em;margin-bottom:6px;text-transform:uppercase}.status-pill{align-items:center;background:#6366f126;border:1px solid #6366f133;border-radius:999px;display:inline-flex;font-weight:600;gap:8px;padding:10px 18px}.status-pill-x{background:#60a5fa26;border-color:#60a5fa66}.status-pill-o{background:#f472b626;border-color:#f472b666}.status-pill-winner{background:#fbbf2433;border-color:#fbbf2499;color:#fcd34d}.status-pill-draw{background:#94a3b833;border-color:#94a3b880;color:#e2e8f0}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.stat-card{background:#0f172aa6;background:var(--panel-alt);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;padding:18px 20px}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:13px;letter-spacing:.2em;text-transform:uppercase}.stat-value{display:block;font-size:32px;font-weight:700;margin-top:8px}.stat-x{color:#60a5fa;color:var(--accent-x)}.stat-o{color:#f472b6;color:var(--accent-o)}.game-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:minmax(320px,1fr) minmax(260px,320px)}.board-panel,.side-panel{background:#0f172aa6;background:var(--panel-alt);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:24px;padding:24px}.board{align-items:center;flex-direction:column}.board,.board-row{display:flex;gap:12px}.square{aspect-ratio:1/1;background:#0b1120;background:var(--square-bg);border:1px solid #1e293b;border:1px solid var(--square-border);border-radius:20px;color:#f8fafc;font-size:36px;font-weight:700;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:96px}.square:hover{border-color:#60a5fa99;box-shadow:0 12px 25px #0f172a66;transform:translateY(-2px)}.square-highlight{background:linear-gradient(135deg,#fbbf244d,#fbbf24);color:#0f172a}.helper-text{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-top:18px;text-align:center}.panel-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ghost-btn{background:#94a3b814;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:14px;padding:12px 16px;transition:border-color .2s ease,background .2s ease;width:100%}.ghost-btn:hover{background:#5eead414;border-color:#5eead499}.moves-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.move-button{align-items:center;background:#0f172a99;border:1px solid #0000;border-radius:16px;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:border-color .2s ease,background .2s ease;width:100%}.move-button:hover{background:#0f172ad9;border-color:#60a5fa80}.move-step{font-weight:600}.move-location{color:#94a3b8;color:var(--text-muted);font-size:13px}.move-current .move-pill{align-items:center;background:linear-gradient(120deg,#60a5fa66,#0ea5e966);border:1px solid #60a5fa80;border-radius:16px;display:flex;justify-content:space-between;padding:12px 16px;width:100%}.move-badge{color:#e2e8f0;color:var(--text-primary);font-size:12px;letter-spacing:.3em;text-transform:uppercase}@media (max-width:900px){.game-layout{grid-template-columns:1fr}.status-card{text-align:left}}@media (max-width:600px){.glass-card{padding:32px 24px}.square{font-size:28px;width:80px}}
/*# sourceMappingURL=main.53706eff.css.map*/