:root{color:#ece9df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101413;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}:root{--joystick-size:148px;--joystick-knob-size:52px;--joystick-dead-zone:8px;--joystick-max-displacement:47px}body{min-width:320px;min-height:100%;margin:0}button{color:inherit;font:inherit}.game-shell{width:min(100% - clamp(32px,7vw,112px),1600px);height:100svh;padding:max(16px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);gap:10px;margin:0 auto;display:grid;overflow:hidden}.game-panel{grid-template:"heading maze""status maze""controls maze""legend maze"".maze"minmax(0,1fr)/minmax(230px,.8fr) minmax(0,1.7fr);align-content:center;align-items:center;column-gap:clamp(24px,5vw,96px);min-width:0;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(80svh,100%);display:flex;position:relative}.maze-frame{aspect-ratio:11/15;background:#151b19;border:1px solid #2b3730;border-radius:4px;flex:auto;width:100%;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}.joystick-label{color:#829087;letter-spacing:.18em;font:9px DM Mono,monospace}.play-controls{grid-area:controls;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:10px 0;display:flex}.hint{color:#98a198;font-size:12px;line-height:1.5}.legend{color:#7f8a81;grid-area:legend;align-items:center;gap:8px;margin:4px 0 0;font-size:11px;display:flex}.legend-player{background:#f3eee1;border:2px solid #526456;border-radius:50%;place-items:center;width:13px;height:13px;margin-left:4px;display:inline-grid;position:relative}.legend-player i{border-bottom:4px solid #43594a;border-left:2px solid #0000;border-right:2px solid #0000;width:0;height:0;transform:translateY(-1px)}.legend-exit{border:2px solid #dbb66b;border-bottom:0;width:12px;height:13px;margin-left:8px;display:inline-block;position:relative}.legend-exit i{background:#dbb66b;width:3px;height:6px;position:absolute;bottom:0;left:3px}.is-complete .maze-frame{border-color:#796a45}.has-collision .maze-frame{border-color:#b8795e}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #dfbd73}@media (width<=720px) and (orientation:portrait){.game-shell{--maze-usable-height:max(0px, calc(100dvh - 390px - max(0px, env(safe-area-inset-top) - 12px) - max(0px, env(safe-area-inset-bottom) - 16px)));width:min(100% - 8px,480px);height:100dvh;min-height:100svh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);gap:6px;overflow:hidden}.game-panel{flex-direction:column;justify-content:center;align-items:stretch;min-height:0;padding: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 4px;font-size:11px}.maze-column{width:min(100%, calc(var(--maze-usable-height) * 11 / 15));aspect-ratio:auto;flex:none;align-self:center;gap:8px;max-width:100%;height:auto}.maze-frame{width:100%;height:auto;max-height:var(--maze-usable-height);aspect-ratio:11/15;flex:none;min-height:0}.joystick-area{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.play-controls{margin:8px 0 2px}.hint{max-width:220px;margin:0}.legend{margin-top:2px}}@media (orientation:portrait) and (any-pointer:coarse) and (width>=721px){.maze-column{aspect-ratio:auto;width:min(60vw,73.3333svh - 267.667px);height:auto}.maze-frame{flex:none;height:auto}}@media (any-pointer:coarse){.joystick-area{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.maze-column{gap:8px}}@media (orientation:landscape) and (any-pointer:coarse){.maze-column{aspect-ratio:11/15;width:auto;max-width:100%;height:min(82svh,100%)}.maze-frame{width:100%;height:min(68svh,100% - 180px)}:root{--joystick-size:128px;--joystick-knob-size:48px;--joystick-dead-zone:7px;--joystick-max-displacement:39px}}@media (orientation:landscape) and (height<=600px){.game-shell{width:min(100% - 36px,1500px);padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));gap:6px}.game-panel{grid-template-columns:minmax(200px,.55fr) minmax(0,1.5fr);column-gap:clamp(20px,4vw,72px)}.maze-column{height:min(82svh,100%)}.maze-frame{height:min(58svh,100% - 150px)}:root{--joystick-size:116px;--joystick-knob-size:44px;--joystick-dead-zone:7px;--joystick-max-displacement:35px}.game-heading{margin-bottom:7px}.status-line{min-height:25px;margin-bottom:4px}.play-controls{margin:3px 0}.hint{font-size:11px}h1{font-size:clamp(25px,4vh,36px)}}@media (prefers-reduced-motion:no-preference){.maze-frame{transition:border-color .18s}}