:root{--game-max-width: 480px;--shell-min-width: 380px}html,body{min-height:100dvh}body{margin:0;display:flex;justify-content:center;background:var(--game-shell-backdrop, var(--bg, #0c141c))}.game-shell{position:relative;width:clamp(min(var(--shell-min-width),100%),var(--shell-computed-width, 100%),min(var(--game-max-width),100%));max-width:var(--game-max-width);min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (min-width: 481px){.game-shell{box-shadow:0 0 0 1px var(--border-strong, rgba(255, 255, 255, .15))}}@media (orientation: landscape){:root{--game-max-width: 1400px;--puzz-sidebar-landscape-width: 300px;--puzz-row-gap: 16px;--puzz-row-padding-x: 20px}.puzz-main-row{flex-direction:row!important;align-items:stretch;justify-content:center!important;padding:0 var(--puzz-row-padding-x)!important;box-sizing:border-box;gap:var(--puzz-row-gap)!important}.puzz-sidebar{order:2;flex:0 1 auto;width:fit-content;min-width:120px;max-width:var(--puzz-sidebar-landscape-width)!important;height:var(--puzz-sidebar-computed-height, auto)!important;max-height:100%!important;overflow-y:auto}.puzz-board-area{order:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}}.puzz-min-hit-area{position:relative}.puzz-min-hit-area:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}:root{--color-background: #0c141c;--color-surface: #111c26;--color-surface-raised: #1b2c3a;--color-primary: #5eb8e8;--color-secondary: #00cec9;--color-accent: #fdcb6e;--color-success: #4caf6f;--color-danger: #d9534f;--color-warning: #f39c12;--color-text: #e9f1f6;--color-text-muted: #7594a6;--color-border: #243b4d}:root{--bg: var(--color-background);--panel: var(--color-surface);--panel-raised: var(--color-surface-raised);--ink: var(--color-text);--dim: var(--color-text-muted);--accent: var(--color-primary);--good: var(--color-success);--bad: var(--color-danger);--border: var(--color-border);--c-gray: #5b6b7c;--c-red: #B2332A;--c-green: #297022;--c-blue: #3840AC;--c-yellow: #CAB228;--c-orange: #C76E1F}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,-apple-system,sans-serif}#pageContainer{display:flex;flex-direction:column;height:100dvh;padding:12px;gap:10px}#header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex:0 0 auto}#headerTitles{display:flex;align-items:baseline;gap:8px}#header .box-title{font-size:22px;font-weight:700;letter-spacing:.02em}.puzzle-meta{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}#tagline{font-size:13px;color:var(--dim);min-height:1.2em;text-align:right}#tagline.won{color:var(--good);font-weight:600}#main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;gap:10px}#board-area{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}#boardWrap{position:relative;display:flex}#board{touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.sig-plain-edge{stroke:var(--border);stroke-width:2}.sig-req-edge{stroke-width:4;stroke-dasharray:7 6;stroke-linecap:round}.sig-req-edge.satisfied{opacity:1}.sig-req-edge.unsatisfied{opacity:.4}.sig-blocker-tick{stroke-width:4;stroke-linecap:round}.sig-blocker-tick.active{opacity:1}.sig-blocker-tick.inactive{opacity:.3}.sig-path-line{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.sig-path-line.won{stroke:var(--good)}.sig-path-endpoint{fill:var(--accent)}.sig-node-dot{stroke:var(--border);stroke-width:2;fill:var(--panel-raised)}.sig-node-dot.tiled{stroke:#00000059}.sig-node-dot.start{stroke:var(--ink);stroke-width:3}.sig-node-end-ring{fill:none;stroke:var(--ink);stroke-width:3;transition:stroke .15s}.sig-node-end-ring.at-end-mismatch{stroke:var(--bad)}.sig-node-end-ring.reached{stroke:var(--good)}.sig-light-pod{position:absolute;display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;box-shadow:0 2px 8px #00000059}.sig-light-pod-target{border-style:dashed;background:transparent}.sig-light-pod .light-bulb{width:var(--sig-bulb-size, 14px);height:var(--sig-bulb-size, 14px);border-radius:50%;border:2px solid;opacity:.45;background:transparent!important}.sig-light-pod .light-bulb.on{opacity:1;box-shadow:0 0 5px 1px currentColor}.light-red{background:var(--c-red);color:var(--c-red);border-color:var(--c-red)}.light-green{background:var(--c-green);color:var(--c-green);border-color:var(--c-green)}.light-blue{background:var(--c-blue);color:var(--c-blue);border-color:var(--c-blue)}.light-yellow{background:var(--c-yellow);color:var(--c-yellow);border-color:var(--c-yellow)}.light-orange{background:var(--c-orange);color:var(--c-orange);border-color:var(--c-orange)}.fill-red,.stroke-red{fill:var(--c-red);stroke:var(--c-red)}.fill-green,.stroke-green{fill:var(--c-green);stroke:var(--c-green)}.fill-blue,.stroke-blue{fill:var(--c-blue);stroke:var(--c-blue)}.fill-yellow,.stroke-yellow{fill:var(--c-yellow);stroke:var(--c-yellow)}.fill-orange,.stroke-orange{fill:var(--c-orange);stroke:var(--c-orange)}.fill-black{fill:#0d0d0d}.fill-white{fill:#f5f5f2}#controlBar{flex:0 0 auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px}#movesDisplay{font-size:14px;color:var(--dim)}#movesDisplay b{color:var(--ink)}.box-header-buttons{display:flex;gap:8px}.tool-btn{background:var(--panel-raised);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.tool-btn:hover{border-color:var(--accent)}.tool-btn:active{transform:translateY(1px)}.control-reset-btn{color:var(--bad)}.sig-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04080c99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.sig-modal-overlay[hidden]{display:none}.sig-modal{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 12px 40px #00000080}.sig-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sig-modal-header h2{margin:0;font-size:18px}.sig-modal-close{background:none;border:none;color:var(--dim);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.sig-modal-close:hover{color:var(--ink)}.sig-modal-field{margin-bottom:16px}.sig-modal-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.sig-toggle-row{display:flex;gap:6px;background:var(--panel-raised);border:1px solid var(--border);border-radius:10px;padding:4px}.sig-toggle-opt{flex:1;background:none;border:none;border-radius:7px;color:var(--dim);padding:8px 4px;font-size:13px;font-weight:600;cursor:pointer}.sig-toggle-opt.active{background:var(--accent);color:var(--bg)}.sig-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sig-primary-btn{background:var(--accent);color:var(--bg);border-color:var(--accent)}