*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0}body{background:#0c0c0e;color:#e8e6e3;font-family:ui-sans-serif,system-ui,sans-serif}.shell{--inset-y:clamp(12px,3vmin,28px);--inset-x:clamp(16px,4vw,32px);--side-gap:0px;--maze-side:min(72vw,72dvh);height:100dvh;height:100svh;padding:max(var(--inset-y),env(safe-area-inset-top,0px)) max(var(--inset-x),env(safe-area-inset-right,0px)) max(var(--inset-y),env(safe-area-inset-bottom,0px)) max(var(--inset-x),env(safe-area-inset-left,0px));flex-direction:column;gap:clamp(12px,3vh,24px);overflow:hidden}.maze-pane,.shell{width:100%;display:flex;align-items:center;justify-content:center}.maze-pane{flex:0 0 auto;min-height:0;max-width:calc(var(--maze-side) + 2 * var(--side-gap))}.maze-frame{width:var(--maze-side);height:var(--maze-side);flex-shrink:0;border:1px solid #2a2a30;border-radius:4px;overflow:hidden;background:#121216}.maze-svg{display:block;width:100%;height:100%}.maze-bg{fill:#0f0f12}.maze-walls{fill:none;stroke:#c9c5bc;stroke-width:1.25;stroke-linecap:square}.maze-marker{stroke:#0f0f12;stroke-width:.75}.maze-marker--in{fill:#6ecf8e}.maze-marker--out{fill:#e8927c}.controls-pane{flex:0 0 auto;width:min(var(--maze-side),100%);max-width:100%;justify-content:center;padding-inline:var(--side-gap)}.controls-pane,.slider-block{display:flex;align-items:center}.slider-block{flex-direction:row;gap:12px;width:100%;padding-inline:4px}.slider-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6b6966;flex-shrink:0}.slider-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;color:#9a9690;flex-shrink:0;min-width:2ch;text-align:right}.slider-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:manipulation;flex:1 1 auto;min-width:0;height:32px;padding-block:8px}.slider-range::-webkit-slider-runnable-track{height:4px;background:#2a2a32;border-radius:2px}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#e8e6e3;border:2px solid #0c0c0e;box-shadow:0 0 0 1px #3d3d45}.slider-range::-moz-range-track{height:4px;background:#2a2a32;border-radius:2px}.slider-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#e8e6e3;border:2px solid #0c0c0e;box-shadow:0 0 0 1px #3d3d45}@media (max-width:640px){.shell{--inset-x:max(16px,4.5vw);--side-gap:max(14px,3.5vw)}}