:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#111722;color:#f5ead7;--orange:#ffb368;--green:#79f4d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#30353e,#111722 65%);min-height:100svh}main{max-width:1080px;margin:auto;padding:20px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--orange);margin:0 0 6px}h1{margin:0;font-size:clamp(22px,4vw,36px);font-weight:900;letter-spacing:-1px}h1 span{color:var(--orange)}.menu{display:flex;gap:8px}button{border:1px solid #455061;background:#263140;color:#f5ead7;border-radius:10px;min-height:46px;padding:10px 15px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:focus-visible,canvas:focus-visible{outline:3px solid var(--green);outline-offset:2px}button:disabled{opacity:.4}button.held{background:#45604f;border-color:var(--green)}.hud{display:grid;grid-template-columns:1.3fr .6fr .8fr 1fr;background:#1c2634;border:1px solid #384453;border-radius:12px;padding:10px 14px;gap:10px;margin-bottom:12px;font-size:9px;letter-spacing:1.3px;color:#9aa9b8}.hud strong{display:block;color:#f5ead7;letter-spacing:.5px;font-size:15px;margin-top:3px}.hud div:first-child strong{color:var(--orange)}.viewport{position:relative;overflow:hidden;border:1px solid #56606b;border-radius:14px;box-shadow:0 16px 45px #0005;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{display:block;width:100%;aspect-ratio:16/9;background:#c78169;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:linear-gradient(90deg,#111722ea,#111722af)}.overlay>div{max-width:430px}h2{font-size:clamp(23px,4vw,44px);line-height:1.08;letter-spacing:-1.3px;margin:12px 0}.overlay p{font-size:14px;line-height:1.5}.overlay p.eyebrow{font-size:10px}.primary{background:var(--orange);color:#30251b;border:0;padding:13px 24px}.small{font-size:11px!important;color:#bcc4c8;margin-bottom:0}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.movement,.actions{display:flex;gap:8px}.controls button{touch-action:none;min-width:65px;min-height:58px;font-size:15px}.movement button{font-size:23px}.actions #fire{background:#a8553c;border-color:#cf805b}.actions #jump{background:#32544e;border-color:#648c7b}.help{text-align:center;font-size:12px;line-height:1.7;color:#d2d5d0;margin:12px 0 6px}.help span{font-size:10px;color:#97a7b8}footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#97a7b8}footer button{font-size:10px;min-height:32px;padding:6px 10px}.boss{position:absolute;left:25%;right:25%;top:12px;text-align:center;font-size:9px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 2px #000}.boss progress{display:block;width:100%;height:10px;accent-color:#e76058;margin-top:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:500px){main{padding-top:14px}.menu{gap:4px}.menu button{font-size:10px;padding:8px}.hud{padding:8px;gap:4px}.hud strong{font-size:12px}.controls{gap:6px}.controls button{min-width:50px;padding:10px;min-height:58px}.movement,.actions{gap:5px}.overlay{padding:10px}h2{font-size:24px;margin:6px 0}.overlay p{font-size:11px;margin:6px 0}.overlay .small{display:none}.primary{min-height:38px;padding:8px 18px}.help{font-size:10px}}
.viewport{width:min(100%,calc((100svh - 340px)*16/9));margin-inline:auto}
@media(orientation:landscape) and (max-height:550px){main{max-width:920px;padding-top:8px}header{margin-bottom:6px}h1{font-size:23px}.eyebrow{display:none}.hud{margin-bottom:6px;padding:5px 12px}.hud strong{font-size:12px}.viewport{width:min(100%,calc((100svh - 172px)*16/9));margin:auto}.controls{margin-top:7px}.controls button{min-height:44px}.help{margin:5px 0}.help span{display:none}footer{font-size:9px}footer button{min-height:28px}}
.exit{display:none}.rotate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;text-align:center;padding:28px;background:#101823f5}.rotate p{line-height:1.6;color:#c0c8c9}.rotate-icon{display:block;font-size:80px;color:var(--orange)}body.mission{overflow:hidden;background:#10151b}body.mission main{position:fixed;inset:0;padding:0;max-width:none}body.mission .viewport{position:absolute;inset:0;width:100%;height:100%;max-width:none;border:0;border-radius:0;margin:0;box-shadow:none}body.mission canvas{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}body.mission header{position:fixed;z-index:10;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));margin:0}body.mission header>div:first-child{display:none}body.mission .exit{display:block}body.mission .menu button{min-height:38px;background:#18252bcc;backdrop-filter:blur(8px);font-size:11px;padding:8px 12px}body.mission .hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:10;width:min(47%,420px);gap:9px;border:1px solid #ffffff20;background:#17252bbf;backdrop-filter:blur(8px);margin:0;padding:8px 12px;font-size:8px}body.mission .hud strong{font-size:12px}body.mission .controls{position:fixed;z-index:10;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));margin:0;pointer-events:none}body.mission .controls>div{pointer-events:auto}body.mission .controls button{min-height:64px;min-width:72px;border-radius:18px;background:#1e3039aa;border:1px solid #ffffff50;backdrop-filter:blur(8px)}body.mission .controls #fire{background:#9e493ad0;min-width:82px}body.mission .controls #jump{background:#376655d0}body.mission .controls .held{background:#6b876acc;box-shadow:0 0 20px #79f4d433}body.mission .help,body.mission footer{display:none}body.mission .overlay{z-index:5}body.mission .boss{top:64px;left:32%;right:32%}
.controls{align-items:flex-end}.thumb-pad{position:relative;width:124px;height:124px;border-radius:50%;border:1px solid #e7eee84d;background:radial-gradient(circle,#30464a77,#182a324d);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 0 24px #0003}.thumb-pad.held{border-color:#a4ddbc99}.pad-thumb{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#b2c5b588,#475e5baa);border:1px solid #dce9e480;box-shadow:0 4px 12px #0005;pointer-events:none}.thumb-pad>span{pointer-events:none}.pad-left,.pad-right,.pad-up{position:absolute;color:#e4ede2a8;font-size:24px;line-height:1}.pad-left{left:10px;top:48px}.pad-right{right:10px;top:48px}.pad-up{top:8px;left:54px;font-size:18px}.pad-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:#d0dfd280}body.mission .actions{align-items:flex-end}body.mission .controls #fire{width:82px;height:82px;border-radius:50%}body.mission .controls #up{min-width:58px;min-height:54px;border-radius:50%;font-size:11px}body.mission .thumb-pad{background:radial-gradient(circle,#30464a66,#182a3233)}