:root{color-scheme:dark;--bg:#11171c;--panel:#192128;--line:#313b42;--muted:#8f9a9e;--cream:#f7edd8;--red:#e94b38;--gold:#e9c67e}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;min-height:100%;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.app{max-width:1232px;margin:0 auto;padding:0 40px}.masthead{height:112px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:30px;line-height:1;letter-spacing:2px}.brand-mark{width:45px;height:45px;background:var(--red);display:grid;place-items:center;font-family:Arial;font-size:30px;line-height:1;letter-spacing:0;box-shadow:4px 4px 0 #080e12}.brand-caption{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:2.3px;color:var(--muted);margin-top:7px}.edition{margin-left:auto;text-align:right;font-family:monospace;font-size:12px;letter-spacing:1.5px;line-height:1.7}.edition-sub{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:3px;background:transparent;display:grid;place-items:center}.icon-button svg{width:20px;height:20px}.sound-off{display:none}.muted .sound-waves{display:none}.muted .sound-off{display:block}.arcade{border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden;box-shadow:0 16px 70px #0003}.hud{height:82px;display:flex;align-items:center;padding:0 26px;gap:24px}.level-label{display:flex;gap:14px;align-items:center}.level-number{color:var(--red);font-family:Impact,'Arial Narrow',sans-serif;font-size:32px;font-weight:900}.hud-caption{color:var(--muted);font:10px/1.4 monospace;letter-spacing:1.6px}.hud-caption span{margin-left:8px;color:#aab3b5}.level-name{font-weight:700;font-size:14px;letter-spacing:1.3px;margin-top:5px}.scoreboard{margin-left:auto;display:flex;align-items:center;gap:32px}.lives{display:flex;gap:6px;color:var(--red);font-size:24px}.lives .lost{color:#475056}.score{display:flex;align-items:center;gap:8px;font:20px/1 monospace;font-weight:bold}.score svg{width:18px;height:22px}.score-total{color:var(--muted);font-size:14px}.pause-button{margin-left:3px}.stage{position:relative;isolation:isolate;background:#122a37;aspect-ratio:1.98;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #07111d55}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#07101c0c 3px,#07101c0c 4px);z-index:4}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#0b1826e8 0%,#0b1927cb 32%,#0e21314a 69%,#0b1a2d33);padding:46px 54px;z-index:3}.overlay[hidden]{display:none}.overlay-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font:11px/1.4 monospace;letter-spacing:2px}.eyebrow>span:first-child{display:block;width:17px;height:3px;background:var(--red)}h1{font-family:Impact,'Arial Narrow','Roboto Condensed',Arial,sans-serif;font-stretch:condensed;font-weight:950;font-size:clamp(42px,5.4vw,73px);letter-spacing:-1.3px;line-height:.99;margin:22px 0 20px;text-shadow:3px 4px 0 #10212c}h1 em{font-style:normal;color:var(--red)}.overlay p{font-size:16px;color:#b8c2c6;line-height:1.65;margin:0 0 26px;max-width:440px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:55px;padding:0 22px;background:var(--red);border:1px solid #f57555;border-bottom:4px solid #9b302c;border-radius:2px;color:#fff4e1;font-size:14px;font-weight:800;letter-spacing:1.2px;box-shadow:4px 4px 0 #0a1626;transition:background .15s,transform .15s}.primary-button:hover{background:#f65943}.primary-button:active{transform:translateY(2px)}.primary-button svg{width:21px;height:21px}.start-note{margin-top:20px;font:10px/1.4 monospace;color:#9aafb9;letter-spacing:1.4px}.start-note b{color:var(--red);margin:0 10px}.hero-sprite{position:absolute;right:10%;bottom:16%;width:190px;display:flex;align-items:center;flex-direction:column;z-index:1;animation:float 3s ease-in-out infinite}.hero-sprite img{position:relative;width:auto;height:248px;max-width:240px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(7px 8px 0 #07101b88);z-index:1}.hero-shadow{width:128px;height:12px;display:block;background:#07111b66;border-radius:50%;margin-top:7px}.hero-tag{font:10px monospace;letter-spacing:2px;color:#c2cbd1;margin-top:15px}.scene-label{position:absolute;bottom:18px;right:25px;font:9px monospace;letter-spacing:1.4px;color:#a3b4c177}.route{height:43px;border-top:1px solid #3f484d;display:flex;align-items:center;gap:17px;padding:0 26px;font:10px/1 monospace;letter-spacing:1.5px;color:var(--muted);background:#151d23}.route-track{height:3px;background:#3d454b;flex:1;position:relative}.route-track>div{height:3px;background:var(--red);width:0;max-width:100%}.route-track i{position:absolute;top:-2px;width:7px;height:7px;background:#687076}.route-track i:nth-of-type(1){left:0}.route-track i:nth-of-type(2){left:50%}.route-track i:nth-of-type(3){right:0}.controls{height:113px;display:flex;align-items:center;padding:0 26px;gap:25px;user-select:none;-webkit-user-select:none}.movement{display:flex;gap:9px;align-items:center;position:relative}.control-key{height:57px;width:64px;border:1px solid #4a555d;border-bottom:4px solid #0e151a;background:#252f37;border-radius:4px;display:grid;place-items:center;touch-action:none}.control-key svg{width:28px;height:28px}.control-key.active{background:#47565f;border-bottom-width:1px;transform:translateY(2px)}.control-caption{font:9px monospace;letter-spacing:1px;color:var(--muted);margin-left:9px}.keyboard-hint{margin:auto;font-size:12px;line-height:2.1;color:var(--muted)}.keyboard-hint>span{display:block}.keyboard-hint kbd{font:11px monospace;border:1px solid #485057;border-bottom-width:2px;padding:2px 4px;min-width:20px;color:#d0d2cd;margin-right:3px}.hint-dot{margin:0 6px;color:#59666c}.jump-button{display:flex;align-items:center;justify-content:center;gap:14px;width:174px;height:61px;border:1px solid #ec6553;border-bottom:4px solid #90332b;background:#bf4033;border-radius:4px;touch-action:none;font-weight:800;font-size:14px;letter-spacing:1px}.jump-button.active{background:#ec5844;transform:translateY(2px);border-bottom-width:1px}.jump-button svg{width:26px;height:26px}.jump-button small{display:block;font:9px monospace;letter-spacing:1px;color:#e8b3a4;margin-top:5px}footer{height:60px;display:flex;justify-content:space-between;align-items:center;color:#728087;font:10px monospace;letter-spacing:1.5px}footer span:last-child{letter-spacing:.4px}.toast{position:absolute;left:50%;top:22px;transform:translateX(-50%) translateY(-15px);padding:12px 18px;border:1px solid #d5bc74;background:#15282ced;color:var(--gold);font:12px monospace;letter-spacing:.5px;white-space:nowrap;z-index:5;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.jump-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap;color:var(--cream);padding:10px 14px;background:#111e2fdd;border:1px solid #6a7882;z-index:2;pointer-events:none}.text-button{background:none;border:0;font-size:14px;color:#b6c2c5;padding:0;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.overlay.compact h1{font-size:54px}.overlay.compact .hero-sprite{display:none}.overlay.compact{background:#0d1c2cde}.overlay.compact .overlay-content{max-width:520px}.overlay.compact .scene-label{display:none}@keyframes float{50%{transform:translateY(-5px)}}@media(min-width:1500px){.app{padding-top:25px}.stage{aspect-ratio:1.94}}@media(max-width:900px){.app{padding:0 22px}.masthead{height:88px}.stage{aspect-ratio:1.6}.overlay{padding:32px}h1{font-size:55px}.hero-sprite{right:5%;width:150px}.hero-sprite img{height:210px}.keyboard-hint{font-size:11px}.control-caption{display:none}.controls{gap:16px;padding:0 20px}.hud{padding:0 20px}.scoreboard{gap:20px}}@media(max-width:600px){html,body{height:100%;overflow:hidden}.app{padding:0 12px;height:100svh;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.masthead{height:73px;min-height:73px;gap:12px}.brand{font-size:25px;gap:10px}.brand-mark{width:36px;height:36px;font-size:24px}.brand-caption{font-size:8px;letter-spacing:1.4px;margin-top:5px}.edition{display:none}.masthead>.icon-button{margin-left:auto;width:36px;height:36px}.arcade{display:flex;flex-direction:column;flex:1;min-height:0}.hud{height:64px;min-height:64px;padding:0 13px;gap:12px}.level-label{gap:9px}.level-number{font-size:26px}.hud-caption{font-size:8px;letter-spacing:1px}.hud-caption span{margin-left:3px}.level-name{font-size:10px;letter-spacing:.65px}.scoreboard{gap:12px}.lives{gap:2px;font-size:17px}.score{gap:3px;font-size:17px}.score svg{width:13px}.score-total{font-size:11px}.pause-button{width:31px;height:31px;margin-left:0}.pause-button svg{width:16px;height:16px}.stage{flex:1;aspect-ratio:auto;min-height:200px}.overlay{padding:27px 24px;align-items:flex-start;background:linear-gradient(90deg,#0b1928d9,#0b192868),linear-gradient(0deg,#0b192800,#0b192830)}.overlay-content{padding-top:5px;width:100%}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:clamp(36px,10.6vw,58px);line-height:1.05;letter-spacing:-1.3px;margin:16px 0 13px}.overlay p{font-size:13px;line-height:1.6;max-width:280px;margin-bottom:21px}.primary-button{min-height:48px;font-size:12px;padding:0 17px;gap:27px}.start-note{font-size:8px;letter-spacing:.8px;margin-top:15px}.start-note b{margin:0 5px}.hero-sprite{right:5%;bottom:7%;width:110px}.hero-sprite img{height:130px;max-width:130px}.hero-shadow{width:76px;height:7px}.hero-tag{font-size:8px;letter-spacing:1px;margin-top:8px}.scene-label{left:18px;right:auto;bottom:17px;font-size:7px;letter-spacing:.6px}.route{height:30px;min-height:30px;padding:0 14px;gap:12px;font-size:8px;letter-spacing:1px}.controls{height:93px;min-height:93px;padding:0 13px;gap:10px;justify-content:space-between}.control-key{height:56px;width:58px}.keyboard-hint{display:none}.movement{gap:8px}.jump-button{width:125px;height:58px;gap:7px;font-size:12px}.jump-button svg{width:23px}.jump-button small{font-size:8px;letter-spacing:.4px}footer{height:32px;min-height:32px;font-size:7px;letter-spacing:.7px}footer span:last-child{font-size:8px}.overlay.compact{align-items:center}.overlay.compact h1{font-size:40px}.overlay.compact .overlay-content{padding-top:0}.toast{font-size:10px;max-width:95%;white-space:normal;text-align:center}.jump-hint{font-size:11px;padding:8px 10px}}@media(max-width:600px) and (max-height:750px){.masthead{height:60px;min-height:60px}.hud{height:58px;min-height:58px}.controls{height:83px;min-height:83px}.overlay{padding-top:20px}.overlay p{font-size:12px;margin-bottom:15px}h1{font-size:37px;margin:12px 0}.hero-sprite{bottom:6%;right:6%;width:80px}.hero-sprite img{height:93px}.hero-tag{display:none}.start-note{margin-top:12px}.scene-label{display:none}}@media(orientation:landscape) and (max-height:600px){html,body{height:100%;overflow:hidden}.app{padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));height:100dvh;display:flex;flex-direction:column}.masthead{height:49px;min-height:49px}.brand{font-size:21px}.brand-mark{height:29px;width:29px;font-size:20px}.brand-caption{display:none}.edition{font-size:9px}.edition-sub{display:none}.masthead .icon-button{width:32px;height:32px}.arcade{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.hud{height:48px;min-height:48px}.level-number{font-size:25px}.hud-caption{font-size:8px}.level-name{font-size:11px;margin-top:2px}.lives{font-size:19px}.stage{aspect-ratio:auto;flex:1;min-height:0}.route{height:25px;min-height:25px;font-size:8px}.controls{position:absolute;inset:auto 10px 39px;height:56px;padding:0;pointer-events:none;z-index:6}.controls button{pointer-events:auto;opacity:.8}.movement{margin-right:auto}.control-key{height:48px;width:54px}.jump-button{height:49px;width:126px;font-size:11px}.keyboard-hint,.control-caption{display:none}.overlay{padding:15px 90px;align-items:center}h1{font-size:37px;margin:9px 0}.eyebrow{font-size:8px}.overlay p{font-size:12px;line-height:1.4;margin-bottom:12px}.primary-button{min-height:40px;font-size:11px;gap:20px}.start-note{display:none}.hero-sprite{bottom:15%;right:14%}.hero-sprite img{height:145px}.hero-tag{display:none}.scene-label{display:none}.overlay.compact h1{font-size:34px}footer{height:23px;min-height:23px;font-size:8px}.jump-hint{bottom:15px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-sprite{animation:none}*{transition:none!important}}