:root{--bg: #0d1117;--panel: #131a23;--line: #263243;--ink: #dce3ec;--dim: #8a97a8;--accent: #38bdf8;--white: #e8eef7;--good: #7dd3a0;--bad: #f87171;--warn: #f0a868;--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}#wrap{display:flex;justify-content:center}#stage{position:relative;display:inline-block}#board{display:grid;background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:6px;gap:0;touch-action:manipulation;user-select:none;-webkit-user-select:none}#marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.mark{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px #0d1117e6}.cell{width:var(--cell);height:var(--cell);position:relative;border:1px solid #1d2634;background:var(--white);cursor:pointer}.cell.black{background:#0b1017;cursor:default;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;color:var(--dim)}.cell.black.numbered{color:var(--accent)}.cell.black.met{color:var(--good)}.cell.black.broken{color:var(--bad)}.cell svg{display:block;width:100%;height:100%}.cell svg polygon{fill:#0b1017}.cell.hinted svg polygon{fill:#1d4e6b}.cell.hinted{box-shadow:inset 0 0 0 2px var(--accent)}#board.solved{border-color:var(--good);box-shadow:0 0 0 3px #7dd3a02e}.hud{text-align:center;color:var(--dim);font-size:.86rem;min-height:2.6rem;margin:.9rem 0 .2rem}.hud .win{color:var(--good);font-weight:700}.hud .err{color:var(--bad)}.hud code,.notes code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:var(--warn)}.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)}.legend{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;color:var(--dim);font-size:.8rem;margin:0 0 1.2rem}.legend span{display:flex;align-items:center;gap:.4rem}.legend i{width:22px;height:22px;border:1px solid #1d2634;background:var(--white);display:inline-block}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: 30px}.cell.black{font-size:.85rem}}