*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b24;color:#e7e9e9;font-family:'Yu Gothic UI','Segoe UI',sans-serif;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #81919c55;background:#1b2b35dd;min-height:44px;padding:10px 16px;touch-action:none}button:hover{background:#34505f}button:focus-visible{outline:2px solid #ffd49a;outline-offset:4px}button[aria-pressed=true]{border-color:#d4b58a;background:#aa86502a}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#scene{width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #03080c70}.screen{position:fixed;inset:0;background:linear-gradient(90deg,#07121be8,#0b1921c7 48%,#0c18217a);overflow:auto}.brand{display:flex;align-items:center;gap:18px;padding:28px 5%;border-bottom:1px solid #dce4e320}.brand>b{font-size:48px;line-height:1;color:#cfb48e;font-weight:400}.brand>div{font-size:21px;letter-spacing:5px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#899fae;margin-top:7px}.brand>span{margin-left:auto;font-size:12px;color:#99aab5}.hangar-body{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1300px;padding:7vh 5vw 3vh;margin:auto}.eyebrow{font:11px monospace;letter-spacing:3px;color:#bbaa92}h1{font-size:clamp(38px,4vw,65px);line-height:1.3;letter-spacing:.1em;font-weight:500;margin:30px 0 22px}.intro>p{font-size:14px;color:#b6c4ce}.mission-select{display:flex;gap:12px;margin-top:44px}.mission-select button{flex:1;text-align:left;font-weight:600;line-height:1.8;font-size:15px}.mission-select small,.machine-select small{display:block;letter-spacing:2px;font:10px monospace;color:#b7a386;margin-bottom:8px}.mission-select span,.machine-select span{display:block;font-weight:400;font-size:11px;color:#a0b3c1}.loadout-panel{max-width:540px}.section-title{display:flex;justify-content:space-between;color:#9fafbb;font-size:11px;letter-spacing:2px;margin-bottom:15px}#roster{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#roster button{padding:0;overflow:hidden;background:#18232d}#roster img{width:100%;height:66px;object-fit:cover;object-position:50% 23%;display:block;filter:saturate(.65)}#roster span{display:block;font-size:11px;padding:7px 0}#roster [aria-pressed=true] img{filter:none}.pilot-detail{display:flex;align-items:center;gap:18px;margin:22px 0}.pilot-detail>img{width:92px;height:112px;object-fit:cover;object-position:50% 24%;border:1px solid #c8b18c44}.pilot-detail small{font:10px monospace;letter-spacing:2px;color:#cdbb9d}.pilot-detail h2{font-size:20px;margin:7px 0}.pilot-detail p{font-size:13px;line-height:1.7;color:#b2c2cc;margin:0}.machine-select{display:flex;gap:10px}.machine-select button{flex:1;text-align:left;font-size:15px}.machine-select small{margin-bottom:4px}#specs{display:flex;justify-content:space-between;gap:10px;margin:18px 0;font-size:12px;color:#aabcc8}#specs b{display:block;color:#e1d6c3;margin-top:5px;font:18px monospace}.primary{background:#c7aa7d;color:#14212a;border-color:#dac39f;width:100%;font-size:16px;letter-spacing:.15em;min-height:52px;font-weight:700}.primary:hover{background:#e3c799}.play-help{font-size:11px;line-height:1.9;color:#91a5b3}.screen footer{display:flex;align-items:center;gap:10px;padding:18px 5%;font:10px monospace;letter-spacing:2px;color:#9aabb7}.screen footer i{width:5px;height:5px;border-radius:50%;background:#9dbeb3}.screen footer span{margin-left:auto;letter-spacing:0}#boot{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#0d1823;color:#c6b594;letter-spacing:3px}#hud{position:fixed;inset:0;pointer-events:none}.combat-top{display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));background:linear-gradient(#061019b8,transparent)}.combat-brand{display:flex;align-items:center;gap:15px;font-size:35px;color:#cfb58f}.combat-brand span{font:12px monospace;letter-spacing:3px;color:#dae0e2}.combat-brand small{display:block;font:11px sans-serif;letter-spacing:1px;color:#91a4b1;margin-top:6px}.top-actions{display:flex;gap:7px;pointer-events:auto}.top-actions button{font-size:11px;min-height:36px;padding:8px 12px;background:#101c259c}.portrait-panel{position:absolute;top:100px;left:24px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#0b1927d9,#0b192770);padding:8px 16px 8px 8px;border-left:2px solid #c6b48b;width:285px}.portrait-panel img{width:60px;height:70px;object-fit:cover;object-position:50% 23%}.portrait-panel small{font:9px monospace;letter-spacing:1px;color:#a5b7c3}.portrait-panel b{display:block;font-size:14px;margin:6px 0}.portrait-panel span{font:10px monospace;color:#bfcad0}.meter{height:3px;background:#a4b6c12b;margin-top:6px;overflow:hidden}.meter i{height:100%;display:block;background:#c9d9d8;transition:width .15s}.objective{position:absolute;top:107px;right:26px;display:grid;gap:7px;text-align:right;text-shadow:0 2px 8px #000}.objective small{font:10px monospace;letter-spacing:3px;color:#c7b18d}.objective b{font-size:15px;font-weight:500}.objective span{font:11px monospace;color:#adbcc5}#boss-ui{position:absolute;top:100px;left:34%;right:30%;text-align:center;padding:10px;background:#10202b9c}#boss-ui span{font-size:16px}#boss-ui small{display:block;font-size:10px;color:#baa994;margin:4px}#boss-bar{background:#c87968}#reticle{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid #e9efefaa;border-radius:50%;box-shadow:0 0 7px #0007;color:#e2d5b4}#reticle:before,#reticle:after{content:'';position:absolute;background:#ebf1f0bb}#reticle:before{width:42px;height:1px;left:-7px;top:14px}#reticle:after{width:1px;height:42px;top:-7px;left:14px}#reticle i{position:absolute;inset:12px;background:#eee;border-radius:50%}#reticle.locked{border-color:#f4b886}#reticle span{position:absolute;top:40px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;text-shadow:0 2px 4px #000}#range{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font:10px monospace}#hitmarker{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:42px;color:#ffe3ad;opacity:0}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 100px #e24b3baa;opacity:0}#notice{position:absolute;top:27%;left:50%;transform:translateX(-50%);font-size:14px;white-space:nowrap;text-shadow:0 1px 8px #000;background:#10202a99;padding:8px 20px;opacity:0;transition:opacity .2s}#warning{position:absolute;top:34%;width:100%;text-align:center;color:#ffc0a4;font-size:13px;letter-spacing:3px;text-shadow:0 2px 5px #000}#radar{position:absolute;right:24px;bottom:195px;width:120px;height:120px;background:#0b1b2694;border:1px solid #a1b4bf40;border-radius:50%}.bottom-info{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:28px;background:#0c1926a6;padding:14px 22px;border-top:1px solid #a4bbc45c}.bottom-info small{font-size:10px;color:#a6b9c5;white-space:nowrap}.bottom-info b{display:block;font:21px monospace;color:#e6dcc8;margin-top:7px}.bottom-info>div:last-child b{font-size:16px}#stick{position:absolute;left:max(40px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));width:126px;height:126px;border:1px solid #cedee04a;border-radius:50%;background:radial-gradient(#c9d8dd0b 40%,#b8c7ce10 41%,transparent 43%);pointer-events:auto;touch-action:none}#knob{position:absolute;width:52px;height:52px;left:36px;top:36px;border:1px solid #e2e7e86a;border-radius:50%;background:#aac1cc27}#stick span{position:absolute;bottom:-23px;width:100%;text-align:center;font:9px monospace;letter-spacing:3px;color:#9fb1bb}.buttons{pointer-events:auto;position:absolute;bottom:max(40px,env(safe-area-inset-bottom));right:max(30px,env(safe-area-inset-right));display:flex;gap:10px;align-items:flex-end}.buttons button{border-radius:50%;width:74px;height:74px;font-size:12px;padding:5px;background:#182b38be;border-color:#b4c9d566}.buttons small{display:block;font:9px monospace;margin-top:5px;color:#aebcc4}.buttons #fire{width:98px;height:98px;font-size:18px;border:2px solid #dac1999a;background:#a1824930}.buttons #special{width:86px;height:86px}.buttons button:active{background:#9a815a88}#aim-progress{position:absolute;left:calc(50% - 40px);top:calc(44% + 76px);width:80px;height:3px;background:#ffffff19;display:none}#aim-progress i{display:block;height:100%;background:#ead0a0;width:0}#cutin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12233150}#cutin small{letter-spacing:6px;font:12px monospace;color:#d5c3a2}#cutin strong{font-size:clamp(28px,7vw,72px);letter-spacing:.15em;font-weight:300;margin-top:15px}.modal{position:fixed;inset:0;background:#06111cd9;display:grid;place-items:center;z-index:20;padding:20px;backdrop-filter:blur(9px)}.modal>div{width:min(430px,100%);text-align:center}.modal h2{font-weight:400;font-size:30px;letter-spacing:3px}.modal p{line-height:2;font-size:14px;color:#afc0cb}.modal button{display:block;width:100%;margin-top:12px}.modal .primary{margin-top:25px}
@media(max-width:700px){.brand{padding:18px 20px}.brand>b{font-size:35px}.brand>div{font-size:15px;letter-spacing:3px}.brand>span{font-size:9px}.hangar-body{grid-template-columns:1fr;padding:25px 20px;gap:28px}.intro h1{font-size:32px;margin:15px 0}.intro>p{font-size:12px}.mission-select{margin-top:20px}.mission-select button{font-size:13px}.loadout-panel{max-width:none}.screen footer{font-size:9px}.screen footer span{display:none}.portrait-panel{top:70px;left:12px;width:194px;padding:5px 9px 5px 5px;gap:7px}.portrait-panel img{width:42px;height:53px}.portrait-panel b{font-size:11px}.portrait-panel small{font-size:7px}.portrait-panel span{font-size:9px}.combat-top{padding:12px}.combat-brand{font-size:27px;gap:8px}.combat-brand span{font-size:9px;letter-spacing:1px}.combat-brand small{font-size:9px}.top-actions{gap:4px}.top-actions button{font-size:9px;padding:6px 8px}.objective{top:142px;right:14px;gap:5px}.objective b{font-size:11px}.objective small,.objective span{font-size:9px}#boss-ui{top:72px;left:auto;right:12px;width:40%;padding:5px}#boss-ui span{font-size:11px}#boss-ui small{font-size:8px}#notice{top:30%;font-size:11px;padding:7px 10px;max-width:95vw;white-space:normal;text-align:center}#radar{width:86px;height:86px;right:12px;bottom:220px}#stick{left:24px;bottom:62px;width:112px;height:112px}#knob{left:30px;top:30px}.buttons{right:15px;bottom:55px;gap:6px;display:grid;grid-template-columns:58px 76px;grid-template-rows:56px 76px}.buttons #change{grid-column:1;grid-row:1;width:56px;height:56px;font-size:10px}.buttons #special{grid-column:1;grid-row:2;width:62px;height:62px;font-size:11px}.buttons #fire{grid-column:2;grid-row:2;width:76px;height:76px;font-size:16px}.buttons small{font-size:7px}.bottom-info{bottom:10px;padding:7px 10px;width:calc(100% - 24px);justify-content:space-between;gap:10px}.bottom-info small{font-size:9px}.bottom-info b{font-size:14px;margin-top:3px}.bottom-info>div:last-child b{font-size:13px}#warning{font-size:11px;top:35%}}
@media(max-height:520px) and (orientation:landscape){.hangar-body{grid-template-columns:1fr 1.2fr;padding:20px 4%;gap:25px}.brand{padding:12px 4%}.intro h1{font-size:30px}.mission-select{margin-top:20px;display:grid}.pilot-detail{margin:12px 0}.portrait-panel{top:65px}.objective{top:73px}#boss-ui{top:65px;left:35%;right:28%;width:auto}#radar{bottom:160px;width:80px;height:80px}.bottom-info{width:auto;bottom:12px}#stick{bottom:36px;width:104px;height:104px}#knob{left:26px;top:26px}.buttons{bottom:24px;display:flex}.buttons #fire{width:78px;height:78px}.buttons #special{width:67px;height:67px}.buttons #change{width:57px;height:57px}#notice{top:30%}}

.look-settings{display:flex;gap:12px;margin:16px 0;border:1px solid #839ba33d;padding:12px;text-align:left}.look-settings legend{font-size:13px;color:#b6c8d1;padding:0 6px}.look-settings label{flex:1;font-size:12px;color:#bbcbd3}.look-settings select{display:block;margin-top:6px;width:100%;min-height:40px;background:#172733;color:#eef0ee;border:1px solid #8ca1ae66;padding:6px;font:13px sans-serif;touch-action:manipulation}.modal>div{max-height:90dvh;overflow-y:auto}

/* Keep the battlefield readable; detailed telemetry is opt-in. */
body[data-hud="compact"] .combat-brand small,body[data-hud="compact"] .objective,body[data-hud="compact"] .portrait-panel small,body[data-hud="compact"] #range,body[data-hud="compact"] .bottom-info small,body[data-hud="compact"] #boss-pilot,body[data-hud="compact"] .buttons small,body[data-hud="compact"] #stick span{display:none}
body[data-hud="compact"] .portrait-panel{top:78px;width:218px;background:linear-gradient(90deg,#0b1927a6,transparent);padding:5px 10px 5px 5px}
body[data-hud="compact"] .portrait-panel img{width:42px;height:48px}
body[data-hud="compact"] .portrait-panel b{font-size:12px;margin:2px 0 7px}
body[data-hud="compact"] .bottom-info{background:#0c19266b;padding:8px 16px;gap:24px}
body[data-hud="compact"] .bottom-info b{font-size:18px;margin:0}
body[data-hud="compact"] #ammo:before{content:'主砲 ';font:11px sans-serif;color:#adbcc5}
body[data-hud="compact"] #special-ammo:before{content:'装備 ';font:11px sans-serif;color:#adbcc5}
body[data-hud="compact"] #wire-state:before{content:'WIRE ';font:10px monospace;color:#adbcc5}
body[data-hud="compact"] #notice{top:150px;font-size:12px;background:#10202a60;padding:6px 12px;max-width:65vw;text-align:center;white-space:normal}
body[data-hud="compact"] #warning{top:195px;font-size:12px;letter-spacing:1px}
body[data-hud="compact"] #target-name{font-size:10px;opacity:.8}
body[data-hud="compact"] #boss-ui{top:78px;background:#10202b66}
@media(max-width:700px){body[data-hud="compact"] .combat-brand span{display:none}.top-actions{gap:3px}body[data-hud="compact"] .portrait-panel{top:61px;left:10px;width:177px}body[data-hud="compact"] .portrait-panel img{width:34px;height:42px}body[data-hud="compact"] .portrait-panel b{font-size:10px}body[data-hud="compact"] #boss-ui{top:62px}body[data-hud="compact"] #notice{top:122px;max-width:90vw;font-size:11px}body[data-hud="compact"] #warning{top:161px;font-size:11px}body[data-hud="compact"] .bottom-info{padding:9px 10px;gap:8px}body[data-hud="compact"] .bottom-info b{font-size:14px}body[data-hud="compact"] #wire-state:before{font-size:9px}}

/* Gameplay owns touch gestures; menus retain normal scroll and pinch accessibility. */
body[data-state="play"]{touch-action:pan-y}body[data-state="play"] #hud,body[data-state="play"] button{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none}
.look-settings select{font-size:16px}
#jump,#grapple{position:fixed;right:40px;bottom:190px;width:76px;height:76px;font-size:12px;pointer-events:auto;touch-action:none}
#grapple{right:128px;border-color:#b5d1dd;background:#1f3545dd}
#jump.unready{opacity:.6}
#layout-toolbar{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(480px,94vw);z-index:45;text-align:center;padding:12px;background:#172c3df5;border:1px solid #c3dbe4}
#layout-toolbar b{display:block;font-size:15px}#layout-toolbar span{display:block;font-size:12px;color:#afc0c9;margin:5px}#layout-toolbar>div{display:flex;gap:8px;justify-content:center}#layout-toolbar button{font-size:13px;min-height:40px;padding:7px 12px}
.editing-controls [data-movable]{outline:2px dashed #e2c58f;outline-offset:4px;z-index:42!important;cursor:move;opacity:1!important}
.editing-controls .objective,.editing-controls #notice,.editing-controls #boss-ui,.editing-controls .portrait-panel{visibility:hidden}
.editing-controls #hud{background:#0e1e2855}.editing-controls #scene{pointer-events:none}
@media(max-width:700px){#jump,#grapple{bottom:208px;right:14px;width:64px;height:64px;font-size:11px}#grapple{right:90px}#radar{bottom:295px;width:72px;height:72px}.buttons{z-index:3}}
@media(max-height:520px) and (orientation:landscape){#jump,#grapple{bottom:124px;right:26px;width:57px;height:57px;font-size:10px}#grapple{right:99px}#radar{bottom:188px}.modal>div{max-height:92dvh}}

#stick #knob{left:calc(50% - 26px);top:calc(50% - 26px)}
.layout-sizing{display:flex;align-items:center;gap:10px;margin:10px 0}.layout-sizing select{width:130px;font-size:16px}.layout-sizing input{min-width:60px;width:140px;touch-action:none}.layout-sizing output{min-width:42px}.editing-controls .layout-selected{outline:3px solid #acf3d5;outline-offset:3px}
/* Sketch-based combat HUD: portrait and telemetry together, map at top centre. */
#hud .pilot-hud{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:stretch;gap:12px;width:360px;padding:8px;background:linear-gradient(100deg,#091922e8,#152630cc);border:1px solid #9bb7bc60;border-left:3px solid #b9d3d2;box-shadow:0 8px 30px #0005;pointer-events:none}
.pilot-hud>img{width:78px;height:98px;object-fit:cover;object-position:50% 30%;border:1px solid #98b4bf66}.pilot-telemetry{position:relative;flex:1;min-width:0}.pilot-telemetry>#callsign{display:block;font:600 15px 'Segoe UI',sans-serif;letter-spacing:1.6px;margin:2px 0 8px;color:#f4e4ca}.armor-row{display:flex;flex-direction:column;gap:4px}#hp-text{font:10px monospace;color:#b5cdd2}.armor-row .meter{height:7px;background:#07121c;border:1px solid #9bb7bc44}.armor-row .meter i{display:block;height:100%}.weapon-row{display:grid;gap:4px;margin-top:8px;font-size:10px}.weapon-row span{display:flex;align-items:center;justify-content:space-between;gap:5px}.weapon-row small{font-size:10px;color:#b0c6cb}.weapon-row b{font:13px monospace;color:#fff4de}.wire-telemetry{position:absolute;right:0;top:24px;font:8px monospace;color:#9dbdc8}.wire-telemetry b{font-weight:400;color:#d6e7e9}
#hud #radar{display:block;top:max(12px,env(safe-area-inset-top));bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:104px;height:104px;background:#071722ab;border:1px solid #bfd9d34a;box-shadow:0 4px 22px #0003}
#hud #boss-ui{top:132px;left:50%;right:auto;transform:translateX(-50%);width:min(380px,60vw)}#hud #notice{top:180px}#hud #warning{top:216px}#hud .objective{top:80px;right:22px}#hud .buttons{display:flex;gap:12px}#hud #fire{font-size:14px}#hud #special{font-size:12px}#hud #change{position:fixed;right:210px;bottom:146px;font-size:10px;width:65px;height:65px}#hud #grapple{bottom:151px;right:115px}#hud #jump{bottom:151px;right:28px}
#scope{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 30vmin,#02080dc9 30.3vmin);z-index:1}.scope-glass{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60vmin;height:60vmin;border:2px solid #a9c9c7aa;border-radius:50%;box-shadow:inset 0 0 50px #5c9e9b22}.scope-glass:before,.scope-glass:after{content:'';position:absolute;background:#b2d9cd90}.scope-glass:before{left:50%;top:0;width:1px;height:100%}.scope-glass:after{left:0;top:50%;height:1px;width:100%}.scope-glass i{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#f0b992;z-index:2}.scope-glass b{position:absolute;width:30%;height:20%;top:52%;left:35%;border-bottom:1px solid #b2d9cd90;background:repeating-linear-gradient(90deg,transparent 0 19%,#b2d9cd90 19% 20%) bottom/100% 5px no-repeat}.scope-glass span{position:absolute;top:15%;width:100%;text-align:center;font:9px monospace;letter-spacing:2px;color:#bdd8d2}#scope p{position:absolute;top:calc(50% + 31vmin);width:100%;text-align:center;font-size:10px;color:#c8d9d6}.scoped #reticle{top:50%;z-index:2}.scoped #reticle i{visibility:hidden}.scoped .pilot-hud,.scoped .buttons,.scoped #stick,.scoped #radar,.scoped .combat-top{z-index:3}.editing-controls .pilot-hud{opacity:.25}
@media(max-width:600px) and (orientation:portrait){#hud .pilot-hud{width:calc(100% - 24px);max-width:366px;bottom:max(9px,env(safe-area-inset-bottom));gap:10px;padding:7px}.pilot-hud>img{width:64px;height:87px}.pilot-telemetry>#callsign{font-size:13px;margin-bottom:6px}#hud #stick{bottom:142px;left:18px;width:110px;height:110px}#hud .buttons{right:12px;bottom:137px;gap:8px}#hud #fire{width:77px;height:77px;font-size:12px}#hud #special{width:69px;height:69px;font-size:11px}#hud #grapple{right:86px;bottom:235px;width:62px;height:62px}#hud #jump{right:14px;bottom:235px;width:62px;height:62px}#hud #change{right:16px;bottom:312px;width:58px;height:58px}#hud #radar{top:69px;width:85px;height:85px}#hud #boss-ui{top:162px;width:70vw}#hud #notice{top:201px}#hud #warning{top:234px}}
@media(max-height:520px) and (orientation:landscape){#hud .pilot-hud{width:300px;bottom:8px;gap:8px;padding:6px}.pilot-hud>img{width:62px;height:78px}.pilot-telemetry>#callsign{font-size:12px;margin:0 0 5px}.weapon-row{margin-top:5px;gap:2px}.weapon-row small{font-size:9px}.weapon-row b{font-size:11px}.wire-telemetry{top:19px;font-size:7px}#hud #radar{top:9px;width:76px;height:76px}#hud #boss-ui{top:96px;width:280px}#hud #notice{top:140px}#hud #warning{top:172px}#hud #fire{width:73px;height:73px;font-size:12px}#hud #special{width:64px;height:64px;font-size:10px}#hud #grapple{bottom:118px;right:98px;width:58px;height:58px}#hud #jump{bottom:118px;right:25px;width:58px;height:58px}#hud #change{bottom:191px;right:25px;width:54px;height:54px}}
body[data-hud] #ammo:before,body[data-hud] #special-ammo:before,body[data-hud] #wire-state:before{content:none}
#hud #fire.attacking{border-color:#c4f9ff;background:#7fc9d553;box-shadow:0 0 18px #8ae5f24d}

#hud #support{position:fixed;top:max(12px,env(safe-area-inset-top));left:calc(50% - 152px);width:72px;height:91px;padding:0;overflow:hidden;pointer-events:auto;border:1px solid #8fbcb68a;border-radius:5px;background:#10232c;z-index:5;touch-action:none}#support img{width:100%;height:65px;object-fit:cover;object-position:50% 28%;display:block}#support span{position:absolute;top:1px;left:0;right:0;font:6px monospace;letter-spacing:.4px;background:#08151ba8;color:#d8eeed}#support b{display:block;font:10px monospace;padding-top:4px;color:#bde2db}#support.ready{box-shadow:0 0 16px #94d5c429}#support[aria-disabled="true"] img{filter:saturate(.2);opacity:.65}.mission-select{max-height:42vh;overflow:auto}.mission-select button{min-height:64px}.mission-select button small{margin-bottom:3px}
@media(max-width:600px) and (orientation:portrait){#hud #support{top:82px;left:12px;width:58px;height:77px}#support img{height:52px}#support b{font-size:9px}.mission-select{max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mission-select button{padding:8px 5px;font-size:11px}.mission-select button span{font-size:8px}}
@media(max-height:500px){#hud #support{width:58px;height:76px;left:calc(50% - 124px);top:8px}#support img{height:52px}#support b{font-size:9px}.mission-select{max-height:45vh}.mission-select button{min-height:50px;padding:8px}}