:root{--bg: #0e1017;--panel: #171a24;--ink: #f2f0e9;--muted: #9aa0b2;--wall: #2b3040;--wall-ink: #cdd3e6;--grid: rgba(120, 130, 160, .16);--cell-dark: #10131c;--glow: #fbbf24;--glow-soft: rgba(251, 191, 36, .16);--good: #4ade80;--bad: #f87171;--hintc: #60a5fa;--accent: #93c5fd;--cell: 44px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1100px 640px at 50% -8%,#1b2030 0%,var(--bg) 60%);color:var(--ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:640px;margin:0 auto;padding:32px 20px 48px;text-align:center}h1{margin:0;font-size:34px;letter-spacing:.5px}h1 span{color:var(--glow);text-shadow:0 0 18px rgba(251,191,36,.55)}.sub{margin:6px auto 20px;max-width:470px;color:var(--muted)}#wrap{display:flex;justify-content:center}#board{display:grid;gap:0;padding:14px;background:var(--panel);border-radius:14px;border:1px solid rgba(120,140,200,.14);box-shadow:0 20px 60px #00000080;transition:filter .35s ease}#board.won{filter:drop-shadow(0 0 10px rgba(251,191,36,.4))}.cell{width:var(--cell);height:var(--cell);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--grid);background:var(--cell-dark)}.cell.wall{background:var(--wall);border-color:#00000059}.cell.wall .num{color:var(--wall-ink);font:700 18px/1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}.cell.wall .num.met{color:var(--good)}.cell.wall .num.over{color:var(--bad)}.cell.white{cursor:pointer;transition:background .12s ease}.cell.white.lit{background:var(--glow-soft)}.cell.white:hover{outline:1px solid rgba(147,197,253,.5);outline-offset:-1px}.bulb{width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff6d8 0%,var(--glow) 46%,#d99512 100%);box-shadow:0 0 10px 2px #fbbf24a6,0 0 22px 6px #fbbf2447}.cell.conflict .bulb{background:radial-gradient(circle at 38% 34%,#ffe0e0 0%,var(--bad) 55%,#b91c1c 100%);box-shadow:0 0 10px 2px #f87171b3,0 0 22px 6px #f871714d}.mark{width:7px;height:7px;border-radius:50%;background:#4a5268}.cell.hint{outline:2px solid var(--hintc);outline-offset:-2px;animation:pulse .9s ease-in-out 2}@keyframes pulse{0%,to{outline-color:#60a5fa59}50%{outline-color:#60a5fa}}.hud{margin:14px auto 4px;color:var(--muted);font-size:13px;min-height:20px}#status.win{color:var(--glow);font-weight:700;text-shadow:0 0 14px rgba(251,191,36,.5)}#status.bad{color:var(--bad)}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}select,button{font:inherit;border-radius:9px;border:1px solid rgba(120,140,200,.25);background:var(--panel);color:var(--ink);padding:7px 13px;cursor:pointer}button:hover{border-color:var(--accent)}#solve{border-color:var(--glow);color:var(--glow)}label{color:var(--muted);font-size:13px}label select{margin-left:6px}.note{margin:26px auto 0;max-width:540px;color:var(--muted);font-size:13px;text-align:left}.note strong,.note em{color:var(--ink)}