@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#09111b;--paper:#edf5ec;--muted:#96aab0;--acid:#bce657;--coral:#f86f65;--cyan:#7de4d5}
*{box-sizing:border-box}html{background:#070d15}body{margin:0;color:var(--paper);background:radial-gradient(ellipse 90% 35% at 50% 19%,#26343d 0%,#0e1922 65%,#070d15 100%);min-height:100svh;font-family:'Chakra Petch',sans-serif}.shell{max-width:1100px;margin:auto;padding:25px 27px 22px}.topline,.machine-bar,.machine-foot,footer{display:flex;justify-content:space-between;align-items:center}.topline{padding:0 0 16px;border-bottom:1px solid #30434a;color:#a6b9b9;font:700 10px 'Space Mono',monospace;letter-spacing:.14em}.signal,.machine-bar i{display:inline-block;width:7px;height:7px;background:var(--coral);box-shadow:0 0 9px #f86f65a0;margin-right:9px}.intro{display:flex;justify-content:space-between;align-items:end;padding:30px 0 26px}.overline{font:700 10px 'Space Mono',monospace;color:var(--acid);letter-spacing:.15em}.overline span{color:var(--coral);padding:0 12px}h1{font:700 clamp(37px,6.5vw,79px)/1.15 'Press Start 2P',monospace;letter-spacing:-.08em;margin:17px 0 13px;color:#f7e6a8;text-shadow:5px 5px #a95f45,9px 9px #151d22}h1 em{font-style:normal;color:var(--acid);text-shadow:5px 5px #607351,9px 9px #151d22}.title-dot{color:var(--coral)}.intro p{margin:0;color:#aebec0;letter-spacing:.02em;font-size:15px}.side-mark{font:700 10px/2 'Space Mono',monospace;text-align:right;color:#879a9f;letter-spacing:.13em;flex-shrink:0;padding-bottom:3px}.machine{border:1px solid #50716f;background:#0b151e;box-shadow:0 0 0 5px #0b151e,0 0 0 6px #31484b,0 30px 70px #0008}.machine-bar,.machine-foot{height:31px;padding:0 13px;color:#a1b5b7;font:700 9px 'Space Mono',monospace;letter-spacing:.1em}.machine-bar{border-bottom:1px solid #35515a}.machine-foot{border-top:1px solid #35515a;color:#6d898d}.screen-wrap{position:relative;background:#79bac6;overflow:hidden}.screen-wrap canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:none}.screen-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0a172016 4px)}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(90deg,#0a1420ea 0%,#0a1420c7 55%,#0a14203b 100%)}.overlay.hidden{display:none}.panel{width:min(520px,77%);margin-left:-18%;padding:24px 28px;background:#0a1922ed;border-left:4px solid var(--acid);box-shadow:13px 13px #06111988}.panel-id{font:700 10px 'Space Mono',monospace;letter-spacing:.1em;color:var(--acid)}.panel h2{font:700 clamp(22px,3vw,38px)/1.2 'Press Start 2P',monospace;letter-spacing:-.06em;margin:16px 0;color:#fff1bc;text-shadow:3px 3px #8b614d}.panel p{font-size:16px;line-height:1.42;color:#c5d4d2;max-width:450px;margin:0 0 18px}.panel button{background:var(--acid);border:0;padding:12px 17px;color:#142017;cursor:pointer;font:700 12px 'Space Mono',monospace;letter-spacing:.04em}.panel button:hover,.panel button:focus-visible{background:#e9ff9f;outline:2px solid white;outline-offset:2px}.panel button span{padding-left:20px}.panel small{display:block;margin-top:15px;color:#82999d;font:9px 'Space Mono',monospace}.puzzle-panel{margin-left:0;width:min(395px,85%)}.puzzle-panel h2{font-size:24px}.code-display{font:700 25px 'Press Start 2P',monospace;letter-spacing:.25em;color:var(--acid);margin:10px 0}.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.num-grid button{padding:10px}.panel .secondary{background:transparent;color:#dce9dc;border:1px solid #5d7777}.under{display:flex;gap:48px;margin:35px 0 40px}.under section{width:50%;border-top:1px solid #476064;padding-top:10px}.under h3{margin:0;color:var(--acid);font:700 10px 'Space Mono',monospace;letter-spacing:.16em}.under p{font-size:15px;color:#9db1b4;line-height:1.6;max-width:435px}.under strong{color:#eff5ed}.keys{display:flex;gap:12px 17px;flex-wrap:wrap;margin-top:17px}.keys span{font:700 10px 'Space Mono',monospace;color:#99adb0;white-space:nowrap}.keys kbd{font:700 10px 'Space Mono',monospace;border:1px solid #668081;padding:4px 6px;color:#e2eeea;margin-right:4px}.mobile-controls{display:none}footer{border-top:1px solid #30434a;padding-top:16px;color:#7f9a9f;font:700 9px 'Space Mono',monospace;letter-spacing:.11em}footer b{color:var(--acid)}
@media(max-width:760px){.shell{padding:16px 12px}.topline{font-size:8px}.topline span:last-child{display:none}.intro{padding:22px 0 21px}h1{font-size:clamp(28px,7.2vw,50px);text-shadow:3px 3px #a95f45,5px 5px #151d22}h1 em{text-shadow:3px 3px #607351,5px 5px #151d22}.overline{font-size:8px}.intro p{font-size:11px}.side-mark{font-size:8px}.machine-bar,.machine-foot{height:25px;font-size:7px}.machine-foot span:last-child{display:none}.panel{width:83%;margin-left:0;padding:10px 13px;max-height:96%;overflow:auto}.panel-id{font-size:7px}.panel h2{font-size:clamp(17px,4.1vw,26px);margin:9px 0}.panel p{font-size:11px;line-height:1.35;margin-bottom:10px}.panel button{padding:8px;font-size:9px}.panel small{margin-top:8px;font-size:7px}.puzzle-panel h2{font-size:17px}.code-display{font-size:16px}.num-grid button{padding:7px}.under{display:block;margin:26px 0}.under section{width:100%;margin:0 0 23px}.mobile-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0;touch-action:none}.joystick{position:relative;flex:0 0 108px;height:108px;border:2px solid #6e9693;background:#1c3437;border-radius:50%;touch-action:none}.stick{width:44px;height:44px;position:absolute;left:30px;top:30px;background:#bce657a1;border:2px solid var(--acid);border-radius:50%;box-shadow:0 0 18px #bce65755}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1}.action-buttons button{min-height:45px;background:#224045;color:#e5f4e6;border:1px solid #74918b;font:700 8px 'Space Mono',monospace;touch-action:none}.action-buttons button:active{background:var(--acid);color:#0b181a}}@media(max-width:400px){.joystick{flex-basis:88px;height:88px}.stick{left:20px;top:20px}.action-buttons button{min-height:40px;font-size:7px}.machine-bar span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.under .combat-tip{font-size:12px;line-height:1.6;color:#c4d5b1;margin:17px 0 0}.screen-wrap{background:#090f20}

.dossier-panel{width:min(690px,90%);max-height:92%;margin:0;display:flex;flex-direction:column;padding:20px 26px;border-color:#d8b282;overflow:hidden}.dossier-panel .panel-id{color:#d8b282;flex-shrink:0}.dossier-panel h2{font-size:clamp(16px,2.1vw,26px);line-height:1.4;margin:13px 0}.dossier-panel .dossier-copy{white-space:pre-line;overflow-y:auto;max-width:none;min-height:0;font-family:'Space Mono',monospace;font-size:13px;line-height:1.6;color:#d0d8d7;padding-right:8px;margin-bottom:16px;overscroll-behavior:contain}.dossier-panel button{align-self:flex-start;flex-shrink:0;min-height:42px;background:#d9ba85}.dossier-panel small{flex-shrink:0}@media(max-width:760px){.dossier-panel{padding:11px 14px;max-height:94%}.dossier-panel h2{font-size:13px;margin:7px 0}.dossier-panel .dossier-copy{font-size:10px;line-height:1.55;margin-bottom:9px}.dossier-panel button{min-height:34px;font-size:8px}.dossier-panel small{font-size:6px;margin-top:6px}}

.field-guide{border-top:1px solid #476064;margin:0 0 27px;padding-top:14px}.field-guide h3{font:700 10px 'Space Mono',monospace;letter-spacing:.15em;color:var(--acid);margin:0 0 10px}.field-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.field-guide p{font-size:13px;color:#aebfc0;line-height:1.6}.field-guide strong{font:700 10px 'Space Mono',monospace;color:#d4c1df}.field-guide .ride-note{color:#a8d6cd;border-left:2px solid #5a9f9e;padding-left:12px}.action-buttons button[data-action="ride"],.action-buttons button[data-action="weapon"]{border-color:#9ad4be;color:#bfe9d4}@media(max-width:760px){.field-guide>div{grid-template-columns:1fr;gap:0}.field-guide p{margin:6px 0 13px}.mobile-controls{margin:20px 0 25px}.action-buttons button{min-height:43px}}
@media(any-pointer:coarse) and (min-width:761px){.mobile-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:20px 0;touch-action:none}.joystick{position:relative;flex:0 0 104px;height:104px;border:2px solid #6e9693;border-radius:50%;background:#1c3437;touch-action:none}.stick{width:40px;height:40px;position:absolute;left:30px;top:30px;background:#bce657a1;border:2px solid var(--acid);border-radius:50%}.action-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.action-buttons button{min-height:44px;min-width:70px;background:#224045;color:#e5f4e6;border:1px solid #74918b;font:700 9px 'Space Mono',monospace;touch-action:none}}

#overlay .panel{max-height:94%;overflow-y:auto}.difficulty-row{display:flex;align-items:center;gap:12px;margin:0 0 7px}.difficulty-row label{font:700 10px 'Space Mono',monospace;color:#cbe995}.difficulty-row select{min-width:0;flex:1;min-height:36px;border:1px solid #749b8d;background:#162c32;color:#eff5da;padding:6px 8px;font:700 12px 'Space Mono',monospace;cursor:pointer}.difficulty-row select:focus-visible{outline:2px solid #bce657;outline-offset:2px}.difficulty-row select:disabled{opacity:.65;cursor:default}.panel .difficulty-hint{font-size:11px;line-height:1.4;color:#b9cbbd;margin:0 0 12px}#new-case{margin-left:8px}#new-case.hidden{display:none}@media(max-width:760px){.difficulty-row{gap:8px;margin-bottom:5px}.difficulty-row label{font-size:7px}.difficulty-row select{font-size:9px;min-height:30px;padding:4px}.panel .difficulty-hint{font-size:9px;margin-bottom:8px}#overlay .panel h2{font-size:17px;margin:6px 0}#overlay .panel>p:not(.difficulty-hint){font-size:10px;line-height:1.3;margin-bottom:8px}#new-case{margin-left:5px}}
/* Arcade expansion: campaign, touch layout and focused play. */
.hidden{display:none!important}button,select{font:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.machine-actions{display:flex;gap:12px;align-items:center}.machine-actions button{border:0;background:transparent;color:#b9d0c8;padding:6px 0;font:700 9px 'Space Mono',monospace;cursor:pointer}.machine-actions button:hover{color:var(--acid)}.machine-foot{height:auto;min-height:36px}.machine-foot .machine-actions{display:flex}.machine-actions kbd{font:inherit;color:var(--acid)}.quick-tip{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;color:#bdc9c2;font:9px 'Space Mono',monospace;letter-spacing:.025em}.quick-tip kbd{font:inherit;color:var(--paper)}.tip-accent{margin-left:auto;color:var(--acid)}.campaign{margin:31px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:30px;margin:7px 0 0;letter-spacing:-.04em}.new-badge{border:1px solid #5d734d;padding:8px 10px;color:var(--acid);font:9px 'Space Mono',monospace}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chapter-card{position:relative;background:#101e28;border:1px solid #354b52;overflow:hidden;padding:14px}.chapter-number{font:9px 'Space Mono',monospace;color:var(--accent)}.chapter-card h3{font-size:18px;margin:13px 0 5px;color:#f1e4bd;letter-spacing:-.03em}.chapter-card p{font-size:13px;line-height:1.5;color:#a6b9b8;min-height:59px;margin:0 0 15px}.chapter-card button{border:0;border-top:1px solid #385052;background:transparent;color:var(--accent);font:8px 'Space Mono',monospace;padding:12px 0 0;cursor:pointer;width:100%;text-align:left}.chapter-card button:hover{color:white}.docks{--accent:#8dd5dc}.train{--accent:#e4ad79}.jungle{--accent:#b3d887}.tower{--accent:#d5a1cf}.chapter-art{height:94px;position:relative;margin:13px -14px 0;overflow:hidden;background:linear-gradient(#142b38,#365865 74%,#183b4c 75%);image-rendering:pixelated}.chapter-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#08111c20 3px 4px)}.chapter-art i{position:absolute;bottom:9px;left:9%;width:28%;height:28px;background:#407179;border:3px solid #6d9591;box-shadow:3px 4px #081721}.chapter-art i:nth-child(2){left:43%;bottom:9px;height:39px;background:#656750;border-color:#a6976d}.chapter-art i:nth-child(3){left:49%;bottom:48px;width:4px;height:38px;border:0;background:#779a96;box-shadow:15px -3px 0 0 #779a96}.train .chapter-art{background:linear-gradient(#443540,#a77257 79%,#302a30 80%)}.train .chapter-art i{height:35px;width:36%;left:4%;background:#65504e;border-color:#b9a189;bottom:15px;box-shadow:7px 9px #263038}.train .chapter-art i:nth-child(2){left:46%;height:43px}.train .chapter-art i:nth-child(3){left:92%;width:20%;height:35px}.jungle .chapter-art{background:linear-gradient(#274b45,#152b2c)}.jungle .chapter-art i{height:66px;width:9px;background:#386644;border:0;box-shadow:-12px -3px 0 9px #457b50,12px -13px 0 9px #457b50;left:20%}.jungle .chapter-art i:nth-child(2){left:53%;height:44px;background:#386644}.jungle .chapter-art i:nth-child(3){left:86%;height:72px;background:#386644}.tower .chapter-art{background:linear-gradient(#242236,#5e445f)}.tower .chapter-art i{height:33px;background:#39324d;border-color:#8d739a}.tower .chapter-art i:nth-child(2){height:69px;background:#484258;border-color:#b68eae;left:42%}.tower .chapter-art i:nth-child(3){left:80%;height:49px;width:21%;background:#39324d;border:3px solid #8d739a}.panel button{margin-top:4px}.pause-panel{margin-left:0}.pause-panel .secondary{margin-left:8px}#continue{margin-left:8px}.difficulty-row label{flex:0 0 83px}.screen-wrap{isolation:isolate}.screen-wrap:after{z-index:1}.overlay{z-index:3}.panel{width:min(560px,85%);margin-left:-14%;padding:20px 25px}.panel h2{font-size:clamp(23px,3vw,36px)}.panel p{font-size:15px}.machine:fullscreen{background:#071018;display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;padding:5px;width:100%;height:100%}.machine:fullscreen .screen-wrap{width:min(100%,calc((100dvh - 76px) * 4 / 3));flex-shrink:1;min-height:0}.machine:fullscreen .machine-bar,.machine:fullscreen .machine-foot{width:100%;max-width:1100px;flex-shrink:0}.machine:fullscreen .mobile-controls{width:min(100%,700px)}
@media(max-width:760px){.panel{margin-left:0;padding:11px 14px;width:90%}.panel p{font-size:11px}.difficulty-row label{flex-basis:70px}.quick-tip{gap:10px;font-size:8px;padding:17px 0}.tip-accent{margin-left:0;flex-basis:100%}.section-heading h2{font-size:26px}.new-badge{font-size:7px;padding:7px}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chapter-card{padding:11px}.chapter-card h3{font-size:16px}.chapter-card p{font-size:11px;min-height:50px}.chapter-card button{font-size:7px}.chapter-art{margin-left:-11px;margin-right:-11px}.chapter-number{font-size:8px}.campaign{margin-top:16px}.machine-foot>span{display:none}.machine-foot .machine-actions{width:100%;justify-content:space-between;gap:8px}.machine-actions button{font-size:8px;min-height:32px}.mobile-controls{padding:10px;margin:0;gap:14px;background:#0e1e27}.action-buttons{grid-template-columns:repeat(3,1fr)}.action-buttons button{min-height:38px;font-size:8px}.action-buttons .primary-action{min-height:54px;background:#bce657;color:#142017;border-color:#d4ee98;font-size:10px}.action-buttons .grenade-action{background:#df8266;color:#201a16;border-color:#f1b99a;font-size:9px}.action-buttons button[data-action=reload]{grid-column:2}.joystick{flex-basis:94px;height:94px}.stick{left:23px;top:23px}.machine:fullscreen .screen-wrap{width:min(100%,calc((100dvh - 300px) * 4 / 3))}.machine:fullscreen .mobile-controls{flex-shrink:0}.side-mark{display:none}}
@media(any-pointer:coarse) and (min-width:761px){.mobile-controls{margin:0;padding:12px}.action-buttons .primary-action{background:#bce657;color:#142017}.action-buttons .grenade-action{background:#df8266;color:#201a16}.machine:fullscreen .screen-wrap{width:min(100%,calc((100dvh - 220px) * 4 / 3))}}
@media(max-height:520px) and (orientation:landscape) and (any-pointer:coarse){.machine:fullscreen{position:relative;padding:0 140px 0 120px}.machine:fullscreen .screen-wrap{width:min(100%,calc((100dvh - 68px) * 4 / 3))}.machine:fullscreen .mobile-controls{position:absolute;inset:0;pointer-events:none;background:none;margin:0;padding:6px;width:100%;max-width:none;justify-content:space-between}.machine:fullscreen .joystick,.machine:fullscreen .action-buttons{pointer-events:auto}.machine:fullscreen .action-buttons{flex:0 0 128px;grid-template-columns:repeat(2,1fr)}.machine:fullscreen .action-buttons button{min-height:43px;min-width:0;font-size:7px}.machine:fullscreen .action-buttons button[data-action=reload]{grid-column:auto}.machine:fullscreen .joystick{flex-basis:90px;height:90px}}
@media(min-width:761px){.screen-wrap{max-width:calc((100svh - 116px) * 4 / 3);margin-inline:auto}.machine:fullscreen .screen-wrap{max-width:none}}
@media(max-width:760px){.screen-wrap:has(#overlay:not(.hidden)){min-height:440px}.machine:has(#overlay:not(.hidden)) .mobile-controls{display:none}#overlay .panel{max-height:96%}#overlay .panel>p:not(.difficulty-hint){font-size:11px}.machine:fullscreen .screen-wrap:has(#overlay:not(.hidden)){min-height:0;min-width:min(100%,500px)}.machine:fullscreen:has(#overlay:not(.hidden)) .screen-wrap{width:min(100%,calc((100dvh - 76px) * 4 / 3))}}
@media(max-height:520px) and (orientation:landscape){.screen-wrap:has(#overlay:not(.hidden)){min-height:0}.machine:fullscreen:has(#overlay:not(.hidden)){padding:0}}
@media(max-width:760px){#overlay .panel button{min-height:40px}.difficulty-row select{min-height:34px}}
/* Illustrated arcade edition. */
/* Keep the graphics switch within reach on narrow screens. */
.screen-wrap .depth-canvas{position:absolute;inset:0 auto auto 0;width:100%;height:auto;pointer-events:none}.screen-wrap #game{position:relative}
.machine-foot .machine-actions{flex-wrap:wrap}.machine-actions #graphics-button{color:#d8c58d;min-width:58px}.machine-actions #graphics-button[aria-pressed=true]{color:#a4dccb}@media(max-width:420px){.machine-foot .machine-actions{gap:3px}.machine-actions button{font-size:7px}.machine-actions #graphics-button{min-width:49px}}
.screen-wrap:after{background:none}.chapter-art{background-image:url('./assets/environment-atlas.png')!important;background-size:200% 400%!important;background-repeat:no-repeat!important;height:123px;image-rendering:pixelated}.chapter-art i{display:none}.docks .chapter-art{background-position:0 66.6667%}.train .chapter-art{background-position:100% 66.6667%}.jungle .chapter-art{background-position:0 100%}.tower .chapter-art{background-position:100% 100%}.chapter-art:after{background:linear-gradient(transparent 72%,#09111b80)}.machine{border-color:#998767;box-shadow:0 0 0 5px #0b151e,0 0 0 6px #4c514a,0 30px 70px #0008}.machine-bar{border-color:#746b53}.machine-foot{border-color:#746b53}.panel{border-color:#dfc481}.panel-id{color:#dfc481}.screen-wrap{background:#18231f}.screen-wrap canvas{image-rendering:pixelated}.quick-tip .tip-accent{color:#d2b988}@media(max-width:760px){.chapter-art{height:103px}}