:root{color:#ece9df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--joystick-size:136px;--joystick-knob-size:50px;--joystick-dead-zone:8px;--joystick-max-displacement:41px;background:#101413;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100%;margin:0}button{color:inherit;font:inherit}.game-shell{width:min(100% - 64px,1500px);height:100dvh;padding:max(16px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));margin:0 auto;overflow:hidden}.game-panel{grid-template:"heading maze""status maze"".maze"minmax(0,1fr)/minmax(230px,.72fr) minmax(0,1.28fr);align-content:center;align-items:center;column-gap:clamp(28px,6vw,100px);width:100%;min-width:0;height:100%;min-height:0;display:grid}.game-heading{grid-area:heading;justify-content:space-between;align-items:end;gap:16px;min-width:0;margin-bottom:14px;display:flex}h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.05}.new-maze{cursor:pointer;white-space:nowrap;background:#1a211e;border:1px solid #39443d;border-radius:3px;padding:10px 12px;font-size:12px}.new-maze span{color:#d9b56d;padding-left:6px}.new-maze:hover{background:#252e29}.status-line{color:#a9b1a8;grid-area:status;align-items:center;gap:9px;min-width:0;min-height:34px;margin-bottom:12px;font-size:12px;display:flex}.status-dot{background:#a9b48d;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 10px #a9b48d55}.status-dot.complete{background:#dfbd73;box-shadow:0 0 12px #dfbd7388}.timer-group{color:#78847a;letter-spacing:.1em;white-space:nowrap;align-items:baseline;gap:6px;margin-left:10px;font:10px DM Mono,monospace;display:inline-flex}.timer-group code{color:#f0ede3;letter-spacing:0;font-size:15px;font-weight:600}.penalty{color:#e7a17d;letter-spacing:0;min-width:0;font-size:11px}.penalty:empty{display:none}.maze-column{aspect-ratio:11/15;flex-direction:column;grid-area:maze;justify-content:center;place-self:center;align-items:center;width:auto;max-width:100%;height:min(84svh,100%);display:flex}.maze-frame{aspect-ratio:11/15;background:#151b19;border:1px solid #2b3730;border-radius:4px;flex:auto;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 20px 70px #0005}canvas{touch-action:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.joystick-area{display:none}.joystick-base{flex:0 0 var(--joystick-size);width:var(--joystick-size);height:var(--joystick-size);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 42% 34%,#39443d88,#1a211ecc 68%,#121715ee);border:1px solid #748077;border-radius:50%;position:relative;box-shadow:inset 0 2px 12px #0008,0 5px 15px #0006}.joystick-base:before{content:"";pointer-events:none;border:1px solid #78857855;border-radius:50%;position:absolute;inset:8px}.joystick-knob{width:var(--joystick-knob-size);height:var(--joystick-knob-size);transform:translate(calc(-50% + var(--knob-x,0px)), calc(-50% + var(--knob-y,0px)));pointer-events:none;background:linear-gradient(145deg,#f4f0e4,#c6c8ba);border:1px solid #fff8e6;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 2px 3px #fff9,0 3px 9px #0009}.is-complete .maze-frame{border-color:#796a45}.has-collision .maze-frame{border-color:#b8795e}.lights-out .maze-frame{box-shadow:none;background:#000;border-color:#000}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #dfbd73}@media (width<=720px) and (orientation:portrait){.game-shell{--joystick-size:120px;--joystick-knob-size:46px;--joystick-max-displacement:35px;width:calc(100% - 16px);height:100dvh;padding:max(10px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom))}.game-panel{flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.game-heading{align-items:end;gap:8px;margin:0 0 4px}h1{font-size:clamp(27px,7vw,36px)}.new-maze{padding:9px 10px}.status-line{min-height:26px;margin:0 0 5px;font-size:11px}.maze-column{width:min(90vw, calc((100dvh - 235px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 11 / 15));aspect-ratio:auto;flex:none;align-self:center;gap:7px;height:auto}.maze-frame{width:100%;height:auto;max-height:calc(100dvh - 235px - env(safe-area-inset-top) - env(safe-area-inset-bottom));aspect-ratio:11/15;flex:none;min-height:0}.joystick-area{flex:none;justify-content:center;align-items:center;display:flex}}@media (width<=900px) and (orientation:landscape){:root{--joystick-size:112px;--joystick-knob-size:44px;--joystick-max-displacement:33px}.game-shell{width:calc(100% - 32px);padding:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom))}.game-panel{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(150px,.58fr) minmax(0,1.42fr);column-gap:clamp(16px,4vw,40px)}.game-heading{margin-bottom:6px}h1{font-size:clamp(24px,4.4vh,34px)}.status-line{flex-wrap:wrap;min-height:26px;margin:0}.maze-column{aspect-ratio:auto;flex-direction:row;gap:clamp(12px,3vw,28px);width:auto;height:min(88svh,100%)}.maze-frame{aspect-ratio:11/15;flex:0 auto;width:auto;height:100%}.joystick-area{flex:none;justify-content:center;align-items:center;display:flex}}@media (width>=721px) and (width<=1100px) and (orientation:portrait) and (any-pointer:coarse){:root{--joystick-size:132px;--joystick-knob-size:48px;--joystick-max-displacement:39px}.game-shell{width:min(100% - 40px,900px)}.game-panel{flex-direction:column;justify-content:center;align-items:stretch;display:flex}.game-heading{margin:0 0 8px}.status-line{margin:0 0 10px}.maze-column{width:min(86vw, calc((100dvh - 300px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 11 / 15));aspect-ratio:auto;flex:0 auto;align-self:center;gap:10px;height:auto}.maze-frame{width:100%;height:auto;max-height:calc(100dvh - 300px - env(safe-area-inset-top) - env(safe-area-inset-bottom));aspect-ratio:11/15;flex:0 auto}.joystick-area{flex:none;justify-content:center;align-items:center;display:flex}}@media (width>=721px) and (orientation:landscape) and (any-pointer:coarse){:root{--joystick-size:132px;--joystick-knob-size:48px;--joystick-max-displacement:39px}.game-shell{width:min(100% - 48px,1500px)}.game-panel{grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr);column-gap:clamp(22px,4vw,64px)}.maze-column{aspect-ratio:auto;flex-direction:row;gap:clamp(18px,3vw,44px);width:auto;height:min(84svh,100%)}.maze-frame{aspect-ratio:11/15;flex:0 auto;width:auto;height:100%}.joystick-area{flex:none;justify-content:center;align-items:center;display:flex}}@media (prefers-reduced-motion:no-preference){.maze-frame{transition:border-color .18s}}