:root{--ink:#071820;--cream:#f3eddd;--coral:#ff684f;--teal:#70e4cf;--muted:#a1b5b7;color-scheme:dark;font-family:Arial Narrow,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--ink);color:var(--cream)}button,summary{cursor:pointer}button{color:inherit;font:inherit;border:0}button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,14,19,.48),transparent 24%,transparent 70%,rgba(4,14,19,.8)),radial-gradient(ellipse at center,transparent 48%,rgba(4,14,19,.4))}.brand{position:absolute;top:28px;left:36px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.05;letter-spacing:3px;z-index:3}.brand b{font-size:22px;letter-spacing:5px}.brand-mark{width:39px;color:var(--coral)}.brand-mark svg{width:100%}.brand small{margin-left:20px;font-size:9px;letter-spacing:2px;color:var(--muted);border-left:1px solid #78949355;padding-left:20px}.top-actions{position:absolute;top:29px;right:35px;display:flex;gap:14px;z-index:5}.top-actions button{min-height:34px;background:#0c242b99;border:1px solid #afdadb35;padding:8px 14px;font-size:10px;font-weight:700;letter-spacing:1.6px}.top-actions button:hover{color:var(--teal);border-color:var(--teal)}#menu{position:fixed;inset:0;display:flex;align-items:center;padding:100px 7vw 45px;background:linear-gradient(90deg,#040e13f5,#040e13de 34%,#040e1338 78%);z-index:2;overflow:auto}.menu-copy{z-index:2;width:550px;max-width:51vw}.eyebrow{display:block;color:var(--teal);letter-spacing:2.8px;font:700 10px/1.7 Segoe UI,sans-serif}h1{font:900 clamp(48px,6.8vw,104px)/.85 Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:25px 0 24px}h1 em{color:var(--coral);font-style:normal}.menu-copy>p{color:#c6d2d0;font:14px/1.8 Segoe UI,sans-serif;max-width:440px;margin:0 0 25px}.primary{width:320px;max-width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--coral);color:var(--ink);font:900 12px/1.5 Segoe UI,sans-serif;padding:19px 24px;letter-spacing:2px;transition:background .2s,transform .2s}.primary span{font-size:23px;line-height:1}.primary:hover{background:#ff9987;transform:translate(4px)}.secondary{padding:12px 0;margin-top:9px;background:transparent;color:var(--muted);font-size:11px;letter-spacing:2px}.quick-controls{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0 23px}.quick-controls span{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--muted)}kbd{font:10px/1.2 Segoe UI,sans-serif;color:var(--cream);padding:4px 5px;border:1px solid #b0c8c455;border-bottom-width:2px;border-radius:3px}details{max-width:450px}summary{list-style:none;color:var(--cream);font-size:9px;letter-spacing:2px;padding:14px 0;border-top:1px solid #77999655}summary::-webkit-details-marker{display:none}summary span{float:right;font-size:16px}.manual{max-height:220px;overflow:auto;padding:0 10px 10px 0;font:12px/1.7 Segoe UI,sans-serif;color:#bdd0d0}.manual b{color:var(--cream)}.manual label{display:block;margin:10px 0}.manual input{accent-color:var(--coral);vertical-align:middle;margin:0 8px 0 0}.menu-meta{display:flex;justify-content:space-between;max-width:450px;color:#91a7aa;margin-top:14px;font-size:8px;letter-spacing:2px}.operator-art{position:absolute;top:12%;right:8%;width:min(36vw,440px);height:83%;pointer-events:none}.operator-art img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 15%,#000 95%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 15%,#000 95%,transparent 100%);opacity:.94}.operator-label{position:absolute;bottom:6%;left:20px;border-left:3px solid var(--teal);padding-left:15px}.operator-label b{display:block;font:32px Impact,sans-serif;letter-spacing:4px}.operator-label span{color:var(--teal);font-size:8px;letter-spacing:1.8px}#result{display:flex;gap:36px;margin-bottom:26px}#result>span{font:26px Impact,sans-serif;color:var(--teal)}#result small{display:block;font:8px Segoe UI,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:7px}.status{position:absolute;top:100px;left:36px;width:215px;text-shadow:0 2px 4px var(--ink)}.callsign{font:700 13px Segoe UI,sans-serif;letter-spacing:2px}.callsign small{display:inline-block;font-size:8px;margin-left:9px;color:var(--muted);letter-spacing:1px}#health{display:flex;gap:8px;margin:14px 0 13px}#health i{width:18px;height:18px;transform:skew(-15deg);border:1px solid #86afac88;background:#081820aa}#health .filled{background:var(--coral);border-color:#ffb19f;box-shadow:0 0 12px #ff684f33}.energy-label{display:flex;justify-content:space-between;font-size:7px;font-weight:700;letter-spacing:1.5px;color:#cae2dc}.energy{height:4px;background:#406268;margin-top:6px;width:164px}.energy i{height:100%;display:block;background:var(--teal);box-shadow:0 0 8px #70e4cf55}.objective{position:absolute;right:36px;top:100px;text-align:right;text-shadow:0 2px 6px var(--ink)}.objective span{display:block;color:var(--teal);font-size:8px;letter-spacing:2px}.objective b{display:block;font:16px Impact,sans-serif;letter-spacing:1.5px;margin:7px 0}.objective small{font-size:8px;letter-spacing:1.5px;color:#c4dad7}#announcement{position:absolute;left:50%;top:24%;transform:translate(-50%);color:var(--teal);font:700 13px Segoe UI,sans-serif;letter-spacing:3px;text-shadow:0 2px 5px #00181d;white-space:nowrap}#hint{position:absolute;bottom:38px;width:100%;text-align:center;font-size:10px;letter-spacing:1.2px;color:#d7e8df;transition:opacity 1s;text-shadow:0 2px 4px var(--ink)}#hint span{padding:0 10px;color:var(--coral)}#hint.faded{opacity:0}.route{position:absolute;bottom:17px;left:36px;right:36px;height:2px;background:#769a9b55}.route>i{display:block;height:100%;background:var(--teal)}.route span{position:absolute;top:-2px;width:5px;height:6px;background:#9cb8b8}.route span:nth-child(2){left:30%}.route span:nth-child(3){left:58%}.route span:nth-child(4){left:85%}#debug{position:absolute;bottom:50px;left:36px;color:var(--teal);font:10px monospace}.touch-controls{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:18px;right:18px;justify-content:space-between;pointer-events:none;display:none;z-index:4}.touch-controls>div{display:flex;gap:7px}.touch-controls button{pointer-events:auto;touch-action:none;width:48px;height:48px;border:1px solid #b4e7e577;border-radius:50%;background:#072129b3;font-size:9px;font-weight:800;color:var(--cream);-webkit-user-select:none;user-select:none}.touch-controls button[data-action=jump],.touch-controls button[data-action=left],.touch-controls button[data-action=right]{font-size:24px}.touch-controls button[data-action=melee]{border-color:var(--coral);background:#c4433466}#loading{position:fixed;inset:0;display:grid;place-content:center;background:var(--ink);z-index:10;text-align:center;padding:30px;font-size:13px;line-height:2;letter-spacing:2px}body[data-mode=paused] #menu,body[data-mode=dead] #menu,body[data-mode=won] #menu{background:linear-gradient(90deg,#040e13f7,#040e13c7 48%,#040e1366)}@media(pointer:coarse){.touch-controls{display:flex}#hint{display:none}.route{bottom:10px}}@media(max-width:800px){.brand{left:20px;top:20px}.brand small{display:none}.top-actions{right:20px;top:20px}.status{top:84px;left:20px;width:175px}.callsign small{display:none}.objective{top:84px;right:20px}.objective b{font-size:13px}.objective small{font-size:7px}.operator-art{right:0;width:45vw;opacity:.65}.menu-copy{max-width:65vw}#menu{padding:95px 6vw 26px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:66px}.menu-copy>p{font-size:12px}.quick-controls{gap:9px}.menu-meta{font-size:7px;letter-spacing:1px}}@media(max-width:520px){.operator-art{display:none}.menu-copy{max-width:100%;width:100%}#menu{background:#040e13d9}.brand b{font-size:17px}.brand{font-size:10px;letter-spacing:2px;gap:8px}.brand-mark{width:29px}.top-actions{gap:7px}.top-actions button{font-size:8px;padding:8px}.status{top:77px}.objective{top:78px;max-width:155px}.objective b{font-size:11px}#health{gap:6px}#health i{width:15px;height:15px}.energy{width:132px}.energy-label{max-width:135px;font-size:6px}h1{font-size:74px}.quick-controls{gap:12px}.touch-controls{left:10px;right:10px}.touch-controls button{width:42px;height:42px}.touch-controls>div{gap:4px}#announcement{font-size:9px;letter-spacing:1px}.route{left:20px;right:20px}}@media(max-height:620px)and (min-width:650px){#menu{padding-top:80px;align-items:flex-start}h1{font-size:58px;margin:15px 0}.menu-copy>p{margin-bottom:15px;font-size:12px}.primary{padding:12px 20px}.quick-controls{margin:15px 0 12px}.operator-art{top:10%;height:85%}.menu-meta{display:none}summary{padding:10px 0}.status,.objective{top:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.menu-options{display:flex;gap:20px;flex-wrap:wrap}.difficulty-label{display:flex;gap:12px;align-items:center;margin:14px 0;color:var(--muted);font-size:8px;letter-spacing:1.5px}.difficulty-label select{background:#102b33;border:1px solid #668a88;color:var(--cream);padding:8px;font:10px Segoe UI,sans-serif;max-width:255px}#save-state{font-size:10px;line-height:1.6;color:var(--teal);margin-bottom:14px}#mission-list{max-height:230px;overflow:auto;padding-bottom:10px}#mission-list button{display:flex;align-items:center;gap:12px;width:100%;background:#12313b;border-left:2px solid var(--teal);padding:11px 12px;margin-bottom:5px;text-align:left}#mission-list button span{font-size:10px;color:var(--teal)}#mission-list button b{font-size:12px;font-weight:600}#mission-list button small{margin-left:auto;font-size:7px;letter-spacing:1px;color:var(--teal)}#mission-list button:disabled{opacity:.35;cursor:default;border-color:#53676d}#checkpoint-label{display:block;margin-top:12px;font-size:7px;color:#c0d8d3;letter-spacing:1px}#health{gap:6px}#health i{width:17px}#boss-hud{position:absolute;top:92px;left:50%;transform:translate(-50%);width:min(34vw,440px);text-shadow:0 2px 5px #071820}#boss-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}#boss-hud small{font-size:7px;color:var(--muted);letter-spacing:1px}.boss-health{height:5px;background:#3e4149;margin:9px 0}.boss-health i{display:block;height:100%;background:var(--coral)}#boss-tell{font-size:8px;letter-spacing:1.4px;color:var(--gold,#f2cb79)}#boss-hud[data-phase=recover] #boss-tell{color:var(--teal)}.manual input[type=range]{display:inline-block;width:60%;vertical-align:middle;float:right}.operator-art{opacity:.8}.menu-copy{padding-top:12px}#menu{align-items:flex-start;padding-top:125px}.menu-copy>p{max-width:480px}h1{font-size:clamp(48px,6vw,90px)}@media(max-width:800px){#menu{padding-top:95px}#boss-hud{width:29vw;top:85px}#boss-hud>div:first-child{font-size:9px;letter-spacing:1px}#boss-tell{font-size:7px;letter-spacing:.5px}#health i{width:13px;height:15px}#health{gap:4px}}@media(max-width:520px){#boss-hud{top:170px;width:75vw}#announcement{top:29%}#menu{padding-top:95px}h1{font-size:68px}#save-state{font-size:9px}.quick-controls{margin-top:15px}#health i{width:11px;height:13px}#health{gap:3px}.status{max-width:175px}.objective{max-width:155px}}@media(max-height:620px)and (min-width:650px){#menu{padding-top:80px}.menu-copy{padding-top:0}h1{font-size:52px}.operator-art{height:85%}.quick-controls{margin:12px 0}.menu-copy>p{margin-bottom:12px}.difficulty-label{margin:8px 0}}