:root{--bg:#0b0f14;--panel:#0f1720;--text:#e8eef6;--muted:#98a6b8;--border:rgba(232,238,246,.12);--shadow:0 18px 60px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,rgba(64,155,255,.12),transparent 60%),radial-gradient(900px 700px at 90% 30%,rgba(80,220,180,.1),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.4}a{color:inherit;text-decoration:none}.container{min-height:100vh;display:grid;place-items:center;padding:28px}.card{width:min(820px,100%);background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-inner{padding:28px}.row{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}.badge,.row{align-items:center}.badge{display:inline-flex;gap:10px;padding:10px 14px;border:1px solid var(--border);background:hsla(0,0%,100%,.03)}.badge,.dot{border-radius:999px}.dot{width:10px;height:10px;background:rgba(80,220,180,.85);box-shadow:0 0 18px rgba(80,220,180,.7)}.h1{font-size:clamp(30px,5vw,48px);margin:14px 0 8px;letter-spacing:.2px}.p{color:var(--muted);margin:0 0 18px;font-size:16px;max-width:62ch}.hr{height:1px;background:var(--border);margin:22px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);cursor:pointer}.button:hover{background:hsla(0,0%,100%,.06)}.button.primary{background:rgba(64,155,255,.14);border-color:rgba(64,155,255,.28)}.small{font-size:13px}.footer,.small{color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 28px;border-top:1px solid var(--border);background:rgba(0,0,0,.18)}.game-wrap{display:grid;place-items:center;grid-gap:14px;gap:14px;padding:26px}.board{display:grid;grid-template-columns:repeat(3,92px);grid-gap:10px;gap:10px}.cell{width:92px;height:92px;border-radius:16px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);display:grid;place-items:center;font-size:42px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell:disabled{cursor:not-allowed;opacity:.85}.status{color:var(--muted)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 8px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.2);color:var(--text)}