:root{--bg: #0d1117;--panel: #131a23;--line: #263243;--ink: #dce3ec;--dim: #8a97a8;--accent: #38bdf8;--square: #f0a868;--wide: #7dd3a0;--tall: #c39cf5;--bad: #f87171;--cell: 46px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;line-height:1.65}main{max-width:860px;margin:0 auto;padding:2.2rem 1.2rem 4rem}header h1{font-size:2.1rem;margin:0 0 .5rem;letter-spacing:-.02em}header h1 span{color:var(--accent)}.sub{color:var(--dim);margin:0 0 1.6rem;font-size:.95rem}.sub b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:0 .25rem}b.sq{color:var(--square)}b.wd{color:var(--wide)}b.tl{color:var(--tall)}#wrap{display:flex;justify-content:center}#board{display:grid;background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:6px;gap:0;touch-action:none;user-select:none;-webkit-user-select:none}.cell{width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:700;color:var(--dim);border:1px solid #1d2634;position:relative;cursor:pointer;transition:background .08s}.cell.bt{border-top:3px solid var(--accent)}.cell.bb{border-bottom:3px solid var(--accent)}.cell.bl{border-left:3px solid var(--accent)}.cell.br{border-right:3px solid var(--accent)}.cell.filled{background:#18222f}.cell.hinted{background:#1f3346}.cell.dragging{background:#24344a}.cell.clue-sq{color:var(--square)}.cell.clue-wd{color:var(--wide)}.cell.clue-tl{color:var(--tall)}.cell.corner-clash:after{content:"";position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border-radius:50%;background:var(--bad);z-index:3}.hud{text-align:center;color:var(--dim);font-size:.86rem;min-height:2.6rem;margin:.9rem 0 .2rem}.hud .win{color:var(--wide);font-weight:700}.hud .err{color:var(--bad)}.controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;margin:.6rem 0 2.4rem}label{color:var(--dim);font-size:.82rem;display:flex;align-items:center;gap:.35rem}select,button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:.42rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}.notes h2{font-size:1.05rem;margin:2rem 0 .5rem;color:var(--accent)}.notes p{color:var(--dim);font-size:.92rem;margin:0 0 .8rem}.notes em{color:var(--ink);font-style:italic}.notes strong,.notes b{color:var(--ink)}footer{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid var(--line)}footer p{color:var(--dim);font-size:.82rem;margin:0}@media (max-width: 620px){:root{--cell: 32px}.cell{font-size:1rem}}.cell.mismatch{color:var(--bad)}