:root{--ink:#0a1112;--paper:#f0ede2;--muted:#82928c;--line:#2d3c36;--accent:#f4c77d;--mint:#a6c5a7;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;padding:22px 32px 18px;min-height:100svh;background:radial-gradient(ellipse at 50% -30%,#25332b,transparent 68%),var(--ink)}main{max-width:1600px;margin:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.masthead{height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:17px}.identity{font-size:26px;font-weight:900;letter-spacing:7px;display:flex;align-items:center;gap:23px}.identity-mark{color:var(--accent);font-weight:300;font-size:30px;letter-spacing:0}.identity-sub{font-size:10px;letter-spacing:2.7px;font-weight:500;color:#b6c3b6}.edition{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;gap:8px;align-items:center}.edition i{height:5px;width:5px;border-radius:100%;background:var(--mint)}
#stage{position:relative;aspect-ratio:16/9;background:#122522;isolation:isolate;overflow:hidden;box-shadow:0 22px 80px #0005;container-type:inline-size}canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}.stage-tools{position:absolute;right:22px;top:76px;display:flex;gap:5px;z-index:5}.stage-tools button{border:1px solid #c3d1b72c;background:#0a1519a8;backdrop-filter:blur(8px);border-radius:3px;width:34px;height:32px;display:grid;place-items:center}.stage-tools button:hover{background:#42513b}.stage-tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-off{display:none!important}#sound[aria-pressed=false] .sound-off{display:block!important}#sound[aria-pressed=false] .sound-on{display:none!important}
#loading{position:absolute;inset:0;z-index:9;background:#101d1a;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-mark{font-size:65px;font-weight:900;letter-spacing:-6px}.loading-mark span{font-weight:100;color:var(--accent);margin-left:4px}#loading p{font-size:10px;letter-spacing:3px;margin:24px 0 18px}.loading-track{width:160px;height:2px;background:#475147;overflow:hidden}#loading-progress{width:0;height:100%;background:var(--accent);transition:width .2s}#reload{margin-top:20px;border:1px solid var(--muted);padding:12px 24px;background:transparent;font-size:11px;letter-spacing:2px}
#overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;background:linear-gradient(90deg,#091617ed 0%,#091617a8 40%,#09161735 80%);overflow:hidden}.overlay-content{position:relative;z-index:1;padding:5% 7%;max-width:760px}#overlay-kicker{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:700;margin:0 0 18px}h1{font-size:clamp(35px,6.1cqw,86px);font-weight:900;line-height:.98;letter-spacing:-2px;margin:0 0 22px}#overlay-detail{font-size:clamp(12px,1.25cqw,17px);line-height:1.7;color:#c3cfc1;margin:0 0 18px;max-width:550px}#start-controls{display:flex;gap:20px;margin:22px 0 28px;font-size:9px;letter-spacing:1px;color:#9ead9f}#start-controls>span{display:flex;align-items:center;gap:4px}kbd{font-family:inherit;font-size:9px;border:1px solid #7a8f7555;min-width:19px;height:21px;border-radius:3px;padding:4px 5px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;color:#d8e1ce;background:#a8b99b08}.primary{background:var(--accent);color:#15231e;border:0;min-width:212px;padding:18px 22px;display:inline-flex;justify-content:space-between;gap:45px;align-items:center;font-weight:800;font-size:12px;letter-spacing:2px;border-radius:2px;box-shadow:0 0 36px #f4c77d11;transition:background .15s,transform .15s}.primary:hover{background:#ffe0aa;transform:translateY(-1px)}.primary span{font-size:20px;font-weight:400;line-height:.5}.text-button{background:transparent;border:0;padding:0;color:var(--muted);font-size:9px;letter-spacing:1.2px}.text-button:hover,footer a:hover{color:var(--paper)}#new-run{margin-left:18px}#overlay-note{color:#899c8c;font-size:10px;letter-spacing:1px;margin:18px 0 0}.overlay-number{position:absolute;bottom:-.18em;right:-.03em;font-size:38cqw;line-height:1;font-weight:900;letter-spacing:-.1em;color:#dbe6c408;pointer-events:none}
footer{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.controls-summary{display:flex;gap:20px;flex-wrap:wrap}.controls-summary>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;color:var(--muted)}.footer-right{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1px;white-space:nowrap;color:var(--muted)}#best-run{color:var(--accent);font-size:9px}.mission-line{margin:16px 0 0;font-size:9px;letter-spacing:2.6px;color:#8a9d8d}.mission-line span{color:var(--accent);margin-left:10px}#notice{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);max-width:80%;background:#102223ec;color:#f5dcaf;padding:12px 18px;text-align:center;font-size:12px;z-index:10;box-shadow:0 4px 20px #0004}.mobile-summary{display:none;color:var(--muted);font-size:10px}
#touch-controls{position:absolute;left:16px;right:16px;bottom:16px;display:none;justify-content:space-between;pointer-events:none;z-index:3}.touch-move,.touch-actions{display:flex;gap:10px;align-items:center}#touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #d3dcc777;border-radius:100%;height:58px;width:58px;background:#122720b8;backdrop-filter:blur(4px);color:#f9efcd;font-size:23px}#touch-controls .jump,#touch-controls .fire{font-size:10px;font-weight:700;letter-spacing:1px}#touch-controls .fire{background:#bc87459c;border-color:#ffe0a9;width:67px;height:67px}#touch-controls .aim{width:36px;height:36px;font-size:20px}#touch-controls button.active{background:#edc183d9;color:#13211e;transform:scale(.96)}body[data-overlay=true] #touch-controls{visibility:hidden}.noscript{position:absolute;inset:0;background:#14261b;display:grid;place-items:center;z-index:11}
#stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#060e0e}#stage:fullscreen canvas{width:100%;height:100%;object-fit:contain}#stage:fullscreen .stage-tools{top:15px;right:15px}.credits-page{max-width:850px;padding-bottom:40px}.credits-page h1{font-size:48px;line-height:1.1;margin-top:45px}.credits-page h2{font-size:19px;margin-top:32px}.credits-page p,.credits-page li{font-size:14px;line-height:1.8;color:#bdc9bc}.credits-page a:not(.identity){color:var(--accent)}
@media(pointer:coarse){#touch-controls{display:flex}.controls-summary,#start-controls{display:none}.mobile-summary{display:block}#overlay-note{font-size:9px}.stage-tools{top:13px;right:14px}#overlay .overlay-content{max-width:75%}}
@media(max-width:900px){body{padding:12px}.masthead{height:46px;margin-bottom:12px}.identity{font-size:21px;gap:14px;letter-spacing:4px}.identity-sub{font-size:9px;letter-spacing:1.5px}.identity-mark{font-size:24px}.controls-summary{gap:10px}.footer-right{gap:12px}.stage-tools{top:66px;right:16px}footer{gap:10px}.mission-line{font-size:8px;letter-spacing:1.5px}}
@media(max-width:600px){body{padding:8px}.edition{font-size:7px;letter-spacing:1px}.identity{font-size:20px}.identity-sub{font-size:8px}.masthead{margin-bottom:8px}footer{min-height:56px;flex-wrap:wrap;padding:11px 0}.controls-summary{gap:6px}.controls-summary>span{font-size:7px}kbd{font-size:8px;min-width:16px;height:18px}.mission-line{line-height:1.8}.mission-line span{margin-left:5px}.overlay-content{padding:6% 6%}h1{font-size:8cqw;line-height:.98;margin-bottom:11px;letter-spacing:-.8px}#overlay-kicker{font-size:7px;letter-spacing:2px;margin-bottom:9px}#overlay-detail{font-size:10px;line-height:1.4;margin-bottom:10px}#start-controls{margin:9px 0 14px;gap:10px;font-size:7px}.primary{font-size:9px;padding:11px 15px;min-width:150px;letter-spacing:1px}#overlay-note{font-size:7px;margin-top:8px}#new-run{font-size:8px}#overlay .overlay-content{max-width:90%}.stage-tools{top:46px;right:9px;gap:3px}.stage-tools button{height:26px;width:28px}.stage-tools svg{width:14px}#touch-controls{bottom:8px;left:8px;right:8px}.touch-move,.touch-actions{gap:6px}#touch-controls button{width:39px;height:39px;font-size:19px}#touch-controls .fire{width:48px;height:48px}#touch-controls .jump,#touch-controls .fire{font-size:8px}#touch-controls .aim{width:28px;height:28px;font-size:16px}.footer-right{width:100%;justify-content:flex-end}.footer-right #best-run{margin-right:auto}.credits-page h1{font-size:34px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:560px){body{padding:0}.masthead,footer,.mission-line{display:none}main{max-width:none}#stage{height:100svh;width:100%;aspect-ratio:auto}canvas{object-fit:contain}.stage-tools{top:12px;right:14px}#touch-controls{bottom:12px;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}#touch-controls button{height:52px;width:52px}#touch-controls .fire{height:60px;width:60px}h1{font-size:min(8cqw,65px)}.overlay-content{padding:3% 7%}#overlay-detail{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Indeterminate while the hash-checked native scene loads. */
#loading-progress.scene-loading{animation:scene-progress 1.4s ease-in-out infinite;transition:none}
@keyframes scene-progress{from{transform:translateX(-105%)}to{transform:translateX(285%)}}
@media(prefers-reduced-motion:reduce){#loading-progress.scene-loading{animation:none;transform:translateX(85%)}}
