:root{--bg:#0f1115;--panel:#171a21;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--accent-2:#7c3aed;--danger:#ef4444;--ok:#22c55e}@media (prefers-color-scheme:light){:root{--bg:#f7f7f8;--panel:#fff;--text:#0f1115;--muted:#4b5563}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{width:min(1200px,100%);margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid hsla(0,0%,100%,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:56px}.logo{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.2px}.nav{display:flex;gap:12px}.nav-link{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:8px}.nav-link:hover{background:hsla(0,0%,100%,.06);color:var(--text)}.ad-header{padding:8px 0}.ad-footer{position:sticky;bottom:0;background:var(--panel);border-top:1px solid hsla(0,0%,100%,.06);padding:8px 16px}.site-main{padding:24px 0 80px}.site-footer{background:var(--panel);border-top:1px solid hsla(0,0%,100%,.06);margin-top:24px}.footer-inner{padding:16px;text-align:center}.ad-slot{display:block;width:100%;min-height:60px;border:2px dashed var(--muted);border-radius:10px;color:var(--muted);display:grid;place-items:center;background:rgba(0,0,0,.06)}.ad-slot.small{min-height:50px}.ad-slot.sticky{position:sticky;bottom:0}.hero{display:grid;gap:16px;text-align:center;padding:32px 0}.hero .cta{background:var(--accent);color:#fff;border:none;padding:14px 18px;border-radius:12px;font-weight:700;cursor:pointer}.hero .cta:hover{filter:brightness(.95)}.game-wrap{display:grid;gap:16px}@media (min-width:900px){.game-wrap{grid-template-columns:1fr 320px;align-items:start}}.panel{background:var(--panel);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.25)}.hud{display:grid;gap:12px}.hud .row{display:flex;gap:8px;flex-wrap:wrap}.btn{background:#2a2f3a;color:var(--text);border:1px solid hsla(0,0%,100%,.1);padding:10px 12px;border-radius:10px;cursor:pointer;transition:transform .06s ease,filter .12s ease}.btn.primary{background:var(--accent);color:#fff;border:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.select{appearance:none;background:#2a2f3a;color:var(--text);border:1px solid hsla(0,0%,100%,.1);padding:10px 12px;border-radius:10px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),linear-gradient(to right,hsla(0,0%,100%,.08),hsla(0,0%,100%,.08));background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}.select:hover{filter:brightness(1.06)}.select:focus{outline:2px solid var(--accent);outline-offset:2px}.board{display:grid;gap:6px}.cell{background:#1f2430;border:1px solid hsla(0,0%,100%,.09);border-radius:12px;position:relative;aspect-ratio:1/1;display:grid;place-items:center;outline:none}.cell.invalid{visibility:hidden}.cell.empty{background:#151923}.cell.peg{background:#1f2430}.cell.selected{outline:2px solid var(--accent);outline-offset:2px}.cell.highlight{box-shadow:inset 0 0 0 2px var(--accent-2)}.cell:focus{outline:2px solid var(--accent);outline-offset:2px}.cell.full{animation:pulse .6s ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.cell.full{animation:none}}.cell .dots{display:grid;grid-template-columns:repeat(3,8px);grid-auto-rows:8px;gap:6px}.cell .dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9fd1ff,#3b82f6);display:block;box-shadow:0 2px 8px rgba(59,130,246,.5)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.below-hud-ad{margin-top:16px;margin-bottom:24px}