:root{--bg:#1f2430;--bg2:#252b38;--card:#2f3545;--text:#f3f6fc;--muted:#aeb7c8;--accent:#5da8ff;--accent-weak:#3a78c9;--accent-soft:#334c7a;--line:#394155;--box:#4b5466;--danger:#ff6f87;--success:#7ed957;--nav-h:60px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);padding-top:var(--nav-h);background:radial-gradient(circle at top,#2b3242 0,#171b25 45%,#11141d 100%);flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(100%,980px);margin:16px auto;padding:0 16px}.card{background:var(--card);border:1px solid #3b4253;border-radius:18px;width:min(95%,960px);margin:20px auto;padding:24px 28px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 28px #00000059}.card:hover{transform:translateY(-3px);box-shadow:0 12px 34px #00000073}.center{text-align:center}.note{color:var(--muted);font-size:.95rem}.note.success{color:var(--success);margin-top:12px}.row{align-items:center;gap:12px;display:flex}.stack{gap:12px;display:grid}.spacer{flex:1}.btn{appearance:none;border:1px solid var(--accent-weak);background:var(--accent);color:#06121e;cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:inline-block}.btn:hover{background:#77bdff;transform:translateY(-2px);box-shadow:0 4px 12px #00000059}.btn.secondary{color:var(--text);background:#262c38;border-color:#3d4555}.btn.secondary:hover{background:#323a49}.buttons-row{justify-content:flex-end;gap:10px;margin-top:18px}.field{gap:6px;margin-bottom:12px;display:grid}.field label{align-items:center;gap:8px;display:flex}.field input,.field select,.field textarea{color:var(--text);background:#10151e;border:1px solid #2c3342;border-radius:10px;padding:10px 12px}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 1px #5da8ff66}.auth-form{max-width:420px;margin:0 auto}.site-header{z-index:1000;background:#262c38;border-bottom:1px solid #333a48;position:sticky;top:0}.navbar{align-items:center;gap:12px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:8px;font-weight:800;display:inline-flex}.brand:after{content:" ⬚";opacity:.6;transform:translateY(-1px)}.navlinks{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.nav-link{border-radius:12px;padding:8px 10px;font-size:.95rem;transition:transform .15s,background-color .15s,color .15s}.nav-link:hover,.nav-link:focus-visible{background-color:#32384a;transform:translateY(-1px)}.nav-link:first-child{margin-left:0}.nav-link[aria-current=page]{background:var(--accent);color:#06121e;border:1px solid var(--accent-weak)}.table{border-collapse:collapse;width:100%;margin-top:10px}.table th,.table td{text-align:left;border-bottom:1px solid #2a2f3a;padding:10px 12px}.table th{color:var(--muted)}.hero{text-align:center;margin:40px auto 10px}.hero h1{margin-bottom:8px}.hero-img{border-radius:12px;max-width:260px;margin:12px auto 0;display:block;box-shadow:0 4px 16px #0000004d}.game-list{margin:16px 0 0;padding:0;list-style:none}.game-list li{border-bottom:1px solid #373f51;padding:10px 0}.timer{color:var(--accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.sudoku-grid{gap:2px;margin:20px auto 0;display:grid}.cell{width:var(--cell-size);height:var(--cell-size);font-size:calc(var(--cell-size)*.45);text-align:center;color:var(--text);background:#2a3040;border:1px solid #3d4555;border-radius:6px;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}.cell:hover:not(.given):not(.locked){cursor:pointer;background:#3a4154}.cell.selected{border-color:var(--accent);background:#44506b;box-shadow:0 0 0 1px #5da8ff99}.cell.given{color:#a5b3cf;background:#384056;font-weight:700}.cell.invalid{border-color:var(--danger);background:#573040}.cell.locked{opacity:.6;pointer-events:none}.footer-text{color:var(--muted);margin:16px 0 8px;font-size:.85rem}@media (max-width:420px){:root{--nav-h:56px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#202632e6;border-top:1px solid #333a48;border-bottom:none;width:100%;position:fixed;top:auto;bottom:0}body{padding-top:0;padding-bottom:var(--nav-h)}.navbar{justify-content:space-between;padding:6px 10px}.brand{display:none}.navlinks{flex-wrap:nowrap;flex:1;justify-content:space-between;gap:6px;margin-left:0}.nav-link{text-align:center;padding:6px 4px;font-size:.8rem}.card{margin:12px auto;padding:18px 16px}.hero{margin-top:24px}}@media (max-width:768px){.container,.card{width:100%}}.cell.hint:not(.locked){background:#4b4a30;border-color:#ffe98b;box-shadow:0 0 0 2px #ffe98be6}