:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f6efdf;--ink:#314f43;--muted:#778073;--peach:#eea18a;--teal:#306a57;--line:#d8d9c5;font-synthesis:none;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #d47750}[hidden]{display:none!important}button{border:0}#app{max-width:1440px;margin:auto;padding:0 40px}.site-header{justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark{letter-spacing:-1.5px;color:var(--ink);font-size:33px;font-weight:700;text-decoration:none}.wordmark span{font-style:italic;font-weight:400}.wordmark sup{color:#c97857;margin-left:6px;font-size:20px}.header-note,.eyebrow{letter-spacing:2px;font:600 10px/1.4 Arial,sans-serif}.site-header>a:not(.wordmark){color:var(--teal);text-underline-offset:3px;font:12px Arial,sans-serif}.header-note{color:var(--muted);margin-left:-40px}.quiet-button{white-space:nowrap;background:0 0;padding:12px 0;font:12px Arial,sans-serif}.quiet-button:hover{text-decoration:underline}#stage{aspect-ratio:16/9;isolation:isolate;touch-action:none;background:#d5dfc5;border:1px solid #b9c3ac;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 14px 34px #43554413}canvas{object-fit:fill;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:0;display:block}.overlay{z-index:6;position:absolute;inset:0}.welcome{background-image:linear-gradient(90deg,#f6efdfef 0%,#f6efdfcf 30%,#f6efdf00 65%);background-position:50%;background-size:cover}.welcome-copy{width:43%;max-width:510px;position:absolute;top:13%;left:6%}.eyebrow{color:#67816d}h1{letter-spacing:-2px;margin:18px 0 22px;font-size:clamp(30px,4.35vw,64px);font-weight:400;line-height:1.05}p{color:#536b59;max-width:360px;font:15px/1.7 Arial,sans-serif}.primary-button{background:var(--teal);color:#fff9e8;border-radius:6px;padding:17px 26px;font:600 14px Arial,sans-serif;transition:transform .15s,background .15s;display:block;box-shadow:0 4px #234a3d}.primary-button:hover{background:#245a48;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #234a3d}.load-status{color:#7b816f;margin-top:13px;font:11px/1.5 Arial,sans-serif}.welcome-controls{color:#697760;flex-direction:column;gap:7px;margin-top:22px;font:11px Arial,sans-serif;display:flex}.welcome-controls b{font-weight:600}.touch-welcome{display:none}.edition{text-align:right;letter-spacing:1.6px;color:#fff7df;text-shadow:0 1px 4px #153329;font:600 10px/1.8 Arial,sans-serif;position:absolute;bottom:6%;right:4%}.edition span{letter-spacing:0;font:italic 15px Georgia,serif}footer{color:#7d8373;align-items:center;gap:25px;height:70px;font:11px Arial,sans-serif;display:flex}footer span{margin-right:auto}footer a{color:inherit;text-decoration:none}footer button{font:inherit;color:inherit;background:0 0;padding:10px 0}footer a:hover,footer button:hover{text-decoration:underline}#hud{pointer-events:none;z-index:2;font-family:Arial,sans-serif;position:absolute;inset:0}.hud-top{justify-content:space-between;gap:12px;display:flex;position:absolute;top:20px;left:22px;right:22px}.location{background:#fbf5eae8;border-radius:6px;padding:10px 14px;box-shadow:0 2px 6px #0000000c}.location .eyebrow{letter-spacing:1.6px;font-size:8px;display:block}.location strong{margin-top:4px;font:18px Georgia,serif;display:block}.counters{background:#fbf5eae8;border-radius:6px;align-items:center;gap:20px;padding:0 5px 0 12px;display:flex}.counters span{white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.counters img{object-fit:contain;width:26px;height:26px}.counters small{font-size:10px}.hud-button{pointer-events:auto;background:0 0;border-left:1px solid #c6cbb9;padding:13px 10px;font:11px Arial,sans-serif}.route{white-space:nowrap;background:#f7f2e4e8;border-radius:30px;align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000000b}.route>span:first-child{font-size:19px;font-weight:700}.route small{color:#758072;font-size:10px}.reticle{color:#fffbea;opacity:.75;text-shadow:0 1px 3px #243a23;font:18px Arial,sans-serif;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.toast{text-align:center;background:#fff6e9ec;border-radius:7px;width:max-content;max-width:75%;padding:13px 20px;font:12px/1.5 Arial,sans-serif;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #33473112}.toast:empty{display:none}.interaction{color:#fffced;text-shadow:0 1px 4px #183527;background:#234734b0;border-radius:5px;align-items:center;gap:9px;width:max-content;max-width:90%;padding:9px 13px;font:13px Arial,sans-serif;display:flex;position:absolute;bottom:146px;left:50%;transform:translate(-50%)}.key{color:var(--ink);text-shadow:none;background:#f6eddb;border-radius:3px;padding:4px 7px;font-size:11px}.desktop-hint{background:#fbf5eadd;border-radius:5px;align-items:center;gap:17px;padding:10px 14px;font:10px Arial,sans-serif;display:flex;position:absolute;bottom:20px;left:22px}.desktop-hint small{color:#7d8473;margin-left:3px}.desktop-hint button{pointer-events:auto;background:0 0;padding:0;font:10px Arial,sans-serif;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#294b3552;place-items:center;display:grid}.modal{text-align:center;background:#f9f2e4;border-radius:12px;width:min(500px,90%);padding:40px;box-shadow:0 15px 70px #173a2838}.modal h2{letter-spacing:-1px;margin:13px 0;font-size:37px;font-weight:400}.modal p{margin:14px auto 23px}.modal .primary-button{margin:0 auto}.modal-actions{justify-content:center;gap:20px;margin-top:26px;display:flex}.modal-actions button{background:0 0;padding:6px 0;font:11px Arial,sans-serif;text-decoration:underline}.modal .small-controls{color:#7c8270;margin-bottom:0;font-size:10px;line-height:1.8}.win-bell{height:115px;margin:-12px auto 9px;display:block}.win-stats{color:#71806c;justify-content:center;gap:30px;margin:24px 0;font:11px Arial,sans-serif;display:flex}.win-stats b{color:#365848;margin-bottom:4px;font:25px Georgia,serif;display:block}.win-modal .quiet-button{margin-top:10px}#labels{pointer-events:none;z-index:1;position:absolute;inset:0}.name-label{white-space:nowrap;background:#faf4e5ed;border-radius:6px;padding:6px 10px;font:12px Arial,sans-serif;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #213d2414}.name-label small{color:#708266;margin-top:3px;font-size:9px;display:block}.name-label.done{opacity:.7}#touch-ui{pointer-events:none;display:none;position:absolute;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#fcf3dd28;border:1px solid #fdf8ecbb;border-radius:50%;width:116px;height:116px;position:absolute;bottom:24px;left:24px;box-shadow:inset 0 0 20px #1b3a2a10}#joystick span{text-align:center;letter-spacing:1.3px;color:#fffbe9;width:100%;font:8px Arial,sans-serif;position:absolute;bottom:9px;left:0}#thumb{pointer-events:none;background:#faf3dfb3;border:1px solid #fff8e2;border-radius:50%;width:44px;height:44px;position:absolute;top:35px;left:35px}.touch-actions{pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;bottom:26px;right:24px}.touch-button{touch-action:none;background:#fbf3dfdc;border:1px solid #fff7e8;border-radius:50%;width:65px;height:65px;font:12px Arial,sans-serif;box-shadow:0 3px 10px #193f281c}.touch-button.primary{color:#fff8e8;background:#2c6a52ed}.touch-button img{object-fit:contain;width:27px;height:23px;margin:0 auto 2px;display:block}.look-hint{letter-spacing:1px;color:#fffbe9;white-space:nowrap;text-shadow:0 1px 4px #29402e;font:8px Arial,sans-serif;position:absolute;top:-27px;right:0}#replay-indicator{letter-spacing:1px;z-index:5;white-space:nowrap;background:#fbf3e2;border-radius:5px;padding:10px 15px;font:10px Arial,sans-serif;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}#replay-indicator button{background:0 0;margin-left:20px;padding:5px;font:10px Arial,sans-serif;text-decoration:underline}.touch #touch-ui{display:block}.touch .desktop-hint,.touch .key{display:none}.touch .touch-welcome{display:block}.touch .toast{bottom:160px}.touch .interaction{bottom:210px}#app:fullscreen{background:#f6efdf;place-items:center;width:100%;max-width:none;height:100%;padding:0;display:grid}#app:fullscreen .site-header{display:none}#app:fullscreen footer{display:none}#app:fullscreen #stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%}#app:fullscreen canvas{object-fit:contain}#app:fullscreen .welcome{background-size:cover}@media (width>=1500px){#app{padding-top:20px}.site-header{height:100px}}@media (width<=800px){#app{padding:0 15px}.site-header{height:73px}.header-note{display:none}.wordmark{font-size:28px}#stage{aspect-ratio:4/3}.welcome-copy{width:57%;top:9%;left:6%}h1{letter-spacing:-1px;margin:13px 0;font-size:clamp(28px,5.5vw,44px)}.welcome-copy p{margin:0 0 16px;font-size:12px;line-height:1.6}.primary-button{padding:14px 18px;font-size:12px}.welcome-controls{margin-top:18px;font-size:9px}.edition{font-size:8px}.edition span{font-size:12px}.hud-top{top:14px;left:14px;right:14px}.location strong{font-size:14px}.counters{gap:10px}.counters small{display:none}.route{font-size:10px;top:80px}.desktop-hint{gap:11px;padding:9px;font-size:9px;left:14px}.toast{font-size:11px}footer{gap:18px;font-size:10px}footer span{font-size:9px}.modal{padding:26px}.modal h2{font-size:30px}.modal p{font-size:12px}}@media (width<=540px){#app{padding:0 10px}.site-header{height:64px}.quiet-button{font-size:10px}#stage{aspect-ratio:auto;border-radius:9px;height:calc(100svh - 115px);min-height:430px}canvas{object-fit:cover}.welcome{background-image:linear-gradient(#f6efdfef 0%,#f6efdfc9 40%,#f6efdf00 78%);background-position:62%}.welcome-copy{width:83%;max-width:350px;top:6%;left:8%}.eyebrow{letter-spacing:1.5px;font-size:8px}h1{margin:14px 0 16px;font-size:42px}.welcome-copy p{max-width:280px;font-size:13px}.welcome-controls{font-size:10px;line-height:1.4}.edition{bottom:4%;right:7%}footer{gap:16px;height:51px}footer span{max-width:145px;font-size:8px;line-height:1.5}.location{padding:8px 10px}.location strong{font-size:12px}.location .eyebrow{font-size:7px}.counters{gap:8px;padding-left:8px}.counters img{width:20px;height:20px}.counters span{font-size:11px}.hud-button{padding:13px 6px;font-size:9px}.route{white-space:normal;gap:7px;width:max-content;max-width:94%;padding:7px 10px;font-size:10px;top:77px}.route small{white-space:nowrap}.touch .toast{width:max-content;max-width:88%;padding:10px 12px;font-size:10px;bottom:165px}.interaction{font-size:11px}#joystick{bottom:23px;left:18px}.touch-actions{gap:9px;right:18px}.touch-button{width:61px;height:61px}.name-label{padding:5px 8px;font-size:10px}.name-label small{font-size:8px}.modal{width:92%;padding:25px 18px}.modal h2{font-size:29px}.modal-actions{gap:17px}.modal-actions button{font-size:10px}.win-bell{height:100px}.modal .small-controls{font-size:9px}}@media (height<=550px) and (orientation:landscape){#app{padding:0}.site-header,footer{display:none}#stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100svh}.welcome-copy{width:48%;top:7%}h1{margin:9px 0;font-size:36px}.welcome-copy p{margin-bottom:13px;font-size:11px}.welcome-controls{margin-top:14px}.load-status{margin-top:9px}.modal{max-width:460px;padding:20px}.modal h2{margin:8px 0;font-size:27px}.modal p{margin:10px auto 14px;font-size:12px}.modal .small-controls{margin-top:15px;font-size:9px;line-height:1.5}.modal-actions{margin-top:15px}.win-bell{height:65px}.win-stats{margin:12px 0}.touch .toast{max-width:50%;padding:8px 13px;bottom:65px}.touch .interaction{bottom:115px}}