@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;color:#e8ecf2;background:#05060a;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05060a;--panel: rgba(255, 255, 255, .04);--panel-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text-dim: #9aa4b5;--accent: #7ae0ff;--accent-2: #ff80c8;--accent-3: #8bff80;--shadow: 0 20px 80px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#app{min-height:100vh}.page{position:relative;overflow:hidden;min-height:100vh;padding:48px 20px 64px}.bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(122,224,255,.2),transparent 35%),radial-gradient(circle at 85% 10%,rgba(255,128,200,.25),transparent 35%),radial-gradient(circle at 50% 90%,rgba(139,255,128,.15),transparent 35%);filter:blur(20px);z-index:0}.bg-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.45;z-index:0}.bg-glow-1{background:#7ae0ff;top:-100px;left:-120px}.bg-glow-2{background:#ff80c8;bottom:-80px;right:-120px}.shell{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.hero .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--text-dim);margin:0 0 8px}.hero h1{margin:0 0 12px;font-size:clamp(32px,4vw,44px);line-height:1.15}.accent{color:var(--accent)}.lede{margin:0 0 18px;color:var(--text-dim)}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.status-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--border);padding:20px;border-radius:18px;box-shadow:var(--shadow)}.status-card h3{margin:6px 0 12px;font-size:22px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);padding:6px 10px;border-radius:999px;background:#ffffff0a;color:#cdd4df;font-size:13px}.pill.secondary{border-color:#ffffff14}.panel{background:#ffffff0a;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.panel h2{margin:4px 0 0;font-size:24px}.label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--text-dim);margin:0}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;width:100%;max-width:420px}.score-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;position:relative}.score-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#7ae0ff38,#ff80c826);opacity:.4;filter:blur(24px);z-index:-1}.score-card.muted:after{display:none}.score{font-size:28px;font-weight:700;margin-top:4px}.board-wrapper{margin-top:18px;display:grid;gap:10px}.board{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:12px;justify-items:center;align-items:center}.board.disabled{pointer-events:none}.square{width:clamp(90px,18vw,140px);aspect-ratio:1;border-radius:16px;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0d,#ffffff05);color:#fff;font-size:clamp(32px,6vw,48px);font-weight:700;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.square:hover{transform:translateY(-2px);border-color:#7ae0ffa6;box-shadow:0 10px 40px #7ae0ff29}.square.filled{border-color:#ffffff2e}.square.win{border-color:var(--accent-2);box-shadow:0 10px 40px #ff80c866}.mark{display:inline-block;letter-spacing:1px;text-shadow:0 0 12px rgba(255,255,255,.35)}.note{color:var(--text-dim);font-size:14px}.btn{border:1px solid var(--border);background:#ffffff0d;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#05060a;border:none;box-shadow:0 15px 40px #7ae0ff59}.btn.ghost{background:transparent;border:1px solid var(--border);color:#e8ecf2}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.footer{position:relative;z-index:1;margin-top:28px;text-align:center;color:var(--text-dim);font-size:13px;letter-spacing:.02em}@media(max-width:900px){.hero{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:640px){.page{padding:32px 16px 48px}.board{grid-template-columns:repeat(3,1fr)}.panel-head{flex-direction:column}}