@font-face{font-family:Arcade;src:url('../assets/ui-font.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--cream:#f8e8bb;--muted:#a7b5a2;--gold:#ffcd6b;--ink:#17261f}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:#14231e;background-image:radial-gradient(ellipse at 50% 20%,#29443270,transparent 65%);font:14px/1.5 Arcade,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:700 12px/1.3 'Courier New',monospace;letter-spacing:1px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff1b9;outline-offset:4px}button[hidden],[hidden]{display:none!important}.shell{max-width:1104px;padding:0 32px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid #bec99320;font:700 11px 'Courier New',monospace;letter-spacing:1.5px}.back{color:var(--cream);text-decoration:none}.back span{color:#8da18d;font-size:10px;margin-left:10px}.edition{color:#a8b096}.heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0 22px}.eyebrow{font:700 10px 'Courier New',monospace;letter-spacing:2.5px;color:#a6bd97;margin:0 0 9px}h1{font:900 54px/.95 'Courier New',monospace;letter-spacing:-3px;color:var(--gold);text-shadow:3px 3px 0 #694624;margin:0}h1 span{font:500 19px Arcade,system-ui,sans-serif;letter-spacing:-.7px;vertical-align:middle;color:var(--cream);text-shadow:none;margin-left:12px}.tagline{font-size:13px;line-height:1.65;color:#99ae93;margin:0}.tagline strong{font-weight:500;color:#dbdfbf}.cabinet{border:3px solid #a48b514d;border-radius:5px;background:#17201a;box-shadow:0 18px 60px #0005,0 0 0 6px #0d1a164d;overflow:hidden}.hud{display:flex;align-items:center;gap:38px;padding:12px 22px;background:#1e2c23;border-bottom:3px solid #101d18;font-family:'Courier New',monospace}.hud>div{display:flex;flex-direction:column;gap:2px}.hud-label{color:#a1b598;font-size:9px;letter-spacing:1.4px;font-weight:bold}.hud output{font-size:19px;color:#ffe6a8;font-weight:bold;line-height:1.15;white-space:nowrap}.hud #health{color:#f5906e;letter-spacing:3px}.hud .chapter-hud{margin-left:auto;text-align:right}.chapter-hud>span:last-child{font-weight:bold;font-size:12px;color:#d1dcbb;letter-spacing:1px}.stage{position:relative;aspect-ratio:16/9;background:#97c0a0;isolation:isolate}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#17241c12 0px,#17241c12 1px,transparent 1px,transparent 4px);z-index:1}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#11251d52;z-index:2;overflow:auto}.menu{background:#142b23f5;border:2px solid #d0b676;box-shadow:5px 5px 0 #132018a6;text-align:center;padding:24px 30px 17px;width:360px;max-width:100%;color:#f7e6b5}.menu-kicker{font:700 8px 'Courier New',monospace;letter-spacing:2px;color:#d5bc75;margin:0 0 14px}.menu h2{font:900 33px/1.04 'Courier New',monospace;letter-spacing:-1px;color:#ffdc8b;text-shadow:2px 2px #754e27;margin:0 0 12px}.menu>p:not(.menu-kicker):not(.menu-note){font-size:11px;line-height:1.7;margin:0 0 18px;color:#c9d4b9}.primary{background:#ffcf73;border:0;border-bottom:4px solid #ae7940;color:#243523;min-height:43px;width:100%;display:flex;justify-content:center;gap:35px;align-items:center;font-size:13px}.primary:hover{background:#ffe1a2}.secondary{margin-top:8px;min-height:34px;border:1px solid #9cb48850;background:transparent;color:#c5d7b7;width:100%;font-size:10px}.chapters{display:flex;gap:6px;margin-top:14px}.chapters button{flex:1;background:#203d2e;color:#d1dfbd;border:1px solid #9cb48850;min-height:34px;font-size:10px;letter-spacing:0}.chapters button[aria-pressed=true]{border-color:#ffcf73;color:#ffdc8b}.chapters button:disabled{opacity:.5}.menu-note{font-size:8px!important;color:#90a388!important;margin:12px 0 0!important}.console{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#1d2c24;padding:10px 16px;border-top:3px solid #101d18}.chapter-description{font:10px 'Courier New',monospace;color:#b4c5a5;letter-spacing:.4px}.tools{display:flex;gap:5px;align-items:center}.tools button{background:transparent;border:1px solid #80977644;border-radius:2px;color:#c4d2b7;padding:7px 10px;min-height:32px;font-size:9px;white-space:nowrap}.tools button:hover:not(:disabled){color:#ffdc8b;border-color:#ffdc8b}.tools #fullscreen{font-size:20px;padding:2px 9px}.toast{position:absolute;top:11px;left:50%;transform:translateX(-50%);max-width:93%;padding:6px 12px;background:#162a24ec;border:1px solid #ead291a8;color:#ffe5a1;z-index:1;font:700 11px 'Courier New',monospace;text-align:center;white-space:normal}.instructions{display:flex;align-items:center;gap:24px;padding:24px 0 23px}.instructions>div{display:flex;gap:4px;align-items:center}.instructions span{font-size:9px;color:#9aac94;line-height:1.5;margin-left:5px;white-space:nowrap}.instructions b{display:block;color:#dce1bb;font-size:9px;letter-spacing:1px}kbd{font:700 11px 'Courier New',monospace;border:1px solid #93a57b4d;border-bottom:3px solid #93a57b3b;border-radius:3px;padding:6px 7px;color:#e4d9ad;white-space:nowrap}.instructions>p{font-size:10px;line-height:1.65;color:#a2b399;margin:0 0 0 auto;max-width:144px}footer{border-top:1px solid #bec99320;padding:18px 0 25px;display:flex;justify-content:space-between;gap:20px;font:8px 'Courier New',monospace;color:#849981;letter-spacing:.6px}.touch-controls{display:none;padding:12px;align-items:center;justify-content:space-between;gap:8px;background:#17251f;user-select:none}.touch-controls>div{display:flex;gap:10px}.touch-controls>span{font:900 18px 'Courier New',monospace;color:#73876950}.touch-controls button{width:56px;height:52px;background:#293d2c;border:1px solid #728163;border-bottom:4px solid #101b16;color:#eee3b2;touch-action:none;border-radius:5px;font-size:15px}.touch-controls .attack{background:#684d36;border-color:#af8250;font-size:12px}.touch-controls .jump{background:#b48d4b;border-color:#dfb365;color:#1b2c22;font-size:11px}.touch-controls button.pressed{transform:translateY(2px);border-bottom-width:2px;filter:brightness(1.3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cabinet:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;background:#0a1711;border-radius:0}.cabinet:fullscreen .stage{width:min(100%,calc((100dvh - 118px)*16/9));margin:auto;flex:none}.cabinet:fullscreen .hud,.cabinet:fullscreen .console{flex-shrink:0}.cabinet:fullscreen .touch-controls{flex-shrink:0}
@media(pointer:coarse),(max-width:700px){.touch-controls{display:flex}.instructions{gap:14px;flex-wrap:wrap}.instructions>p{max-width:100%;margin:0}.cabinet:fullscreen .stage{width:min(100%,calc((100dvh - 190px)*16/9))}}
@media(max-width:700px){.shell{padding:0 14px}.top{padding:17px 0}.heading{padding:24px 0 19px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:41px}h1 span{font-size:13px;display:block;margin:8px 0 0;letter-spacing:0}.tagline{font-size:11px}.hud{gap:16px;padding:10px 12px}.hud-label{font-size:8px;letter-spacing:.5px}.hud output{font-size:15px}.hud #health{letter-spacing:1px}.hud .chapter-hud{display:none}.hud>div:last-of-type{margin-left:auto}.stage:has(.overlay:not([hidden])){min-height:345px}.menu{padding:19px 20px 14px;width:320px}.menu h2{font-size:29px}.chapter-description{font-size:8px;max-width:120px}.console{padding:8px}.tools button{padding:6px 7px;letter-spacing:0}.instructions{padding:20px 0;gap:16px}.instructions span{font-size:8px}.instructions b{font-size:8px}footer{font-size:7px;line-height:1.8;gap:20px}.touch-controls>span{display:none}.back span{display:none}.edition{font-size:9px}.touch-controls>div{gap:8px}.touch-controls button{width:52px}canvas{object-fit:contain}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.scanlines{display:none}}