:root{--ink:#12232b;--white:#e9e5d2;--muted:#a4b6b5;--orange:#ee8d65;--lime:#d9e994;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}body{position:fixed;inset:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#app{height:100dvh;height:var(--game-height,100dvh);width:100%;position:relative;overflow:hidden;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#10212bf2,#10212be3 26%,#10212b25 72%),linear-gradient(0deg,#10212b9c,transparent 27%)}#app[data-state=playing] .shade,#app[data-state=paused] .shade,#app[data-state=choice] .shade{background:linear-gradient(#10212bdb,transparent 29%,transparent 78%,#10212bbf)}header{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:9}.wordmark img{display:block;width:210px;height:auto}.edition{font:8px var(--mono);letter-spacing:1.2px;color:#bec9bd;display:flex;align-items:center;gap:9px}.edition i{width:5px;height:5px;border-radius:50%;background:var(--orange)}nav{display:flex;gap:5px}.tool{width:38px;height:38px;border:1px solid #adc3bf45;background:#162d37b5;font:17px var(--mono);display:grid;place-items:center}.tool:hover{background:#304a53}#app[data-state=playing] header .wordmark,#app[data-state=paused] header .wordmark,#app[data-state=choice] header .wordmark,#app[data-state=playing] .edition,#app[data-state=paused] .edition,#app[data-state=choice] .edition{display:none}#app[data-state=playing] header,#app[data-state=paused] header,#app[data-state=choice] header{justify-content:flex-end}#menu{position:absolute;left:6.5%;top:22%;width:600px;max-width:53%;z-index:2}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:1.5px;color:#b5c5be;margin:0}.eyebrow>span{color:var(--orange);font-size:23px;margin-right:10px}h1{font-size:clamp(65px,7.4vw,110px);font-weight:900;font-style:italic;line-height:.87;letter-spacing:-5px;margin:26px 0 22px;transform:translateX(-4px)}h1 em{font-style:inherit;color:var(--orange)}h1 em span{font-size:.4em;vertical-align:top;margin-left:5px;letter-spacing:0}.slogan{font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:22px 0 15px}.intro{font:12px/1.8 Arial;color:var(--muted);margin:0 0 22px}.primary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 21px;border:0;background:var(--orange);color:#16272b;font:800 10px Arial;letter-spacing:1px;width:100%;max-width:330px}.primary b{font-size:29px;font-weight:400}.primary:hover{background:var(--lime)}.gesture{font:7px/1.8 var(--mono);color:#a9bdb5;letter-spacing:.8px;margin:17px 0}.touch{display:none}.menu-record{display:flex;flex-direction:column;gap:8px;font:8px var(--mono);color:#e1dfc5;letter-spacing:.6px;margin-top:20px}.menu-record small{font:7px var(--mono);color:#8eaaa8}#mech-label{position:absolute;right:6%;bottom:19%;z-index:2;font:9px var(--mono);letter-spacing:1.2px;color:#d8dfcf;pointer-events:none}#mech-label small{display:block;font-size:6px;margin-top:10px;color:#8ea9aa}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b3cac12b;padding-top:16px;font:7px var(--mono);letter-spacing:1px;color:#91a8a7;z-index:2;pointer-events:none}footer b{color:var(--orange)}#hud{position:absolute;inset:0;z-index:3;pointer-events:none}.top-hud{position:absolute;top:86px;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.label{display:block;font:7px var(--mono);letter-spacing:1.3px;color:#a7bcba;margin-bottom:8px}.top-hud strong{display:block;font:30px var(--mono);letter-spacing:-1px}.top-hud small{font:7px var(--mono);color:#a9bfb6;display:block;margin-top:8px;letter-spacing:.5px}.timer{text-align:center}.timer strong{font-size:39px;line-height:1;color:var(--lime)}.heat{text-align:right}.heat strong{font-size:20px;color:var(--orange)}.objective{position:absolute;top:176px;left:20%;right:20%;text-align:center}.objective>span{font:800 11px var(--mono);letter-spacing:1.3px;color:var(--lime);display:block;text-shadow:0 2px 8px #000}.objective>small{display:block;margin-top:7px;font:8px var(--mono);color:#bfd1c0}#notice{position:absolute;top:235px;left:8%;right:8%;text-align:center;font:9px var(--mono);letter-spacing:.8px;color:var(--orange);text-shadow:0 2px 10px #000}#objective-marker{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;font:8px var(--mono);color:var(--lime);white-space:nowrap;text-shadow:0 2px 5px #000}#objective-marker>span{font-size:26px}#objective-marker b{font-weight:400;background:#122c38b5;padding:5px 8px}.bottom-hud{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 26px);left:5%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.left-tools{width:180px}.left-tools #map{width:104px;height:104px;display:block;margin-bottom:18px;border:1px solid #a0b8b344;background:#112a32b5}.left-tools>.label{font-size:7px;letter-spacing:.8px;display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.label b{font-weight:400;color:var(--lime)}.health{height:5px;background:#a5b8aa33}.health i{display:block;height:100%;background:var(--lime);width:100%}.left-tools>small{font:7px var(--mono);color:#9db4af;margin-top:10px;letter-spacing:.4px}.right-tools{width:220px;pointer-events:auto}#stomp{width:100%;min-height:72px;border:1px solid #f4b28b8c;background:#e7a07c;color:#172a30;display:grid;grid-template-columns:1fr 40px;align-items:center;text-align:left;padding:11px 16px;touch-action:none}#stomp>span{font:800 13px var(--mono);letter-spacing:.8px}#stomp>b{font-size:32px;grid-row:1/3;grid-column:2;text-align:right;font-weight:400}#stomp>small{font:8px var(--mono);margin-top:5px}#stomp:disabled{opacity:.8;background:#192f38e6;color:#b2beb0}#stomp-tip{display:block;font:6px var(--mono);color:#a6b6a9;margin-top:11px;letter-spacing:.5px;text-align:right}#extract-progress{font:8px var(--mono);color:var(--lime);margin-bottom:14px;letter-spacing:1px}#extract-progress>div{height:5px;background:#a5b8aa33;margin-top:7px}#extract-fill{height:100%;display:block;background:var(--lime);width:0}#joystick{position:absolute;width:92px;height:92px;border:1px solid #dbebc766;background:#18313955;border-radius:50%;transform:translate(-50%,-50%)}#joystick i{position:absolute;left:27px;top:27px;width:36px;height:36px;border:1px solid #e4f1cd9c;background:#cbe3af44;border-radius:50%}#damage-flash{position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 120px #ed8058;opacity:0}#damage-flash.hit{animation:impact .35s ease-out}@keyframes impact{from{opacity:.5}to{opacity:0}}.overlay{position:absolute;inset:0;z-index:8;background:#10242cdd;backdrop-filter:blur(9px);display:flex;justify-content:center;align-items:safe center;overflow:auto;padding:85px 24px 35px}.panel{width:100%;max-width:440px;border:1px solid #a1b9b339;background:#16313bea;padding:32px}h2{font-size:47px;font-style:italic;font-weight:900;line-height:.96;letter-spacing:-2px;margin:24px 0}h2 em{font-style:inherit;color:var(--orange)}.panel p{font-size:12px;line-height:1.7;color:#b1c4bb}.panel>.primary{max-width:none;margin-top:20px}.secondary{width:100%;min-height:44px;padding:13px;border:1px solid #b1c9c533;background:transparent;font:9px var(--mono);letter-spacing:1px;color:#c3d0c3;margin-top:10px}.panel>small{display:block;font:8px/1.8 var(--mono);color:#a2b7b0;margin-top:14px}.choice-panel{width:100%;max-width:930px;text-align:center}.choice-panel>p{font-size:12px;color:#b0c1b6;margin-bottom:25px}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.upgrade-cards>button{display:flex;flex-direction:column;gap:20px;padding:25px 20px;border:1px solid #aec4b74d;background:#16343ed9;text-align:left}.upgrade-cards>button:hover,.upgrade-cards>button:focus-visible{background:#294651;border-color:var(--lime)}.upgrade-cards small{font:7px var(--mono);letter-spacing:.8px;color:var(--orange)}.upgrade-cards strong{font:italic 900 27px/1 Arial;letter-spacing:-.6px;color:var(--white)}.upgrade-cards span{font:11px/1.7 Arial;color:#b5c7bb;flex:1}.upgrade-cards b{font:8px var(--mono);color:var(--lime);letter-spacing:1px}.final-score>strong{font:42px var(--mono);color:var(--lime);display:block;margin-top:6px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #b9c7b52b;padding-top:20px;margin-top:20px}.stats b{font:20px var(--mono);font-weight:400}#medal{font:11px var(--mono);color:var(--orange);letter-spacing:1px}dialog{width:min(560px,calc(100vw - 30px));max-height:calc(var(--game-height,100dvh) - 30px);overflow:auto;color:var(--white);background:#16313c;border:1px solid #c2cfc35c;padding:34px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#091a22d9;backdrop-filter:blur(9px)}.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:27px;min-width:40px;min-height:40px}dialog h2{font-size:42px}dialog p{font-size:12px;line-height:1.8;color:#b5c9c3}dialog dl>div{display:grid;grid-template-columns:82px 1fr;gap:12px;margin:19px 0}dt{font:8px var(--mono);color:var(--orange);padding-top:4px}dd{margin:0;font:11px/1.65 Arial;color:#b5c9c3}.fine{font:9px/1.8 var(--mono)!important;color:#9eb5b1!important}dialog .primary{max-width:none}.slider{display:grid;grid-template-columns:60px 1fr 35px;gap:12px;align-items:center;font:9px var(--mono);margin:25px 0}input[type=range]{width:100%;accent-color:var(--orange)}.slider output{color:var(--lime);text-align:right}.switch{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #b0c7ba2e;font:9px var(--mono)}select{font:14px Arial;background:#152d38;color:var(--white);border:1px solid #acc2bc55;padding:9px}input,select{-webkit-user-select:auto;user-select:auto}input[type=checkbox]{width:20px;height:20px;accent-color:var(--orange)}#app[data-state=playing] footer,#app[data-state=paused] footer,#app[data-state=choice] footer,#app[data-state=playing] #mech-label,#app[data-state=paused] #mech-label,#app[data-state=choice] #mech-label{display:none}
@media(max-width:780px){header{left:18px;right:18px;top:calc(env(safe-area-inset-top) + 12px)}.wordmark img{width:150px}.edition{display:none}.tool{width:40px;min-width:40px;height:44px}nav{gap:4px}#menu{left:7%;top:20%;width:86%;max-width:none}h1{font-size:58px;letter-spacing:-3px;margin:22px 0}.slogan{font-size:24px;margin:21px 0 13px}.intro{font-size:11px;margin-bottom:20px}.eyebrow{font-size:7px;letter-spacing:1px}.eyebrow>span{font-size:19px}.primary{max-width:300px;min-height:52px}#mech-label{display:none}footer{font-size:5px;letter-spacing:.6px;left:5%;right:5%;bottom:calc(env(safe-area-inset-bottom) + 14px);padding-top:13px}footer>span:nth-child(2){display:none}.menu-record{font-size:7px;margin-top:18px}.menu-record small{font-size:6px}.top-hud{top:calc(env(safe-area-inset-top) + 79px);left:5%;right:5%;gap:8px}.label{font-size:6px;letter-spacing:.6px}.top-hud strong{font-size:22px}.timer strong{font-size:31px}.heat strong{font-size:17px}.top-hud small{font-size:5px;letter-spacing:0;line-height:1.4}.objective{top:calc(env(safe-area-inset-top) + 157px);left:7%;right:7%}.objective>span{font-size:8px;letter-spacing:.5px}.objective>small{font-size:7px}#notice{top:calc(env(safe-area-inset-top) + 207px);font-size:7px;letter-spacing:.2px}#objective-marker{font-size:6px}#objective-marker>span{font-size:22px}.bottom-hud{left:5%;right:5%;bottom:calc(env(safe-area-inset-bottom) + 22px);gap:16px}.left-tools{width:152px}.left-tools #map{width:83px;height:83px;margin-bottom:16px}.left-tools>.label{font-size:6px;letter-spacing:0}.left-tools>small{font-size:5px;letter-spacing:0}.right-tools{width:156px}#stomp{min-height:69px;padding:11px 12px;grid-template-columns:1fr 30px}#stomp>span{font-size:11px}#stomp>b{font-size:28px}#stomp>small{font-size:6px}#stomp-tip{font-size:5px;line-height:1.5}.overlay{padding:80px 20px 25px}.panel{padding:25px}h2{font-size:40px}.panel p{font-size:11px}.choice-panel h2{font-size:35px;margin:16px 0}.choice-panel>p{font-size:10px;margin:0 0 16px}.upgrade-cards{grid-template-columns:1fr;gap:9px}.upgrade-cards>button{padding:15px 17px;gap:9px}.upgrade-cards strong{font-size:21px}.upgrade-cards strong br{display:none}.upgrade-cards span{font-size:10px;line-height:1.5}.upgrade-cards small{font-size:6px}.upgrade-cards b{font-size:7px}.choice-panel>.eyebrow{font-size:6px}.final-score>strong{font-size:36px}dialog{padding:30px 24px}dialog h2{font-size:36px}dialog dl>div{grid-template-columns:68px 1fr;gap:9px}select{font-size:16px}}
@media(pointer:coarse),(max-width:780px){.desktop{display:none!important}.touch{display:block!important}.tool{min-width:44px;width:44px}}
@media(max-width:365px){.wordmark img{width:125px}.tool{width:40px;min-width:40px}h1{font-size:52px}}
@media(max-height:730px) and (min-width:781px){#menu{top:19%}h1{font-size:75px;margin:20px 0}.slogan{font-size:23px;margin:17px 0 12px}.intro{font-size:11px;margin-bottom:17px}.menu-record{margin-top:14px}.gesture{margin:12px 0}}
@media(max-height:700px) and (max-width:780px){#menu{top:18%}h1{font-size:51px;margin:18px 0}.slogan{display:none}.intro{margin-bottom:16px}.menu-record{margin-top:12px}}
@media(max-height:520px) and (min-width:600px){#menu{left:5%;top:23%;width:45%;max-width:45%}h1{font-size:53px;letter-spacing:-3px;margin:16px 0}.slogan,.intro,.menu-record,#mech-label{display:none}.gesture{font-size:5px;margin-top:11px}.primary{min-height:44px;max-width:280px}.eyebrow{font-size:6px}footer{font-size:5px;bottom:10px}.top-hud{top:20px;left:24px;right:280px;gap:12px}.top-hud strong{font-size:23px}.timer strong{font-size:27px}.top-hud small{font-size:5px}.objective{top:92px;font-size:8px}.objective>span{font-size:8px}#notice{top:133px;font-size:7px}.bottom-hud{bottom:20px}.left-tools #map{width:60px;height:60px;margin-bottom:9px}.left-tools>small{display:none}.right-tools{width:180px}#stomp{min-height:56px}#stomp-tip{display:none}.upgrade-cards{grid-template-columns:repeat(3,1fr);gap:10px}.upgrade-cards>button{padding:14px;gap:10px}.upgrade-cards strong{font-size:21px}.upgrade-cards span{font-size:10px}.choice-panel h2{font-size:29px;margin:13px 0}.choice-panel>p{margin-bottom:14px}.overlay{padding:70px 22px 20px}.panel{padding:22px}h2{font-size:35px}.panel p{margin:12px 0}.stats{gap:14px;margin-top:14px;padding-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.objective{padding:10px 14px;background:#102832dc;border:1px solid #b2c4ae2b;border-radius:2px;backdrop-filter:blur(6px)}

@media(min-width:781px) and (min-height:521px) and (max-height:810px){#results{padding-top:74px;padding-bottom:20px}#results .panel{padding:26px}#results h2{font-size:43px;margin:18px 0}#results .stats{gap:16px;padding-top:16px;margin-top:16px}}

.all-games{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;touch-action:manipulation}