: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}}