:root{--paper:#123a63;--paper-deep:#0d2c4d;--grid:#ffffff1c;--grid-major:#fff3;--ink:#e8f1ff;--ink-soft:#9fc1e8;--accent:#ffd166;--goal:#7ee0a1;--danger:#ff7b7b;--motion:#6fd3ff;--bg:var(--paper-deep);--surface:var(--paper);--text:var(--ink);--muted:var(--ink-soft);--focus:var(--accent);--accent-text:var(--paper-deep);--grid-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);--grid-size:80px 80px, 80px 80px, 16px 16px, 16px 16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:var(--paper-deep);background-image:var(--grid-image);background-size:var(--grid-size);min-height:100dvh;color:var(--ink);margin:0}.screen{max-width:960px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen-heading{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700}.bar{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--ink-soft);min-width:44px;min-height:44px;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:4px;padding:8px 16px;transition:background-color .12s ease-out,border-color .12s ease-out}.button:not(:disabled):hover{border-color:var(--ink);background:#ffffff14}.button-primary{border:2px solid var(--accent);min-width:160px;color:var(--accent);text-transform:uppercase;font-weight:700}.button-primary:not(:disabled):hover{border-color:var(--accent);background:#ffd1661f}.button:disabled{color:var(--ink-soft);cursor:not-allowed;border-style:dashed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sheet{border:1px solid var(--ink-soft);outline:1px solid var(--grid-major);outline-offset:4px;background-color:var(--paper);background-image:var(--grid-image);background-size:var(--grid-size)}.screen-title{justify-content:center;align-items:center}.title-sheet{flex-direction:column;width:min(100%,640px);display:flex}.title-art{fill:none;width:100%;height:auto;stroke:var(--ink);stroke-width:1.5px;padding:16px;display:block}.title-art .art-thin,.title-art .art-ground{stroke:var(--ink-soft);stroke-width:1px}.title-art .art-path{stroke:var(--motion);stroke-dasharray:6 5}.title-art .art-dim,.title-art .art-callout{stroke:var(--ink-soft);stroke-width:1px}.title-art .art-callout circle{fill:var(--paper)}.title-art text{fill:var(--ink-soft);stroke:none;font-family:inherit;font-size:10px}.title-art .art-callout text{fill:var(--accent);font-weight:700}.title-block{border-top:1px solid var(--ink-soft);background:var(--paper-deep);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.tagline{color:var(--ink-soft);margin:0}.title-block-cells{border-top:1px solid var(--grid-major);color:var(--ink-soft);flex-wrap:wrap;margin:4px 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.title-block-cells li{flex:auto;padding:4px 8px 0 0}.title-block-cells li+li{border-left:1px solid var(--grid-major);padding-left:8px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.level-sheet{background-color:var(--paper);background-image:var(--grid-image);background-size:var(--grid-size);text-align:left;grid-template-rows:auto 1fr auto;gap:8px;width:100%;min-height:120px;padding:10px 12px;display:grid}.level-sheet-number{color:var(--ink-soft);font-size:.8125rem}.level-sheet-number:before{content:"SHEET "}.level-sheet-title{font-weight:700}.stamp{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:2px;justify-self:end;padding:0 6px;font-size:.75rem;font-weight:700;transform:rotate(-4deg)}.level-sheet[data-status=open] .stamp{color:var(--accent)}.level-sheet[data-status=solved] .stamp{color:var(--goal);border-width:2px}.level-sheet[data-status=locked]{background-image:none;background-color:var(--paper-deep)}.level-sheet[data-status=locked] .stamp{color:var(--ink-soft);border-style:dashed}.play-area{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.play-notes{flex-direction:column;gap:4px;display:flex}.play-hint{color:var(--ink-soft);margin:0}.play-goal{border-left:3px solid var(--goal);margin:0;padding-left:8px;font-weight:700}.play-top{border-bottom:1px solid var(--grid-major);flex-wrap:nowrap;align-items:center;gap:8px;min-height:60px;display:flex}.play-top>.bar{flex:none}.play-solved{border:1px solid var(--goal);background:var(--paper);border-left-width:4px;border-radius:4px;flex-wrap:nowrap;flex:auto;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-height:60px;padding:4px 8px;display:flex}.play-solved p{min-width:0;max-height:2.4em;color:var(--goal);text-transform:uppercase;margin:0;font-weight:700;line-height:1.2;overflow:hidden}.play-solved .button{white-space:nowrap;flex-shrink:0;min-width:44px}.play-board,.play-editor{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.screen-play .editor-board{width:100%;aspect-ratio:var(--board-aspect,4 / 3);flex:none;min-height:200px;max-height:60dvh}.screen-play .editor-drawer{border:1px dashed var(--ink-soft);background:var(--paper-deep);border-radius:4px;order:-1;padding:8px}.screen-play .editor-count{border:1px solid var(--ink-soft);color:var(--ink-soft);background:0 0}.screen-play .editor-selected,.screen-play .editor-help{color:var(--ink-soft)}.screen-play .editor-feedback{border:1px solid var(--danger);background:var(--paper-deep);border-left-width:4px}.play-stage{position:absolute;inset:0}.play-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}