:root{--bg: #0e1017;--panel: #171a24;--ink: #f2f0e9;--muted: #9aa0b2;--block: #232838;--block-edge: #10131c;--clue: #cdd3e6;--grid: rgba(120, 130, 160, .22);--cell: #1b2030;--cell-hover: #222840;--sel: #38bdf8;--sel-soft: rgba(56, 189, 248, .16);--good: #4ade80;--bad: #f87171;--hintc: #fbbf24;--accent: #93c5fd;--size: 46px}*{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:660px;margin:0 auto;padding:32px 20px 48px;text-align:center}h1{margin:0;font-size:34px;letter-spacing:.5px}h1 span{color:var(--sel);text-shadow:0 0 18px rgba(56,189,248,.5)}.sub{margin:6px auto 20px;max-width:480px;color:var(--muted)}#wrap{display:flex;justify-content:center}#board{display:grid;gap:0;padding:12px;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(74,222,128,.4))}.cell{width:var(--size);height:var(--size);position:relative;border:1px solid var(--grid)}.cell.block{background:var(--block);border-color:var(--block-edge)}.cell.block.clue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .6px),rgba(120,130,160,.5) 50%,transparent calc(50% + .6px));pointer-events:none}.cell .across,.cell .down{position:absolute;color:var(--clue);font:700 14px/1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}.cell .across{top:3px;right:4px}.cell .down{bottom:3px;left:4px}.cell .across.met,.cell .down.met{color:var(--good)}.cell .across.over,.cell .down.over{color:var(--bad)}.cell.white{background:var(--cell);cursor:pointer;display:flex;align-items:center;justify-content:center;font:600 22px/1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);transition:background .1s ease}.cell.white:hover{background:var(--cell-hover)}.cell.white.sel{background:var(--sel-soft);outline:2px solid var(--sel);outline-offset:-2px;z-index:2}.cell.white.conflict{color:var(--bad)}.cell.white.given{color:var(--accent)}.cell.white.hint{animation:pulse .9s ease-in-out 2}@keyframes pulse{0%,to{box-shadow:inset 0 0 0 2px #fbbf244d}50%{box-shadow:inset 0 0 0 2px #fbbf24}}.keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:320px;margin:16px auto 0}.keypad button{font:600 17px/1 ui-sans-serif,system-ui,sans-serif;padding:10px 0;border-radius:9px;border:1px solid rgba(120,140,200,.25);background:var(--panel);color:var(--ink);cursor:pointer}.keypad button:hover{border-color:var(--accent)}.keypad button.erase{color:var(--muted)}.hud{margin:16px auto 4px;color:var(--muted);font-size:13px;min-height:20px}#status.win{color:var(--good);font-weight:700;text-shadow:0 0 14px rgba(74,222,128,.5)}#status.bad{color:var(--bad)}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}select,.controls 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}.controls button:hover{border-color:var(--accent)}#solve{border-color:var(--sel);color:var(--sel)}label{color:var(--muted);font-size:13px}label select{margin-left:6px}.note{margin:26px auto 0;max-width:560px;color:var(--muted);font-size:13px;text-align:left}.note strong,.note em{color:var(--ink)}