:root{color-scheme:dark;--amber:#f0b85e;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#111714;color:#e7e9dd;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit}canvas{display:block;width:100vw;height:100vh}button:focus-visible{outline:2px solid var(--amber);outline-offset:5px}[hidden]{display:none!important}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#090e0ce8;z-index:10;padding:32px}.intro{width:min(750px,70vw);z-index:2}.eyebrow{font:11px monospace;letter-spacing:3px;color:var(--amber);margin-bottom:24px}h1{font-size:clamp(45px,6.5vw,94px);letter-spacing:-5px;line-height:1;margin:0 0 28px;font-weight:900}h1 span,.brand span{color:var(--amber)}.lead{font-size:29px;line-height:1.25;margin:0 0 20px}.description{max-width:570px;font-size:14px;line-height:1.7;color:#9daaa0}.modes{display:flex;gap:14px;margin-top:35px}.modes button{width:50%;text-align:left;background:#1b241d;border:1px solid #ffffff28;padding:24px;transition:.2s}.modes button:hover{border-color:var(--amber);background:#2b3021;transform:translateY(-3px)}.modes small{display:block;font:10px monospace;letter-spacing:1px;color:var(--amber)}.modes b{display:block;margin:15px 0;font-size:19px}.modes span{font-size:12px;line-height:1.6;color:#a8b3a8}.menu-bottom{display:flex;justify-content:space-between;font:11px monospace;color:#c0c7b7;margin-top:25px}.fine{font-size:10px;color:#758277;margin-top:25px}.hero-art{width:260px;height:420px;position:relative;margin-left:60px;opacity:.8;background:radial-gradient(ellipse,#c0943b22,transparent 70%)}.hero-art .reticle{position:absolute;width:230px;height:230px;border:1px solid #bd934250;top:70px;left:0;border-radius:50%}.reticle:before,.reticle:after{content:'';position:absolute;background:#b08b45}.reticle:before{height:300px;width:1px;left:50%;top:-35px}.reticle:after{width:300px;height:1px;top:50%;left:-35px}.hero-art span{position:absolute;bottom:30px;font:11px monospace;letter-spacing:2px;color:#a4946e}#hud{position:fixed;inset:0;pointer-events:none}header{display:flex;align-items:center;gap:32px;padding:22px 28px;background:linear-gradient(#101712ec,transparent)}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;margin-right:auto}.brand small{display:block;font:9px monospace;letter-spacing:2px;color:#a5b1a3;margin-top:5px}.numbers{text-align:right}.numbers b{display:block;font:22px monospace}.numbers small{font:9px monospace;color:#9aa99b;letter-spacing:1px}header button{pointer-events:auto;background:#172219cc;border:1px solid var(--line);padding:10px 14px;font:10px monospace}.status{position:absolute;top:105px;left:28px;width:205px;display:grid;gap:15px}.status label{font:9px monospace;letter-spacing:1px;color:#bac4b6}.status label span{float:right}.track{height:5px;background:#ffffff15;margin-top:7px;overflow:hidden}.track i{height:100%;display:block;background:#da9361;transition:width .12s}.shield i{background:#68d8de}.xp i{background:#e0bd69}.secondary i{background:#73d0d8}footer{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;display:flex;gap:38px;background:linear-gradient(transparent,#101712f2)}footer>div{min-width:210px}footer small{display:block;font:9px monospace;color:#a2b2a2;letter-spacing:1px}footer b{display:block;margin-top:7px;font-size:17px}footer span{font:10px monospace;color:var(--amber)}footer .hint{margin-left:auto;text-align:right;font:10px/1.7 monospace;color:#a1afa0}#objective{position:absolute;top:105px;right:28px;text-align:right;font:12px/1.6 monospace;color:#e4c98d}#toast{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);font:12px monospace;color:#e5c786;text-align:center}#interact{position:absolute;top:62%;left:50%;transform:translateX(-50%);padding:12px 20px;background:#141d16ed;border:1px solid #f0b85e80;font:12px monospace}.panel{width:min(850px,95vw);border:1px solid #ffffff24;background:#131c16;padding:35px;box-shadow:0 25px 100px #0008}h2{font-size:30px;margin:0 0 12px}.panel p{font-size:13px;line-height:1.6;color:#a5b4a5}#choices{display:flex;gap:12px;margin-top:26px}#choices button{flex:1;text-align:left;min-width:0;background:#202b21;border:1px solid #ffffff20;padding:22px}#choices button:hover{border-color:var(--amber);background:#303422}#choices b{display:block;font-size:17px;margin:12px 0}#choices small{font:10px monospace;color:var(--amber)}#choices span{display:block;color:#aabaac;font-size:12px;line-height:1.6}#modalActions{display:flex;gap:10px;margin-top:22px}#modalActions button{background:#c6a15c;color:#111b14;border:0;padding:13px 24px;font-weight:bold}#modalActions button.quiet{background:#263329;color:#c5d0c0}@media(max-width:850px){.hero-art{display:none}.intro{width:95vw}header{gap:15px;padding:16px}.brand{font-size:18px}.status{left:16px;width:155px}footer{gap:20px;padding:18px}footer>div{min-width:150px}footer .hint{display:none}.overlay{padding:18px}h1{letter-spacing:-3px}.modes button{padding:17px}.panel{padding:22px}#choices button{padding:14px}}
#upgradeBar{position:absolute;left:28px;bottom:122px;display:flex;gap:6px;max-width:calc(100vw - 210px)}.upgrade-module{position:relative;width:69px;padding:8px 5px 10px;background:linear-gradient(135deg,#18312de8,#0c1716ef);border:1px solid #668b803b;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));text-align:center;color:#637b70}.upgrade-module svg{width:25px;height:25px;margin:0 auto 4px;display:block}.upgrade-module span{font:8px/1.3 monospace;display:block;height:22px}.upgrade-module b{font:11px monospace;display:block;margin-top:5px}.upgrade-module i{position:absolute;bottom:0;height:2px;left:0;background:#e5b761}.upgrade-module.active{color:#e4c387;border-color:#d4ae6255;box-shadow:inset 0 0 22px #a58d3415}#toast{bottom:224px}#modal .panel:has(.loadout){width:min(1050px,96vw);max-height:92vh;overflow:auto;border-color:#688e8155;background:radial-gradient(ellipse at top,#23352e,#101c19 65%)}#choices.loadout{display:block;margin-top:15px}.loadout-grid{display:grid;grid-template-columns:1fr 170px 1fr;gap:18px;align-items:center}.weapon-card{padding:17px;background:linear-gradient(145deg,#1c302be6,#101e1cf2);border:1px solid #5f96815a;position:relative}.weapon-card:before{content:'';position:absolute;top:-1px;left:-1px;width:28px;height:3px;background:#e3b46b}.weapon-card small{font:10px monospace;letter-spacing:1px;color:#d6b47b}.weapon-card h3{font-size:18px;margin:8px 0}.weapon-card p{font-size:11px;margin:4px 0 9px;min-height:30px}.weapon-symbol{font:21px monospace;letter-spacing:5px;margin:12px 0}.calibration{font:9px monospace;color:#81a69a}.weapon-card dl{margin:12px 0 0;font:11px monospace}.weapon-card dl div{display:flex;justify-content:space-between;gap:7px;padding:6px 0;border-top:1px solid #7fa0941b}.weapon-card dt{color:#92b0a3}.weapon-card dd{margin:0;color:#e5edde}.weapon-card em{display:inline-block;min-width:58px;text-align:right;font:10px monospace;margin-left:8px}.better{color:#7af5b2}.worse{color:#ff897e}.equal{color:#778f81}.loadout-mech svg{width:100%;max-height:200px;filter:drop-shadow(0 0 14px #65876245)}.loadout-mech small{display:block;text-align:center;font:8px monospace;letter-spacing:1px;color:#99b1a0}.secondary-summary{padding:12px 15px;border:1px solid #6ca79c30;color:#92d7d2;font:11px monospace;margin-top:14px}.storage-title{font:10px monospace;letter-spacing:2px;color:#b9cabc;margin:20px 0 10px}.storage-list{display:flex;flex-wrap:wrap;gap:6px}.storage-list button{flex:none!important;padding:10px 13px!important;font:10px monospace!important;border-color:#698e7855!important}.storage-list .selected{border-color:#f0b85e!important;color:#f0b85e}.candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.mount-actions{display:flex;gap:14px;margin-top:12px}.mount-actions button{background:#d0b478!important;color:#0c2118;flex:1!important;text-align:center!important;padding:13px!important;font-size:12px!important;font-weight:bold!important}.panel h2{letter-spacing:-1px}footer>div:first-child{max-width:460px}footer>div:first-child b{font-size:14px;line-height:1.4}#choices .weapon-card span{font:9px monospace}#choices .weapon-card small{font:10px monospace}#choices .loadout-mech small{font:8px monospace}.status{top:110px}@media(max-width:850px){#upgradeBar{left:16px;bottom:132px;gap:3px;max-width:calc(100vw - 25px)}.upgrade-module{width:58px;padding:5px 3px 8px}.upgrade-module span{font-size:7px}.upgrade-module svg{width:20px;height:20px}.loadout-grid{grid-template-columns:1fr 90px 1fr;gap:8px}.weapon-card{padding:10px}.weapon-card dl{font-size:9px}.weapon-card em{min-width:35px;margin-left:4px}.candidate-grid{gap:8px}.weapon-card h3{font-size:14px}.numbers{display:none}}
#gpuScene{position:fixed;inset:0;z-index:0;pointer-events:none}#game{position:fixed;inset:0;z-index:1}#hud{z-index:2}#performance{position:absolute;right:28px;top:325px;font:9px monospace;color:#8aab9c;letter-spacing:1px}
.status{width:310px;gap:17px}.status label{font-size:12px;letter-spacing:1px}.status label:nth-child(-n+2) .track{height:15px;border:1px solid #c4d4b02b;background:#101b19e0}.status label:nth-child(1) .track i{background:linear-gradient(90deg,#bd654b,#f0b66a)}.status label:nth-child(2) .track i{background:linear-gradient(90deg,#428bb6,#8cecff)}.status label:nth-child(3){font-size:10px}.upgrade-module{width:65px}#soundBtn{white-space:nowrap}.brand{min-width:150px}@media(max-width:1000px){header{gap:10px}header button{padding:9px;font-size:9px}.status{width:235px}.upgrade-module{width:57px}}@media(max-width:700px){.status{width:200px}.upgrade-module{width:45px}.upgrade-module span{font-size:6px}.upgrade-module b{font-size:9px}header .brand{min-width:115px;font-size:16px}}
.status{position:absolute;top:auto;bottom:22px;left:50%;transform:translateX(-50%);width:min(680px,84vw);display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;background:linear-gradient(135deg,#11211eef,#182722ed);border:1px solid #72978c66;padding:16px 20px;box-shadow:0 8px 35px #0008}.status label:nth-child(-n+2){font-size:13px;color:#e3ebdb;letter-spacing:2px}.status label:nth-child(-n+2) .track{height:22px;margin-top:9px;border-color:#afc8ad66}.status label:nth-child(3){grid-column:1/-1;font-size:10px}.status label:nth-child(3) .track{height:5px;margin-top:5px}footer{height:230px;padding:0;background:linear-gradient(transparent,#0a1713e0);display:block}footer>div:first-child{position:absolute;left:28px;bottom:163px;max-width:480px}footer>div:nth-child(2){position:absolute;right:28px;bottom:163px;width:265px}footer .hint{display:none}#upgradeBar{bottom:247px}#toast{bottom:342px}.owned-bonus,.next-bonus{display:block!important;margin:7px 0;padding:9px 10px;border:1px solid #8eb39b25;font:12px/1.6 monospace!important;color:#a6dfbe}.next-bonus{color:#f5cf8d;background:#a9892513}#choices .owned-bonus{color:#a6dfbe}#choices .next-bonus{color:#f5cf8d}#bossHud{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:min(590px,65vw);display:grid;gap:8px}#bossHud>div{position:relative;padding:10px 14px 17px;background:#230e18de;border:1px solid #bd576a88;font:11px monospace;overflow:hidden}#bossHud span{float:right;color:#e9b4b4}#bossHud i{position:absolute;bottom:0;left:0;height:6px;background:#c96972}.upgrade-module{background:linear-gradient(135deg,#18312dea,#0c1716f2)}@media(max-width:850px){.status{width:86vw;padding:12px;gap:10px}.status label:nth-child(-n+2){font-size:10px}.status label:nth-child(-n+2) .track{height:18px}footer>div:first-child{left:16px;bottom:151px;max-width:55vw}footer>div:nth-child(2){right:16px;bottom:151px;width:210px}#upgradeBar{bottom:235px}#toast{bottom:325px}}
footer>div:first-child{position:static;max-width:none}footer>div:first-child>small{display:none}#primaryName,#primaryLevel{position:fixed;bottom:163px;width:310px;margin:0;display:block}#primaryName{left:22px}#primaryLevel{right:22px}.weapon-live{padding:13px 15px;background:linear-gradient(135deg,#112820ed,#0a1715f2);border:1px solid #9baf97;border-left-width:3px;box-shadow:0 5px 25px #0006}.weapon-live small{font:9px monospace;letter-spacing:1px;color:#a1b3a3}.weapon-live b{font-size:15px!important;margin:8px 0 10px!important}.weapon-live span{display:block;font:10px/1.6 monospace;color:#c5d9c8}.weapon-live span+span{margin-top:2px}footer>div:nth-child(2){right:auto;left:50%;transform:translateX(-50%);bottom:165px;width:290px;padding:12px;background:#11251feb;border:1px solid #66978a50}footer>div:nth-child(2) b{font-size:14px}.upgrade-module em{font:9px monospace;color:#d1dabf;display:block;margin-top:5px;font-style:normal}#upgradeBar{bottom:310px}#toast{bottom:416px}.status label:nth-child(3){letter-spacing:0}.status label:nth-child(3) span{font-size:10px}@media(max-width:1100px){#primaryName,#primaryLevel{width:245px}.weapon-live{padding:10px}.weapon-live b{font-size:12px!important}.weapon-live span{font-size:8px}footer>div:nth-child(2){width:220px}#upgradeBar{bottom:300px}}@media(max-width:780px){#primaryName,#primaryLevel{width:210px;bottom:160px}#primaryName{left:10px}#primaryLevel{right:10px}footer>div:nth-child(2){bottom:288px;right:10px;left:auto;transform:none;width:210px}#upgradeBar{bottom:395px;max-width:calc(100vw - 20px)}#toast{bottom:500px}.upgrade-module{width:44px}}

#narrator{position:absolute;bottom:190px;left:50%;transform:translateX(-50%);max-width:70vw;text-align:center;font:13px monospace;color:#b3eceb;background:#081c20d9;padding:8px 14px;border-left:2px solid #71d3d4;pointer-events:none}#narrator:empty{display:none}#supportHud{position:absolute;right:28px;top:340px;width:270px;pointer-events:none}#supportHud>div{background:#0a171be8;border-left:3px solid;padding:8px;margin-bottom:6px}#supportHud b,#supportHud span{display:block;font:10px monospace;line-height:1.6}.support-inventory{padding:12px;border:1px solid #628480}.critical .status{animation:critical-pulse .8s infinite alternate}@keyframes critical-pulse{to{box-shadow:0 0 30px #ff403088}}/* Cockpit layout: compact fixed edge bands, no document or inventory scrolling. */
html,body{height:100%;overflow:hidden}#hud header{height:60px;padding:10px 16px;gap:18px;background:linear-gradient(#081611ee,transparent)}.numbers b{font-size:17px}.brand{font-size:19px}header button{padding:8px 10px}.status{bottom:8px;width:min(740px,78vw);padding:8px 12px;gap:5px 14px;box-shadow:none}.status label:nth-child(-n+2){font-size:10px;letter-spacing:1px}.status label:nth-child(-n+2) .track{height:15px;margin-top:4px}.status label:nth-child(3){font-size:9px}.status label:nth-child(3) .track{height:3px;margin-top:3px}footer{height:160px;background:linear-gradient(transparent,#081511ee)}#primaryName,#primaryLevel{bottom:85px;width:calc((100vw - 56px)/3);position:fixed}#primaryName{left:14px}#primaryLevel{left:calc(33.333vw + 5px);right:auto}footer>div:nth-child(2){bottom:85px;left:auto;right:14px;transform:none;width:calc((100vw - 56px)/3);padding:8px;height:76px}.weapon-live{height:76px;padding:7px 10px;box-shadow:none}.weapon-live small{font-size:8px}.weapon-live b{font-size:12px!important;margin:4px 0!important;white-space:nowrap}.weapon-live span{font-size:9px;line-height:1.35}.weapon-live span:nth-of-type(n+3){display:none}footer>div:nth-child(2) b{font-size:11px;margin-top:4px}footer>div:nth-child(2)>span{font-size:9px}.secondary.track{margin:5px 0}#supportHud{right:14px;left:14px;top:auto;bottom:166px;width:auto;display:flex;gap:6px;justify-content:center}#supportHud>div{flex:1;max-width:340px;margin:0;padding:5px 8px;background:#0a171bf0}#supportHud b,#supportHud span{font-size:8px;line-height:1.3}#upgradeBar{left:14px;right:14px;bottom:212px;max-width:none;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;pointer-events:auto}.upgrade-module{width:54px;min-width:40px;padding:5px 3px;height:55px;clip-path:none;flex:0 1 54px}.upgrade-module svg{width:18px;height:18px;margin-bottom:2px}.upgrade-module span{display:none}.upgrade-module b{font-size:10px;margin:0}.upgrade-module em{font-size:8px;margin-top:2px}.upgrade-module i{height:2px}#toast{bottom:276px;font-size:11px;max-width:65vw}#narrator{bottom:306px;font-size:11px;padding:5px 10px}#objective{top:70px;right:16px;font-size:10px}#performance{top:auto;bottom:15px;right:14px;font-size:8px}#bossHud{top:65px;width:min(520px,55vw)}#bossHud>div{padding:5px 9px 10px;font-size:9px}#bossHud i{height:4px}#interact{padding:7px 12px;font-size:10px}
#modal{padding:14px}.panel{max-height:calc(100vh - 28px);padding:20px}.panel .eyebrow{margin-bottom:8px}.panel h2{font-size:23px;margin-bottom:7px}.panel>p{margin:4px 0;font-size:11px}#modal .panel:has(.loadout){width:min(1180px,96vw);max-height:calc(100vh - 28px);overflow:hidden;padding:14px}#choices.loadout{margin-top:10px}.loadout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.weapon-card{padding:8px 10px}.weapon-card h3{font-size:13px;margin:4px 0}.weapon-card p,.weapon-symbol{display:none}.weapon-card small{font-size:8px!important}.weapon-card .calibration{font-size:8px!important}.weapon-card dl{margin-top:5px;font-size:9px}.weapon-card dl div{padding:2px 0;line-height:12px}.weapon-card em{font-size:8px;min-width:34px}.support-strip{margin:8px 0;padding:6px 8px;background:#112822;font:9px/1.4 monospace;color:#9bd3c7}.storage-header{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font:9px monospace}.storage-header button{padding:3px 8px!important;font:9px monospace!important}.storage-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-height:25px}.storage-list button{padding:6px!important;font:8px monospace!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-head{font:bold 11px monospace;margin:10px 0 5px}.comparison{width:100%;border-collapse:collapse;table-layout:fixed;font:10px monospace}.comparison td,.comparison th{padding:3px 7px;text-align:right;border-bottom:1px solid #7fa09420;line-height:13px}.comparison th:first-child{text-align:left;color:#aac0b0}.comparison thead{color:#e3bd78;font-size:9px}.comparison em{display:inline-block;min-width:56px;font-size:9px;font-style:normal}.mount-actions{gap:8px;margin-top:8px}.mount-actions button{padding:8px!important;font-size:10px!important}#modalActions{margin-top:10px;gap:8px}#modalActions button{padding:8px 15px;font-size:11px}#choices:not(.loadout){margin-top:16px}#choices:not(.loadout) button{padding:14px}#choices:not(.loadout) b{font-size:15px}.owned-bonus,.next-bonus{font-size:10px!important;padding:6px!important}.inventory-empty{height:30px;color:#92b0a3;font:11px monospace}
@media(max-height:650px){#modal .panel:has(.loadout){padding:10px}.panel h2{font-size:18px}.panel>p{font-size:9px}.weapon-card dl div{padding:1px 0;line-height:10px}.weapon-card h3{font-size:11px}.comparison td,.comparison th{padding:2px 5px;line-height:11px;font-size:9px}.support-strip{padding:4px;margin:5px 0}.candidate-head{margin-top:6px}.mount-actions button{padding:6px!important}#modalActions button{padding:6px 12px}#upgradeBar{bottom:199px}.upgrade-module{height:48px}#toast{bottom:254px}#narrator{bottom:280px}#supportHud{bottom:162px}}
@media(max-width:1000px){.status{width:76vw}.weapon-live b{font-size:10px!important}.weapon-live span{font-size:8px}#supportHud b,#supportHud span{font-size:7px}.comparison em{min-width:35px;font-size:8px}.storage-list{grid-template-columns:repeat(3,minmax(0,1fr))}.loadout-grid{gap:5px}.weapon-card{padding:6px}.upgrade-module{width:43px;flex-basis:43px}.brand{min-width:110px}header{gap:8px!important}}

#choices.loadout .weapon-card dl{display:none}#choices.loadout .weapon-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#modal .loadout-grid .weapon-card{min-height:52px}

#modal .panel:has(.loadout)>p{display:none}@media(max-width:700px){#toast{bottom:330px}#narrator{bottom:356px}}

#modal .panel:has(.loadout){position:relative}.inventory-mech{position:absolute;right:24px;top:9px;width:44px;height:50px;pointer-events:none}.inventory-mech svg{height:45px}.inventory-mech small{display:none}
/* Armored AW-01 cockpit. Static metal surfaces, live instruments. */
#cockpit{--cockpit-height:min(230px,24vh);--steel:#414c49;--trim:#9c9f88;position:absolute;bottom:0;left:0;width:100%;height:var(--cockpit-height);pointer-events:none;display:grid;grid-template-rows:27% 67% 6%;box-shadow:0 -3px 6px #0008}
.cockpit-top{position:relative;display:grid;grid-template-columns:12% 83% 5%;align-items:end;gap:0;background:linear-gradient(180deg,#616860,#253331 12%,#172321 45%,#42514b 90%,#111d1b);border-top:3px solid #737b6a;border-bottom:3px solid #080f0e;clip-path:polygon(0 18%,11.5% 18%,13% 0,87% 0,88.5% 18%,100% 18%,100% 100%,0 100%)}
.cockpit-top:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 3px,#0000000d 3px 4px);border-bottom:1px solid #a9ae9280}
.radar-caption{height:70%;font:700 clamp(6px,.7vw,10px) monospace;color:#a9b7a3;padding:8px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden}.radar-caption i{width:4px;height:4px;background:#efb765;box-shadow:0 0 6px #eeaa40;flex:none}.top-latches{display:flex;gap:4px;justify-content:center;padding-bottom:9px}.top-latches i{height:5px;width:5px;background:#e6a14d;border-radius:50%;box-shadow:0 0 4px #e79a55}
#cockpit #upgradeBar{position:relative;inset:auto;display:grid;grid-template-columns:repeat(17,minmax(0,1fr));width:100%;height:100%;max-width:none;gap:5px;padding:4px 6px 3px;pointer-events:auto;align-items:stretch;flex-wrap:nowrap}
#cockpit .upgrade-module{position:relative;width:auto;min-width:0;height:auto;flex:none;padding:2px 2px 3px;clip-path:none;border:1px solid #74857566;border-radius:3px;background:linear-gradient(145deg,#324340,#0e1b19 35%,#16221e 85%,#485549);box-shadow:inset 0 0 0 2px #071310,0 1px 0 #a0ac8970;color:#7d8e82;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}
#cockpit .upgrade-module svg{width:clamp(15px,2vw,27px);height:clamp(15px,2vw,27px);margin:0;filter:drop-shadow(0 1px 2px #000)}#cockpit .upgrade-module b{font:700 clamp(9px,1.05vw,15px) monospace;margin:0;line-height:1.2;color:#78867b}#cockpit .upgrade-module i{height:2px;opacity:.55;background:#ffbb56}#cockpit .upgrade-module.active{color:#ffbf4e;border-color:#b89b5a;box-shadow:inset 0 0 0 2px #102018,inset 0 0 14px #c49c2f15,0 0 4px #c69c3240}#cockpit .upgrade-module.active b{color:#ffc159}#cockpit .upgrade-module.empty svg{opacity:.45}#cockpit .upgrade-module.empty i{display:none}
#cockpit .upgrade-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);display:none;min-width:170px;max-width:240px;height:auto;padding:10px 12px;text-align:left;font:11px/1.4 monospace;background:#0c1918f5;border:1px solid #82bbb1;color:#f1e7c9;box-shadow:0 5px 20px #0009;z-index:5;pointer-events:none;white-space:normal}#cockpit .upgrade-tooltip strong{display:block;color:#ffbd55;font:700 14px monospace;margin-top:5px}#cockpit .upgrade-module:hover .upgrade-tooltip,#cockpit .upgrade-module:focus-visible .upgrade-tooltip{display:block}#cockpit .upgrade-module:nth-child(-n+2) .upgrade-tooltip{left:0;transform:none}#cockpit .upgrade-module:nth-last-child(-n+2) .upgrade-tooltip{left:auto;right:0;transform:none}
#cockpit .acquisition-flash{animation:acquisition 1s ease-out!important}@keyframes acquisition{0%,20%{background:#9d682b;box-shadow:inset 0 0 10px #fff4b3,0 0 18px #ffaf36;border-color:#ffe2a0;color:#fff9d7}100%{box-shadow:inset 0 0 8px #ffa82620}}
.cockpit-main{display:grid;grid-template-columns:11% 33% 23% 8% 19% 6%;gap:0;padding:4px 4px 2px;background:linear-gradient(180deg,#273831 0 5px,transparent 5px);position:relative}.armor-panel{position:relative;min-width:0;border:2px solid #091510;outline:1px solid #7a87716e;outline-offset:-4px;background:linear-gradient(160deg,#26352e,#091711 35%,#0b1917 65%,#334539);box-shadow:inset 0 0 0 5px #384b40,inset 0 0 0 6px #80917a70,0 0 0 1px #626f5b;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.armor-panel:before{content:'';position:absolute;inset:7px;pointer-events:none;background:repeating-linear-gradient(145deg,#ffffff02 0 2px,transparent 2px 4px);border:1px solid #091c15;z-index:0}.armor-panel:after{content:'';position:absolute;left:5px;top:5px;width:3px;height:3px;background:#8c967f;border-radius:50%;box-shadow:calc(100vw * .02) 0 0 #74866f;pointer-events:none;opacity:.6}
.weapon-bank,.drone-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 4px;min-width:0}.equipment-slot{display:grid;grid-template-rows:1fr auto;align-items:center;text-align:center;padding:9px 6px 8px;pointer-events:auto;cursor:help;--equipment-color:#e1b565}.equipment-slot kbd,.secondary-slot>kbd{position:absolute;left:9px;top:8px;padding:1px 4px;font:700 clamp(7px,.9vw,12px) monospace;color:#dce2cf;border:1px solid #97a38d;border-radius:2px;background:#102019;z-index:1}.slot-art{min-height:0;height:100%;display:grid;place-items:center;position:relative}.equipment-art{display:block;width:100%;height:100%;max-height:120px;filter:drop-shadow(0 2px 2px #000);overflow:visible}.slot-level{display:block;font:700 clamp(10px,1.4vw,21px) monospace;line-height:1;color:#efba5e;white-space:nowrap;border-top:1px solid #54726470;padding-top:5px;position:relative;text-shadow:0 1px 3px #000}.uninstalled .equipment-art{opacity:.16;filter:grayscale(1)}.uninstalled .slot-level,.uninstalled .secondary-readout{color:#596e60}.drone-slot{grid-template-rows:1fr auto auto}.drone-count{font:700 clamp(8px,.85vw,12px) monospace;color:#94b3a2;line-height:1;padding-top:4px;position:relative}.uninstalled .drone-count{color:#465d4f}
#cockpit .mech-status{margin:0 3px;padding:9px 10px 8px}#cockpit .status{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:1fr 22% 1fr;grid-template-rows:1fr 22%;width:100%;height:100%;padding:2px 1px;background:none;border:0;box-shadow:none;gap:2px 5px}#cockpit .status label{position:relative;inset:auto;min-width:0;margin:0;display:flex;flex-direction:column;justify-content:center;text-align:center;letter-spacing:.5px;font:700 clamp(7px,.9vw,13px) monospace;color:#d5d8c1}#cockpit .status label>span{order:2;font:700 clamp(12px,1.8vw,25px) monospace;color:#ffc067;margin-top:6px;line-height:1.05;white-space:nowrap}#cockpit .status .shield-meter>span{color:#78e9f4}#cockpit .status .track{order:1;height:clamp(13px,2.5vh,25px);margin-top:7px;border:1px solid #ba9e5a;position:relative;background:#061e16;overflow:hidden}#cockpit .status .track:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 2px),#071914d9 calc(12.5% - 2px) 12.5%);border:1px solid #060f0ca0}#cockpit .status .track i{height:100%;display:block;background:linear-gradient(90deg,#d6613c,#ffcf69);box-shadow:inset 0 3px 1px #fff4,inset 0 -2px 2px #9c6b1866}#cockpit .status .shield-meter .track{border-color:#3eafbb}#cockpit .status .shield-meter .track i{background:linear-gradient(90deg,#1794ab,#89f3ff)}.cockpit-mech{min-width:0;display:flex;align-items:center;justify-content:center}.cockpit-mech .loadout-mech{width:100%}.cockpit-mech svg{width:100%;height:100%;max-height:100px;filter:drop-shadow(0 0 3px #ad934438)}.cockpit-mech svg g{fill:#152f24;stroke:#d9a64d;stroke-width:2}.cockpit-mech .loadout-mech small{display:none}
#cockpit .status label.experience-meter{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:center;border-top:1px solid #54745d55;white-space:nowrap;padding-top:4px}#cockpit .experience-meter #levelText{font:700 clamp(10px,1.45vw,20px) monospace;color:#ffc159;line-height:1;margin:0}#cockpit .experience-meter .track{height:clamp(8px,1.4vh,13px);margin:0;border-color:#858f6b;order:0;box-shadow:inset 0 0 0 2px #0a1d13}#cockpit .experience-meter .track i{background:linear-gradient(90deg,#dc963b,#ffcc62)}#cockpit .experience-meter .track:after{background:none}#cockpitXp{display:none!important}
.secondary-slot{padding:10px 7px 7px;margin-left:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:auto;cursor:help}.cooldown-ring{position:relative;width:min(100%,100px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -90deg,#ffa943 0deg var(--charge,0deg),#532a1d var(--charge,0deg) 360deg);box-shadow:0 0 0 2px #051813,0 0 0 3px #747e6670}.cooldown-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,#173025,#0b1d18);border:1px solid #193e2c}.cooldown-ring:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 13deg,#081b1690 13deg 16deg);pointer-events:none}.secondary-art{position:absolute;inset:7px;z-index:1}.secondary-readout{font:700 clamp(9px,1.3vw,18px) monospace;color:#ffc25e;line-height:1;position:relative}.secondary-rank{font:700 clamp(7px,.75vw,11px) monospace;color:#adba9d;position:absolute;top:9px;right:8px}.secondary-slot.ready .cooldown-ring{box-shadow:0 0 0 2px #051813,0 0 8px #dd9c3b50}.secondary-slot.uninstalled .cooldown-ring{background:#1c3328}.secondary-slot.uninstalled .secondary-rank{opacity:.35}
.cockpit-actions{display:flex;flex-direction:column;gap:5px;padding:8px 8px;margin-left:4px;pointer-events:auto}.cockpit-actions button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;background:linear-gradient(145deg,#273d2b,#0e2418);border:1px solid #9e9d72;border-radius:2px;box-shadow:inset 0 0 0 2px #05160d;color:#f2be61;padding:2px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.cockpit-actions button:hover{background:#345231;border-color:#e4c173}.cockpit-actions svg{width:70%;height:70%;fill:none;stroke:currentColor;stroke-width:2}.cockpit-actions kbd{font:700 6px monospace;position:absolute;bottom:2px;right:4px;color:#a7b697}
.cockpit-bottom{position:relative;display:flex;gap:9px;align-items:center;justify-content:center;background:linear-gradient(#5e6c57,#172b1d 45%,#0a1c12);border-top:1px solid #83926c;border-bottom:2px solid #030d06;overflow:hidden}.cockpit-bottom>i{width:9px;height:3px;background:#dfb354;box-shadow:0 0 4px #ca993333}.cockpit-bottom>span{font:6px monospace;letter-spacing:2px;color:#6e8b68}.warning-stripe{position:absolute;left:17%;bottom:0;width:8%;height:4px;background:repeating-linear-gradient(120deg,#aa943b 0 3px,#1c2b11 3px 6px)}
#hud .mission-header{height:55px;padding:10px 18px;display:flex;justify-content:space-between;background:linear-gradient(#061b17e0,transparent);pointer-events:none;gap:12px}#hud .mission-header .brand{font-size:clamp(17px,2.3vw,31px);letter-spacing:-1px;text-shadow:0 2px 3px #000}#modeLabel{display:none!important}.mission-readouts{display:flex;align-items:center;gap:16px}.mission-readouts .numbers{display:block;text-align:left;padding:0}.mission-time b{font:700 clamp(19px,2.6vw,35px) monospace;color:#eeeed8}.mission-score b{font:700 clamp(15px,2vw,27px) monospace;color:#f4b85c;border-left:1px solid #839e7b80;padding-left:16px}.mission-readouts #soundBtn{pointer-events:auto;position:relative;width:31px;height:29px;border:0;background:#0d2b1c70;padding:0;font-size:0;color:#e7ead5}.mission-readouts #soundBtn:before{content:'â—–))';font:700 16px monospace}.mission-readouts #soundBtn:hover{color:#ffc35f}
#hud #bossHud{top:15px;width:29vw;max-width:520px}#hud #bossHud>div{padding:4px 9px 11px;background:linear-gradient(#0e251a,#0b1913);border:1px solid #8d9b79;box-shadow:0 0 0 2px #082014;border-radius:4px;text-align:center;font:700 10px monospace}#hud #bossHud span{display:none}#hud #bossHud i{height:5px;background:linear-gradient(90deg,#b52626,#e15637);box-shadow:inset 0 1px #ffae7950}#objective{top:65px!important;font:9px/1.4 monospace!important;color:#c2cda8!important;opacity:.8}#performance{display:none!important}#toast{bottom:calc(min(230px,24vh) + 16px)!important;max-width:70vw;color:#f3d090;font:12px monospace!important;pointer-events:none}#narrator{bottom:calc(min(230px,24vh) + 49px)!important;font-size:11px!important;max-width:65vw}#legacyHud{display:none!important}#cockpit.cockpit-critical .mech-status{animation:cockpit-danger .8s ease-in-out infinite alternate}@keyframes cockpit-danger{to{box-shadow:inset 0 0 22px #bc351c70;outline-color:#fc6642}}
@media(max-width:1150px){#cockpit .radar-caption{padding:5px 5px;font-size:6px;gap:3px}.cockpit-main{grid-template-columns:11% 33% 23% 8% 19% 6%}.weapon-bank,.drone-bank{gap:3px;padding:0 3px}#cockpit #upgradeBar{gap:3px;padding-left:4px;padding-right:4px}#cockpit .mech-status{padding:7px 7px 5px}.equipment-slot{padding:7px 4px 6px}.equipment-slot kbd,.secondary-slot>kbd{left:7px;top:6px;padding:0 3px}.secondary-slot{padding:8px 5px 5px}.secondary-rank{right:6px;top:8px;font-size:7px}.cockpit-actions{padding:7px 5px}.armor-panel{box-shadow:inset 0 0 0 4px #384b40,inset 0 0 0 5px #80917a70}.mission-readouts{gap:11px}}
@media(max-height:650px){#cockpit .upgrade-module svg{width:18px;height:18px}#cockpit .upgrade-module b{font-size:10px}.equipment-slot kbd,.secondary-slot>kbd{font-size:7px}.slot-level{padding-top:3px;font-size:12px}#cockpit .status label>span{margin-top:4px;font-size:16px}#cockpit .status label{font-size:8px}#cockpit .status .track{margin-top:4px;height:13px}.secondary-rank{font-size:7px}.secondary-readout{font-size:11px}.secondary-slot{gap:2px}.cockpit-bottom>span{font-size:5px}.drone-count{font-size:8px;padding-top:2px}#hud .mission-header{height:44px;padding-top:7px}#hud #bossHud{top:10px}}
@media(max-width:800px){.cockpit-main{grid-template-columns:9% 35% 23% 8% 19% 6%}.cockpit-top{grid-template-columns:10% 86% 4%}#cockpit .radar-caption{font-size:5px}#cockpit .upgrade-module svg{width:16px;height:16px}#cockpit .upgrade-module b{font-size:9px}#cockpit .status label>span{font-size:12px}#cockpit .status label{font-size:6px}.slot-level{font-size:9px}.drone-count{font-size:7px}.secondary-readout{font-size:9px}.cockpit-mech{opacity:.8}.cockpit-actions{padding:5px 4px}.mission-score b{padding-left:10px}.mission-readouts{gap:8px}}
.radar-panel{background:transparent;box-shadow:inset 0 0 0 5px #384b40,inset 0 0 0 6px #a5af8c75;margin-right:3px;padding:9px;clip-path:none}.radar-panel:before{background:none;border-color:#081b12;inset:7px}.radar-panel:after{display:none}#radarDock{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}#radarDock>span{position:absolute;font:700 8px monospace;color:#c3d2b4;z-index:1;text-shadow:0 1px #000}.north{top:1px;left:50%;transform:translateX(-50%)}.south{bottom:1px;left:50%;transform:translateX(-50%)}.west{left:2px;top:50%;transform:translateY(-50%)}.east{right:2px;top:50%;transform:translateY(-50%)}.radar-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0d331710 3px 4px);pointer-events:none;border:1px solid #38644866}
#cockpit .status .armor-meter{grid-column:1;grid-row:1}#cockpit .status .cockpit-mech{grid-column:2;grid-row:1}#cockpit .status .shield-meter{grid-column:3;grid-row:1}#cockpit .status .experience-meter{grid-row:2}
#radarDock>.hud-radar-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#radarDock>span,#radarDock>.radar-scan{z-index:2;pointer-events:none}
.cockpit-top{clip-path:none;overflow:visible}#cockpit #upgradeBar{z-index:2}.cockpit-top:after{z-index:0}
/* Field terminal / equipment 3.0 */
.equipment-png{object-fit:contain;image-rendering:auto;filter:grayscale(1) sepia(.24) brightness(1.12);mix-blend-mode:screen}.slot-art .equipment-png{width:100%;height:100%;max-height:100%}
#arsenal{display:none}.arsenal-open{background:#061214ef;padding:12px!important}.arsenal-open>.panel{display:none}.arsenal-open #arsenal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1240px,97vw);height:min(790px,96vh);gap:16px;color:#dedfce;font-family:monospace;background:#0a191c;padding:22px 25px;border:1px solid #395758;box-shadow:0 20px 90px #0009;overflow:hidden}
.arsenal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3f5b5b;padding-bottom:14px}.arsenal-header small{font-size:11px;letter-spacing:2px;color:#e3b66c}.arsenal-header h2{font:700 clamp(19px,2.2vw,32px) monospace;margin:7px 0 0;letter-spacing:1px}.arsenal-header>span{font-size:10px;color:#8ba6a1}.arsenal-body{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(275px,1fr);gap:18px;min-height:0}.arsenal-left{display:grid;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr);gap:14px;min-height:0}.sf-frame{position:relative;background:#11262a;border:1px solid #58736e;box-shadow:inset 0 0 0 5px #0a191c,inset 0 0 0 6px #264044;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);padding:14px;min-height:0}.sf-frame:before,.sf-frame:after{content:'';position:absolute;width:15px;height:15px;border-color:#d5b577;pointer-events:none}.sf-frame:before{top:7px;left:7px;border-top:1px solid;border-left:1px solid}.sf-frame:after{bottom:7px;right:7px;border-bottom:1px solid;border-right:1px solid}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 12px monospace;letter-spacing:1px;padding:0 4px 10px;border-bottom:1px solid #355557}.section-label>span{font:9px monospace;color:#c0aa7b;letter-spacing:0}.blueprint-area{height:calc(100% - 27px);position:relative;min-height:0}.mech-blueprint{position:absolute;left:50%;top:29%;transform:translateX(-50%);width:39%;height:66%;object-fit:contain;opacity:.85}.diagram-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#7a9691;letter-spacing:1px}.mount-position{position:absolute;width:27%;height:42%}.mount-0{left:2%;top:41%}.mount-1{right:2%;top:41%}.mount-2{left:36.5%;top:3%;height:32%}.mount-position:after{content:'';position:absolute;height:1px;background:#577d77;width:45%;top:50%;pointer-events:none}.mount-0:after{left:100%}.mount-1:after{right:100%}.mount-2:after{width:1px;height:22%;top:100%;left:50%}
.arsenal-item{position:relative;width:100%;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;background:#0c1c20;border:1px solid #49605d;border-top:2px solid var(--tier,#3e5855);box-shadow:inset 0 0 0 3px #09191c;padding:6px!important;color:#ccd4c5;cursor:grab;outline-offset:-3px}.arsenal-item:hover,.arsenal-item.selected{background:#1d3031;border-color:#ddb56a}.arsenal-item.drop-ready{background:#33412e;border:2px solid #efbb61;box-shadow:inset 0 0 14px #dba34d44}.arsenal-item img{display:block;width:70%;height:68%;max-height:86px;object-fit:contain;pointer-events:none}.arsenal-item .item-rank{position:absolute;top:5px;right:5px;color:var(--tier);font:bold 10px monospace;background:#0a171a;padding:2px 4px;z-index:1}.arsenal-item .item-caption{font:10px/1.2 monospace;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.arsenal-item small{font:7px/1.3 monospace;color:#7e9791;display:block;margin-top:3px;letter-spacing:.3px}.hardpoint .item-caption{font-weight:bold;color:#dcd5b9}.arsenal-storage{display:flex;flex-direction:column;gap:10px}.arsenal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0}.arsenal-grid .arsenal-item img{width:73%;height:62%;max-height:65px}.arsenal-grid .item-caption{font-size:8px}.arsenal-grid .item-rank{font-size:8px;top:3px;right:3px}.arsenal-grid .arsenal-item small{font-size:6px}.undiscovered{opacity:.38;cursor:default}.undiscovered>span{font:24px monospace;color:#577f78}
.arsenal-inspect{display:flex;flex-direction:column;padding:14px 18px;overflow:hidden}.inspect-visual{position:relative;flex:0 1 85px;min-height:45px;text-align:center;margin:10px 0 4px}.inspect-visual img{height:100%;max-height:90px;max-width:100%}.inspect-visual>b{position:absolute;right:0;top:2px;font:700 15px monospace;color:var(--tier)}.arsenal-inspect h3{font:700 20px/1.1 monospace;margin:5px 0;color:#e2dfca}.tier-label{font:9px monospace;margin-top:5px}.arsenal-inspect p{font:11px/1.4 monospace;color:#96aaa1;margin:10px 0}.compare-controls{display:flex;align-items:center;gap:5px;border-top:1px solid #355557;padding-top:8px}.compare-controls>span{font:8px monospace;margin-right:auto;color:#94aca4}.compare-controls button{font:9px monospace;padding:4px 7px;background:#0e1f23;border:1px solid #42625d;color:#99aaa0}.compare-controls button.active{border-color:#d2aa68;color:#e4bc7d}.stat-meters{display:grid;gap:7px;flex:1;min-height:0;margin:10px 0}.stat-meter label{font:9px monospace;display:flex;justify-content:space-between;align-items:center;color:#a7b8ad;margin-bottom:4px}.stat-meter label>span{color:#ece4cc;font:11px monospace}.stat-meter em{font:9px monospace;margin-left:7px;display:inline-block;min-width:30px;text-align:right;font-style:normal}.stat-meter>div{position:relative;height:6px;background:#07181c;border:1px solid #375450}.stat-meter i{display:block;height:100%;background:#d5aa63}.stat-meter b{position:absolute;top:-2px;height:8px;width:1px;background:#afcfc4;max-width:100%;transform:translateX(-1px)}.inspect-mount-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:7px;border-top:1px solid #355557}.inspect-mount-actions button{background:#263c38;border:1px solid #617b6a;color:#e2c487;font:9px/1.3 monospace;padding:8px 4px;min-width:0}.inspect-mount-actions button:hover{background:#3b4b3e}.arsenal-footer{border-top:1px solid #385654;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px}.arsenal-footer>span{font:8px/1.5 monospace;color:#879e96}.arsenal-footer>div{display:flex;gap:8px}.arsenal-footer button{background:#2a413b;border:1px solid #93a28a;color:#e6c78f;padding:10px 12px;font:10px monospace;white-space:nowrap}.arsenal-footer button.quiet{background:transparent;color:#8aa39a;border-color:#3b5c52}
#menu{justify-content:flex-start;align-items:center;padding:clamp(24px,5vw,80px);background:#071418 url('assets/menu-scene.png?v=mech-swarm-20261015') center center/cover no-repeat;font-family:monospace;isolation:isolate}#menu:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071719f5 0%,#071719e8 23%,#0717198c 43%,#07171915 68%),linear-gradient(0deg,#071719a6,transparent 35%)}#menu .intro{width:min(530px,46vw);padding:25px 24px;border:1px solid #8da69555;background:#0a1b1da8;box-shadow:inset 0 0 0 5px #0a191c66;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}#menu .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}#menu h1{font:900 clamp(35px,4.4vw,65px)/1 monospace;letter-spacing:-3px;margin-bottom:22px}#menu .lead{font-size:clamp(16px,1.7vw,23px);color:#dddfcb}#menu .description{font-size:11px;line-height:1.6;color:#9eaea2}#menu .modes{display:grid;gap:10px;margin-top:24px}#menu .modes button{width:100%;padding:15px 18px;background:#15292be8;border:1px solid #6d817566;box-shadow:inset 3px 0 #d4aa62;transform:none}#menu .modes button:hover{background:#2b3b34;border-color:#c3b182}#menu .modes b{font:700 17px monospace;margin:8px 0;color:#e1d7bd}#menu .modes small{font-size:9px}#menu .modes span{font-size:10px;color:#9bae9f}#menu .menu-bottom{font:8px/1.6 monospace;gap:12px;border-top:1px solid #466453;padding-top:14px;margin-top:18px}#menu .fine{font:8px monospace;letter-spacing:1px;color:#7b9a88;margin-top:13px}#menu .hero-art{position:absolute;right:4%;bottom:5%;width:auto;height:auto;margin:0;opacity:.9;background:none}#menu .hero-art .reticle{display:none}#menu .hero-art>span{position:relative;bottom:auto;background:#0b2021bb;border:1px solid #91a88b77;padding:10px 15px;color:#ddd5b7;font:10px/1.6 monospace}
@media(max-height:690px){.arsenal-open #arsenal{padding:12px 16px;gap:10px}.arsenal-header{padding-bottom:8px}.arsenal-header h2{font-size:21px;margin-top:4px}.arsenal-header small{font-size:9px}.sf-frame{padding:10px}.arsenal-inspect{padding:10px 14px}.inspect-visual{flex-basis:48px;margin:5px 0 2px}.inspect-visual img{max-height:48px}.arsenal-inspect h3{font-size:16px}.arsenal-inspect p{font-size:9px;margin:5px 0}.stat-meters{gap:4px;margin:6px 0}.stat-meter label{font-size:8px;margin-bottom:2px}.stat-meter label>span{font-size:9px}.stat-meter>div{height:4px}.arsenal-grid{gap:5px}.section-label{font-size:10px;padding-bottom:7px}.section-label>span{font-size:8px}.arsenal-footer button{padding:7px 9px}.arsenal-left{gap:10px}#menu .intro{padding:18px}#menu .eyebrow{margin-bottom:14px}#menu h1{margin-bottom:12px}#menu .lead{margin-bottom:10px}#menu .modes{margin-top:15px}#menu .modes button{padding:10px 15px}}
@media(max-width:900px){.arsenal-body{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:10px}.arsenal-header>span{font-size:8px}.arsenal-open #arsenal{padding:12px}.section-label{font-size:9px;letter-spacing:0}.section-label>span{font-size:7px}.arsenal-item .item-caption{font-size:8px}.arsenal-grid{gap:4px}.arsenal-grid .item-caption{font-size:6px}.arsenal-footer>span{max-width:42%;font-size:7px}.arsenal-footer button{font-size:8px}.arsenal-inspect h3{font-size:16px}#menu .intro{width:min(470px,67vw)}#menu .hero-art{right:2%;bottom:2%}.arsenal-grid .arsenal-item small{font-size:5px}}
.arsenal-inspect .inspect-visual{flex:0 1 50px;min-height:30px;margin:6px 0 2px}.arsenal-inspect .inspect-visual img{max-height:55px}.arsenal-inspect p{font-size:10px;line-height:1.4;margin:6px 0}.arsenal-inspect .stat-meters{gap:5px;margin:6px 0}.stat-meter label{line-height:12px;margin-bottom:2px}.stat-meter>div{height:5px}.arsenal-inspect .inspect-mount-actions button{padding:7px 3px;font-size:8px}.arsenal-inspect .inspect-visual .equipment-png{width:auto}
@media(max-height:690px){.arsenal-inspect .inspect-visual{flex-basis:32px;min-height:22px}.arsenal-inspect .inspect-visual img{max-height:35px}.arsenal-inspect p{font-size:9px;margin:4px 0}.arsenal-inspect .stat-meters{gap:3px;margin:5px 0}.stat-meter label{line-height:10px}.stat-meter>div{height:4px}.arsenal-inspect .inspect-mount-actions button{padding:5px 2px}}
/* Bound intrinsic PNG/canvas sizes inside the fixed cockpit tracks. */
#cockpit{grid-template-rows:minmax(0,27fr) minmax(0,67fr) minmax(0,6fr)}
#cockpit .cockpit-top,#cockpit .cockpit-main,#cockpit .cockpit-bottom,#cockpit .cockpit-main>*{min-height:0;min-width:0}
#cockpit .cockpit-main{grid-template-rows:minmax(0,1fr)}
#cockpit .weapon-bank,#cockpit .drone-bank{grid-template-rows:minmax(0,1fr);min-height:0}
#cockpit .equipment-slot{min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto}
#cockpit .drone-slot{grid-template-rows:minmax(0,1fr) auto auto}
#cockpit .slot-art{height:auto;min-height:0;align-self:stretch;overflow:hidden}
#cockpit .slot-art>.equipment-art{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}
#cockpit .status{min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,22%)}
#cockpit .cockpit-mech,#cockpit .cockpit-mech .loadout-mech{height:100%;min-height:0;overflow:hidden}
#cockpit .cockpit-mech svg{max-height:100%;object-fit:contain}
#cockpit .radar-panel{display:grid;place-items:center;min-height:0;overflow:hidden}
#cockpit #radarDock{height:100%;width:auto;aspect-ratio:1;max-width:100%;min-height:0}
#cockpit .secondary-slot{min-height:0;overflow:hidden}
#cockpit .cooldown-ring{width:clamp(32px,8vh,86px);max-width:100%;min-height:0;flex-shrink:1}
/* Clear upgrade cards and pickup readout. */
#modal .panel:has(.powerup-choice){background:#0c2024;border-color:#607770;font-family:monospace;max-height:94vh;overflow:auto}#modal .panel:has(.powerup-choice) h2{font:700 25px monospace}#choices .powerup-choice{display:flex;flex-direction:column;background:#122b2e;border:1px solid #58756c;padding:20px 18px;box-shadow:inset 0 0 0 4px #0b1c20}#choices .powerup-choice:hover{border-color:#dfba77;background:#223735}#choices .powerup-choice>small{color:#d9c18b;font:11px monospace}.powerup-art{align-self:center;display:grid;place-items:center;width:86px;height:86px;margin:18px 0 5px;padding:14px;background:#0a1c20;border:1px solid #82937b;color:#e7c185;box-shadow:inset 0 0 0 4px #203c39}.powerup-art svg,.powerup-art img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.powerup-choice .upgrade-gain{display:block;color:#ffd482;font:700 14px/1.4 monospace;margin:8px 0 15px}.upgrade-transition{border-top:1px solid #476259;padding-top:10px}.upgrade-transition small{display:block!important;color:#859f93!important;font:9px monospace!important;letter-spacing:1px;margin:8px 0 4px}.upgrade-transition span{color:#d8dfce!important;font:11px/1.35 monospace!important}#pickupNotice{position:absolute;top:85px;right:22px;display:flex;align-items:center;gap:14px;width:min(390px,45vw);padding:12px 15px;background:#0a2023ed;border:1px solid #b69b64;box-shadow:inset 0 0 0 3px #294239,0 8px 24px #0006;pointer-events:none;font-family:monospace}.pickup-icon{width:46px;height:46px;flex:none;border:1px solid #6a897b;padding:7px;color:#e3bf79;background:#102b2d}.pickup-icon svg{width:100%;height:100%;display:block}#pickupNotice>div:nth-child(2){flex:1;min-width:0}#pickupNotice small{display:block;color:#8fa796;font:8px monospace;letter-spacing:1px}#pickupNotice strong{display:block;color:#e6dfc7;font:700 13px/1.3 monospace;margin:4px 0}#pickupNotice span{display:block;color:#f0c77c;font:10px/1.4 monospace}#pickupNotice>b{font:700 15px monospace;color:#f0c77c;white-space:nowrap}@media(max-height:650px){.powerup-art{width:60px;height:60px;margin:10px 0 3px;padding:10px}#choices .powerup-choice{padding:14px}#choices .powerup-choice b{font-size:15px}.powerup-choice .upgrade-gain{font-size:12px;margin:6px 0 9px}.upgrade-transition small{margin-top:5px}#pickupNotice{top:60px;padding:9px 12px}}
.pickup-icon>.equipment-art{width:100%;height:100%;max-height:100%;object-fit:contain}
#menu .title-logo{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 4px 8px #000)}#menu h1:has(.title-logo){font-size:0;margin-bottom:18px}#hud .mission-header .brand{font-size:clamp(15px,2vw,27px)}
@media(max-height:690px){#menu .title-logo{max-height:100px}#menu h1:has(.title-logo){margin-bottom:12px}}
#boostHud{position:absolute;right:22px;bottom:calc(min(230px,24vh) + 24px);width:min(320px,35vw);display:grid;gap:8px;pointer-events:none}.boost-meter{padding:9px 12px;border:1px solid var(--boost);background:#0a2025ed;font-family:monospace;box-shadow:inset 0 0 14px #0008}.boost-meter>div{display:flex;align-items:center;gap:9px;color:var(--boost)}.boost-meter svg{width:24px;height:24px;flex:none;fill:none}.boost-meter strong{font-size:11px;flex:1}.boost-meter b{font-size:14px}.boost-meter>span{display:block;background:#203638;height:6px;margin-top:7px}.boost-meter i{height:100%;display:block;background:var(--boost);box-shadow:0 0 8px var(--boost)}
#pickupNotice[data-kind="overcharge"],#pickupNotice[data-kind="shieldOvercharge"],#pickupNotice[data-kind="detonator"]{border-color:var(--pickup);box-shadow:inset 0 0 15px #0008,0 0 12px color-mix(in srgb,var(--pickup) 30%,transparent)}#pickupNotice .pickup-icon{color:var(--pickup,#e3bf79)}
.mission-readouts #soundBtn.muted:before{content:'◖×';color:#c2a783}
/* V21: readable arsenal, four combat metrics, explicit ten-drone deployment. */
.arsenal-open #arsenal{width:min(1600px,98vw);height:97vh;padding:18px 24px;gap:12px}.arsenal-body{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);gap:16px}.arsenal-left{grid-template-rows:minmax(220px,1.3fr) minmax(150px,.95fr) minmax(155px,.85fr);gap:12px}.arsenal-header{padding-bottom:8px}.arsenal-header h2{font-size:30px}.arsenal-header>span{font-size:16px}.section-label{font-size:15px;padding-bottom:8px}.section-label>span{font-size:12px}.arsenal-item .item-caption,.arsenal-grid .item-caption{font-size:13px}.arsenal-item .item-rank,.arsenal-grid .item-rank{font-size:13px}.arsenal-item small{display:none}.arsenal-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.arsenal-inspect h3{font-size:26px}.arsenal-inspect .inspect-visual{flex:0 1 130px;min-height:75px;margin:20px 0}.arsenal-inspect .inspect-visual img,.arsenal-inspect .inspect-visual svg{height:100%;max-height:130px;width:auto;max-width:100%}.arsenal-inspect .inspect-visual>b{font-size:23px}.tier-label{font-size:14px}.arsenal-inspect .stat-meters{flex:0;gap:22px;margin:26px 0}.stat-meter label{font-size:14px;line-height:22px;margin-bottom:8px}.stat-meter label>span{font-size:19px}.stat-meter em{font-size:14px}.stat-meter>div{height:12px}.stat-meter b{height:14px}.compare-controls{margin-top:16px}.compare-controls>span{font-size:12px}.compare-controls button{font-size:14px;padding:7px 10px}.arsenal-inspect .inspect-mount-actions{margin-top:auto}.arsenal-inspect .inspect-mount-actions button{font-size:13px;padding:12px 4px}.arsenal-footer>span{font-size:12px}.arsenal-footer button{font-size:15px;padding:12px 18px}.inspect-prompt{font-size:20px!important;line-height:1.5!important;margin:auto 0!important;color:#b8c8bb!important}.diagram-caption{font-size:12px}.drone-storage{display:grid;grid-template-columns:1fr 1.7fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.drone-storage>.section-label{grid-column:1/-1}.drone-owned{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0}.drone-item svg,.drone-item img{width:75%;height:65%;max-height:70px}.drone-loadout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}.drone-hardpoint{position:relative;background:#0b1a1e;border:1px solid #6d9e8f;padding:3px;min-height:0;display:grid;place-items:center;cursor:pointer}.drone-hardpoint b{position:absolute;top:3px;left:4px;font:11px monospace;color:#bed5c4}.drone-hardpoint img,.drone-hardpoint svg{height:100%;width:90%;max-height:65px;object-fit:contain}.drone-hardpoint>span{font-size:24px;color:#95c8ba}.drone-hardpoint.locked{opacity:.3;border-color:#4c5a56;cursor:default}.drone-hardpoint.drop-ready{border-color:#ffbc66;background:#314339}.drone-empty-label{font:14px monospace;color:#859b92;align-self:center;grid-column:1/-1;text-align:center}
#cockpit .upgrade-module{padding-bottom:9px}#cockpit .upgrade-module .skill-progress{position:absolute;left:3px;right:3px;bottom:3px;height:5px;background:#030d0d;border:1px solid #708b7c;border-radius:1px;overflow:hidden}#cockpit .upgrade-module .skill-progress i{position:static;height:100%;display:block;opacity:1;background:linear-gradient(90deg,#c77d2c,#ffd17c);box-shadow:0 0 4px #ffb343}#cockpit .upgrade-module.empty .skill-progress i{display:block;width:0!important}
@media(max-height:760px){.arsenal-open #arsenal{padding:10px 16px;gap:8px}.arsenal-header h2{font-size:24px}.arsenal-left{grid-template-rows:minmax(170px,1.2fr) minmax(125px,.95fr) minmax(125px,.8fr);gap:8px}.sf-frame{padding:10px}.section-label{font-size:13px}.arsenal-inspect .inspect-visual{flex-basis:65px;min-height:45px;margin:8px 0}.arsenal-inspect .inspect-visual img,.arsenal-inspect .inspect-visual svg{max-height:65px}.arsenal-inspect h3{font-size:22px}.arsenal-inspect .stat-meters{gap:13px;margin:15px 0}.stat-meter label{font-size:12px;line-height:17px;margin-bottom:4px}.stat-meter label>span{font-size:16px}.stat-meter>div{height:9px}.arsenal-grid .item-caption,.arsenal-item .item-caption{font-size:11px}.arsenal-footer button{font-size:13px;padding:8px 13px}.arsenal-inspect .inspect-mount-actions button{font-size:11px;padding:8px 3px}}
@media(max-width:1000px){.arsenal-body{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:10px}.arsenal-item .item-caption,.arsenal-grid .item-caption{font-size:10px}.arsenal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.arsenal-grid .item-rank{font-size:10px}.arsenal-footer>span{font-size:10px}.drone-storage{grid-template-columns:1fr 1.5fr}.drone-hardpoint b{font-size:9px}.drone-item .item-rank{font-size:10px}.section-label>span{font-size:10px}}

/* Stable drone hit targets: decorative SVG children never intercept drag/click. */
.drone-item>*:not(button),.drone-hardpoint>*{pointer-events:none;user-select:none}.drone-owned .drone-item{touch-action:none}.drone-hardpoint{touch-action:none;z-index:1}.drone-hardpoint.awaiting-drone:not(.locked){border-color:#efc274;box-shadow:inset 0 0 12px #b8872733}.drone-hardpoint[aria-disabled="true"]{cursor:not-allowed}.drone-item.selected{border-color:#ffc766;background:#304139}#arsenalHint{color:#f0c983;font-size:12px;line-height:1.3;max-width:56%;white-space:normal}

#infectionHud{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:min(460px,40vw);padding:7px 12px;background:#101e22e8;border:1px solid #684743;font:11px monospace;pointer-events:none}#infectionHud>span{display:flex;justify-content:space-between;color:#caa6a0;margin-bottom:5px}#infectionHud>span>b{color:#f48678}#infectionHud>div{display:grid;grid-template-columns:repeat(15,1fr);gap:4px}#infectionHud i{height:12px;border:1px solid #5d4544;background:#261f23}#infectionHud i.filled{background:#d9343e;border-color:#ff7070;box-shadow:0 0 5px #db3a4d55}#infectionHud i.critical-cell{border-color:#ad424c}#infectionHud.critical>span>b{color:#ff4d61}#infectionHud.critical{border-color:#ec4659}#boostHud{bottom:calc(min(230px,24vh) + 16px);right:16px;width:min(310px,30vw)}.boost-meter strong{font-size:11px}#pickupNotice[data-kind="firerateOvercharge"]{border-color:var(--pickup);box-shadow:0 0 12px #ffa46b55}@media(max-width:900px){#infectionHud{width:36vw;font-size:9px;top:13px;padding:5px 7px}#infectionHud i{height:10px}#infectionHud>div{gap:2px}}

.arsenal-item.equipped{border-color:#7ba98b;box-shadow:inset 0 0 0 2px #6e9b7440}.arsenal-item .item-location{font:9px/1.2 monospace;display:block;color:#99e4b5;white-space:normal;margin-top:3px;max-width:100%;text-align:center}.drone-hardpoint .drone-slot-label{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:bold 9px monospace;color:#a5dab9;pointer-events:none}.drone-hardpoint img,.drone-hardpoint svg{max-height:calc(100% - 18px);margin-bottom:10px}.drone-item svg{max-height:55px}.drone-item .item-location:before{content:'SLOTY ';color:#729885}.drone-hardpoint.locked .drone-slot-label{color:#98a6a0}.arsenal-grid .arsenal-item img{height:50%}.arsenal-item .item-location{font-size:clamp(7px,.7vw,10px)}

#boostHud{left:10px;right:10px;width:auto;bottom:calc(min(230px,24vh) + 14px);display:grid;grid-template-columns:1fr;gap:5px}.boost-meter{padding:7px 14px;border-width:2px;background:#091b22f5;box-shadow:0 0 14px color-mix(in srgb,var(--boost) 24%,transparent)}.boost-meter>div{gap:12px}.boost-meter svg{height:29px;width:29px}.boost-meter strong{font-size:16px;letter-spacing:1px}.boost-meter b{font-size:20px}.boost-meter>span{height:11px;margin-top:4px}.boost-meter i{box-shadow:0 0 12px var(--boost)}@media(max-height:700px){.boost-meter{padding:4px 10px}.boost-meter svg{height:22px;width:22px}.boost-meter strong{font-size:13px}.boost-meter b{font-size:16px}.boost-meter>span{height:8px;margin-top:2px}}
/* V25: one shared thirty-cell store, ten deployment bays above the mech. */
.arsenal-left{grid-template-rows:minmax(85px,.36fr) minmax(190px,1fr) minmax(245px,1.1fr);gap:9px}.drone-storage{display:block;padding:9px 12px}.drone-storage .section-label{padding-bottom:6px}.drone-loadout{height:calc(100% - 25px);grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:6px}.arsenal-grid{height:calc(100% - 26px);grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}.arsenal-storage{min-height:0}.storage-empty{min-height:0;border:1px solid #354d4a;background:linear-gradient(135deg,#0b1b1f,#0e2427);display:grid;place-items:center;color:#35504c;box-shadow:inset 0 0 0 3px #09171a}.storage-empty span{font:17px monospace}.arsenal-grid .arsenal-item{padding:3px!important;overflow:hidden}.arsenal-grid .arsenal-item .equipment-art,.arsenal-grid .arsenal-item svg{width:75%;height:48%;min-height:0;max-height:54px;object-fit:contain}.arsenal-grid .item-caption{font-size:clamp(8px,.75vw,11px);line-height:1.1;max-width:100%;overflow:hidden}.arsenal-grid .item-rank{font-size:10px;top:3px;right:3px}.arsenal-grid .item-location{font-size:8px;line-height:1.1;margin-top:2px}.drone-item .item-location:before{content:none}.arsenal-grid .arsenal-item.equipped{background:#142c28;border-color:#b3ce94}.mech-bay{min-height:0}.arsenal-grid .arsenal-item.selected{border-color:#ffcf80;box-shadow:inset 0 0 0 2px #b6803a55}.arsenal-grid .arsenal-item>*{pointer-events:none}
@media(max-height:760px){.arsenal-left{grid-template-rows:minmax(76px,.35fr) minmax(175px,.95fr) minmax(210px,1fr);gap:7px}.drone-storage{padding:6px 9px}.drone-loadout{gap:4px}.drone-hardpoint .drone-slot-label{font-size:8px}.arsenal-grid{gap:4px}.arsenal-grid .item-caption{font-size:9px}.arsenal-grid .item-location{font-size:7px}.arsenal-grid .item-rank{font-size:9px}.arsenal-storage .section-label{padding-bottom:6px}.arsenal-left .blueprint-area{height:calc(100% - 22px)}}

/* V26: equipped modules remain visibly amber, independently of hover. */
.arsenal-grid .arsenal-item.equipped,.arsenal-item.hardpoint,.drone-hardpoint.equipped{background:linear-gradient(135deg,#ffac4238,#bd6e2324),#162424;border-color:#e8a95a;box-shadow:inset 0 0 0 2px #ffbd5940,inset 0 0 22px #ee932530}.arsenal-item.selected,.arsenal-grid .arsenal-item.selected,.drone-item.selected{background:linear-gradient(135deg,#ffad4960,#c5793038),#25302a;border:2px solid #ffd58a;box-shadow:inset 0 0 16px #ffbd4e40,0 0 8px #ffb34355}.arsenal-item .item-location{color:#ffd28a}.arsenal-grid .item-rank,.arsenal-item .item-rank{font:bold clamp(12px,1.05vw,17px) monospace!important;top:2px;right:2px;color:#ffdf9f;background:#271a0df5;border:1px solid #c18e48;padding:3px 5px;box-shadow:0 2px 5px #0008}.arsenal-grid .arsenal-item .equipment-art{margin-top:10px}.drone-hardpoint.drop-ready,.arsenal-item.drop-ready{background:#b576384d!important;border:2px solid #ffe09c!important;box-shadow:inset 0 0 20px #ffb63c55!important}

/* ===== v29: tier-coloured equip highlight, twin (×2) mounts, RMB slot ===== */
.blueprint-area .mount-0{left:1.5%;top:24%;width:26%;height:36%}
.blueprint-area .mount-1{right:1.5%;left:auto;top:24%;width:26%;height:36%}
.blueprint-area .mount-2{left:22%;top:1%;width:27%;height:21%}
.blueprint-area .mount-3{left:36.5%;top:77%;width:27%;height:22%}
.blueprint-area .mount-3:after,.twin-position:after{display:none}
.blueprint-area .mount-2:after{height:6%}
.arsenal-left .mech-blueprint{top:23%;height:53%}
.twin-position{position:absolute;width:26%;height:22%}
.twin-0{left:1.5%;top:63%}
.twin-1{right:1.5%;top:63%}
.twin-2{left:51%;top:1%;width:27%;height:21%}
.twin-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#0b1719;border:1px dashed #3d4f4c;color:#6d7f7a;font:bold 11px monospace;letter-spacing:1px;cursor:not-allowed;padding:4px}
.twin-slot.locked{opacity:.55;filter:grayscale(1)}
.twin-slot .twin-lock{font-size:18px;opacity:.7}
.twin-slot.unlocked{cursor:pointer;color:#fff3dc;border:2px solid var(--tier);background:linear-gradient(135deg,color-mix(in srgb,var(--tier) 30%,transparent),color-mix(in srgb,var(--tier) 8%,transparent)),#142224;box-shadow:inset 0 0 18px color-mix(in srgb,var(--tier) 35%,transparent),0 0 9px color-mix(in srgb,var(--tier) 45%,transparent)}
.twin-slot svg,.twin-slot img,.twin-slot .equipment-art{height:80%;max-height:46px;width:auto;max-width:45%;pointer-events:none}
.twin-slot>*{pointer-events:none}
.twin-slot.drop-ready{border-color:#fff!important;background:#33412e}
/* Equipped = strong tier glow (1 orange, 2 green, 3 blue, 4 purple); stored = dimmed */
.arsenal-item.equipped,.arsenal-grid .arsenal-item.equipped,.arsenal-item.hardpoint,.drone-hardpoint.equipped{background:linear-gradient(135deg,color-mix(in srgb,var(--tier,#ff9a2e) 32%,transparent),color-mix(in srgb,var(--tier,#ff9a2e) 9%,transparent)),#142224;border:2px solid var(--tier,#ff9a2e);box-shadow:inset 0 0 0 1px #0009,inset 0 0 22px color-mix(in srgb,var(--tier,#ff9a2e) 34%,transparent),0 0 10px color-mix(in srgb,var(--tier,#ff9a2e) 40%,transparent)}
.arsenal-item.equipped .item-location{color:var(--tier,#ffd28a);font-weight:bold}
.arsenal-grid .arsenal-item.stored{opacity:.6;filter:saturate(.45) brightness(.85);border:1px dashed #4d625e;border-top:2px solid color-mix(in srgb,var(--tier) 60%,#333);background:#0a1517}
.arsenal-grid .arsenal-item.stored:hover,.arsenal-grid .arsenal-item.stored.selected{opacity:1;filter:none}
.arsenal-item.stored .item-location{color:#7f918c}
.equip-badge{position:absolute;top:3px;left:4px;z-index:2;background:var(--tier,#ff9a2e);color:#0b0f0e;font:bold 12px monospace;padding:1px 5px;box-shadow:0 1px 4px #000a}
.arsenal-item.empty-secondary{border:1px dashed #5c706b;background:#0b1719;color:#7d918b;cursor:pointer}
.arsenal-item.empty-secondary>span:first-child{font-size:22px}
.awaiting-drone.arsenal-item{outline:2px dashed #ffd58a;outline-offset:-4px}
.section-label .legend-on{font-style:normal;color:#ffb35c}
.section-label .legend-off{font-style:normal;color:#7f918c}
.inspect-desc{font:12px/1.5 monospace;color:#9fb3ab;margin:6px 0 10px}

.blueprint-area .diagram-caption{display:none}
.blueprint-area .mount-3{top:73%;height:26%}
.arsenal-left .mech-blueprint{top:23%;height:49%}

/* v29: boss bar below the infection counter; storage cards readable at 720/768p */
#hud #bossHud{top:62px}
@media(max-height:820px){.arsenal-grid .item-rank,.arsenal-grid .arsenal-item .item-rank{font-size:10px!important;padding:1px 3px!important;top:1px!important;right:1px!important}
.arsenal-grid .arsenal-item .equipment-art,.arsenal-grid .arsenal-item svg,.arsenal-grid .arsenal-item img{margin-top:12px;height:38%!important}
.arsenal-grid .item-caption{font-size:9px!important}.arsenal-grid .item-location{font-size:7px!important}.equip-badge{font-size:9px;padding:0 3px}}
/* v29.1: short roof / PPM hardpoints lay out horizontally so the caption is never clipped */
.blueprint-area .mount-2 .arsenal-item,.blueprint-area .mount-3 .arsenal-item{flex-direction:row;gap:10px;padding:4px 70px 4px 30px!important}
.blueprint-area .mount-2 .arsenal-item svg,.blueprint-area .mount-2 .arsenal-item img,.blueprint-area .mount-2 .arsenal-item .equipment-art,.blueprint-area .mount-3 .arsenal-item svg,.blueprint-area .mount-3 .arsenal-item img,.blueprint-area .mount-3 .arsenal-item .equipment-art{height:78%!important;max-height:52px;width:auto!important;max-width:40%;margin:0!important;flex:none}
.blueprint-area .mount-2 .item-caption,.blueprint-area .mount-3 .item-caption{margin:0;white-space:nowrap;font-size:11px}
.blueprint-area .mount-2 .item-rank,.blueprint-area .mount-3 .item-rank{top:50%!important;transform:translateY(-50%)}

/* ===== v30: inventory — identical square cards for storage and every mech slot ===== */
.arsenal-open #arsenal{--cell:clamp(46px,min(5.4vw,8vh),92px);--gap:6px}
.arsenal-left{grid-template-rows:minmax(58px,1fr) calc(var(--cell)*3 + var(--gap)*2 + 66px) calc(var(--cell)*3 + var(--gap)*2 + 66px)!important;gap:8px!important}
.arsenal-grid{display:grid!important;grid-template-columns:repeat(10,var(--cell))!important;grid-template-rows:repeat(3,var(--cell))!important;gap:var(--gap)!important;height:auto!important;justify-content:center;align-content:start}
.arsenal-grid>*{width:var(--cell);height:var(--cell);min-height:0}
.storage-empty{cursor:default;padding:0;font:inherit}
.v30-card{width:var(--cell)!important;height:var(--cell)!important;padding:3px!important;overflow:hidden;flex:none}
.v30-card>*{pointer-events:none}
.v30-card .equipment-art,.v30-card svg,.v30-card img{width:70%!important;height:46%!important;max-height:none!important;margin:10px 0 0!important;object-fit:contain}
.v30-card .item-caption{font:bold clamp(8px,.7vw,11px)/1.1 monospace!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 0}
.v30-card .item-location{font:clamp(7px,.6vw,9px)/1.1 monospace!important;margin:0!important;color:#ffd28a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.v30-card .item-rank{font:bold clamp(9px,.75vw,12px) monospace!important;padding:1px 3px!important}
.arsenal-grid .v30-card.storage-card{opacity:1!important;filter:none!important;background:#10262a!important;border:1px solid var(--tier)!important;box-shadow:inset 0 0 0 2px #09171a!important}
.arsenal-grid .v30-card.storage-card:hover,.arsenal-grid .v30-card.storage-card.selected{background:#1c3434!important;border:2px solid var(--tier)!important}
.v30-card.hardpoint.equipped,.v30-card.twin-slot.unlocked{background:linear-gradient(135deg,color-mix(in srgb,var(--tier) 32%,transparent),color-mix(in srgb,var(--tier) 9%,transparent)),#142224!important;border:2px solid var(--tier)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--tier) 34%,transparent),0 0 9px color-mix(in srgb,var(--tier) 40%,transparent)!important}
.v30-card.empty-slot{background:#0b1719!important;border:1px dashed #6d8580!important;color:#9bb0a9}
.v30-card .slot-plus{font-size:22px;margin-top:8px;color:#8fb3a8}
.v30-card.twin-slot.locked{opacity:.5;filter:grayscale(1);border:1px dashed #4d625e!important;background:#0b1719!important;cursor:not-allowed}
.v30-card .twin-lock{display:block;width:42%;height:40%;margin-top:8px;color:#9aa8a3}
.v30-card .twin-lock svg{width:100%!important;height:100%!important;margin:0!important}
.v30-bay{display:grid!important;grid-template-columns:repeat(2,var(--cell)) minmax(0,1fr) repeat(2,var(--cell));grid-template-rows:repeat(3,var(--cell));gap:var(--gap);align-content:center;height:calc(100% - 30px)!important;position:relative}
.v30-bay .mech-blueprint{position:relative!important;grid-column:3;grid-row:1/4;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:100%!important;object-fit:contain;opacity:.55;z-index:0}
.bay-pair{display:flex;gap:var(--gap);z-index:1}
.bay-roof{grid-column:3;grid-row:1;justify-self:center}
.bay-left{grid-column:1/3;grid-row:2}
.bay-right{grid-column:4/6;grid-row:2}
.bay-ppm{grid-column:3;grid-row:3;justify-self:center}
.fire-diag{position:fixed;left:10px;top:60px;z-index:50;margin:0;padding:8px 10px;background:#05110fe8;border:1px solid #c79a4a;color:#ffd99a;font:11px/1.45 monospace;pointer-events:none;white-space:pre}
/* v30.1: larger icons inside square cards; legible locked ×2 slots */
.v30-card{justify-content:flex-end!important;gap:0}
.v30-card .equipment-art,.v30-card svg.equipment-art,.v30-card img.equipment-art{position:absolute;left:8%;top:14%;width:84%!important;height:54%!important;margin:0!important;object-fit:contain}
.v30-card .item-caption,.v30-card .item-location{position:relative;z-index:1;text-shadow:0 1px 2px #000}
.v30-card .slot-plus{position:absolute;top:22%;left:0;right:0;margin:0}
.v30-card.twin-slot.locked{opacity:.85;filter:none;background:repeating-linear-gradient(135deg,#0b1719 0 6px,#111f22 6px 12px)!important;border:1px dashed #6b7c78!important}
.v30-card.twin-slot.locked .item-caption{color:#c9d2ce}
.v30-card.twin-slot.locked .item-location{color:#e3c27f}
.v30-card .twin-lock{position:absolute;top:14%;left:30%;width:40%;height:44%;margin:0;color:#b9c4c0}
.v30-card.twin-slot.locked .item-caption{white-space:normal;font-size:clamp(7px,.6vw,9px)!important;line-height:1.15;text-align:center}

/* ===================== v31: inventory per reference 01 ===================== */
:root{--v-bg:#030e14;--v-panel:#071923;--v-panel2:#0a2230;--v-line:#285061;--v-text:#d7e8f0;--v-muted:#8aa9ba;--v-accent:#ff7a13}
.arsenal-open{background:#01070bf2;padding:0!important}
.arsenal-open #arsenal{display:grid!important;grid-template-rows:minmax(44px,6vh) minmax(0,1fr) auto!important;width:100vw!important;height:100vh!important;max-width:none;padding:10px 14px!important;gap:8px!important;background:var(--v-bg)!important;border:0!important;color:var(--v-text);font-family:"Rajdhani","Segoe UI",monospace;--cut:10px}
.inv-top{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--v-line);padding:0 4px}
.inv-brand{font:900 clamp(20px,2.3vw,34px)/1 "Segoe UI",sans-serif;letter-spacing:1px}.inv-brand b{color:var(--v-text)}.inv-brand span{color:var(--v-accent)}
.inv-title{font:600 clamp(11px,1.05vw,16px) monospace;letter-spacing:3px;color:var(--v-muted);border-left:1px solid var(--v-line);padding-left:18px}
.inv-pause{margin-left:auto;font:12px monospace;color:var(--v-muted);letter-spacing:2px}
.inv-close{width:40px;height:40px;background:var(--v-panel);border:1px solid var(--v-line);color:var(--v-text);font-size:18px;cursor:pointer}
.inv-close:hover,.inv-close:focus-visible{border-color:var(--v-accent);outline:none}
.inv-main{display:grid;grid-template-columns:minmax(0,29fr) minmax(0,44fr) minmax(0,26fr);gap:10px;min-height:0}
.inv-panel{position:relative;background:linear-gradient(180deg,var(--v-panel2),var(--v-panel));border:1px solid var(--v-line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));min-height:0;display:flex;flex-direction:column;padding:10px 12px;overflow:hidden}
.inv-head{display:flex;justify-content:space-between;align-items:baseline;font:700 clamp(15px,1.45vw,24px)/1.1 "Segoe UI",sans-serif;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}
.inv-head span{font:600 clamp(10px,.8vw,13px) monospace;color:var(--v-muted);letter-spacing:1px}
/* list */
.inv-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.inv-tab{min-height:34px;background:var(--v-panel);border:1px solid var(--v-line);color:var(--v-muted);font:600 clamp(10px,.8vw,13px) monospace;letter-spacing:1px;cursor:pointer}
.inv-tab.on{background:#2a1606;border-color:var(--v-accent);color:var(--v-accent)}
.inv-tab:hover,.inv-tab:focus-visible{border-color:var(--v-accent);outline:none;color:var(--v-text)}
.inv-rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;scrollbar-color:var(--v-accent) var(--v-panel);scrollbar-width:thin}
.inv-rows[data-tab-view="bron"] .inv-row:not([data-cat="bron"]),.inv-rows[data-tab-view="dron"] .inv-row:not([data-cat="dron"]),.inv-rows[data-tab-view="modul"] .inv-row:not([data-cat="modul"]){display:none}
.inv-row{position:relative;display:grid;grid-template-columns:minmax(80px,38%) minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:center;column-gap:10px;min-height:clamp(52px,7.6vh,82px);padding:4px 8px 4px 10px;background:#081c26;border:1px solid #1d3b49;border-left:4px solid var(--tier);color:var(--v-text);text-align:left;cursor:grab;flex:none}
.inv-row:hover,.inv-row:focus-visible{border-color:#3f6c80;border-left-color:var(--tier);outline:none;background:#0b2532}
.inv-row.selected{border:1px solid var(--v-accent);border-left:4px solid var(--v-accent);box-shadow:inset 0 0 0 1px #ff7a1355,0 0 10px #ff7a1333;background:#121e22}
.inv-row>*{pointer-events:none}
.inv-row .rarity,.det-top .rarity{grid-column:1;grid-row:1;justify-self:start;font:700 10px monospace;letter-spacing:1px;color:#081016;background:var(--tier);padding:1px 6px}
.inv-row .row-art{grid-column:1;grid-row:1/3;align-self:center;height:100%;display:flex;align-items:center}
.inv-row .row-art svg{width:100%;height:auto;max-height:clamp(40px,6.4vh,70px)}
.inv-row .row-main{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:5px;min-width:0}
.row-name{font:700 clamp(12px,1vw,16px)/1.15 "Segoe UI",sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-lv,.det-lv{display:flex;align-items:center;gap:8px;font:12px monospace;color:var(--v-muted)}
.lv-box{border:1px solid var(--tier,var(--v-accent));color:var(--v-text);padding:0 6px;font:600 11px monospace}.lv-box b{font-size:14px}
.lv-bar{display:flex;gap:2px}.lv-bar i{width:clamp(5px,.55vw,9px);height:9px;background:#183240}.lv-bar i.on{background:var(--tier,var(--v-accent))}
.row-kind{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:3px;font:600 9px monospace;color:var(--v-muted);letter-spacing:1px;border-left:1px solid #1d3b49;padding-left:8px;min-width:74px;text-align:center}
.row-kind em{font-style:normal;color:var(--v-accent);font-size:10px}
.inv-empty{color:var(--v-muted);font:12px monospace;margin:8px 2px}
.inv-drop{min-height:40px;width:100%!important;height:auto!important;border:1px dashed #2d5566!important;background:#06141b!important;color:var(--v-muted)!important;font:600 11px monospace!important;letter-spacing:1px;cursor:copy;flex:none;display:block}
.inv-drop.drop-ready,.inv-rows.drop-ready{border-color:var(--v-accent)!important;color:var(--v-accent)!important}
/* centre: drones, hangar, slots */
.inv-center{gap:8px;padding:8px 10px}
.inv-drones .inv-head{margin-bottom:6px}
.inv-drones .drone-loadout{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:5px!important;height:auto!important}
.inv-drones .drone-hardpoint{position:relative;aspect-ratio:1/0.95;min-height:44px;max-height:76px;background:#081c26;border:1px solid #1d3b49;color:var(--v-text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;cursor:pointer}
.inv-drones .drone-hardpoint b{position:absolute;left:5px;top:3px;font:600 10px monospace;color:var(--v-muted)}
.inv-drones .drone-hardpoint svg{width:84%;height:auto;max-height:70%;margin:0!important}
.inv-drones .drone-hardpoint.equipped{border-color:var(--v-accent);background:#1a1309;box-shadow:inset 0 0 0 1px #ff7a1344}
.inv-drones .drone-hardpoint.equipped b{color:var(--v-accent)}
.inv-drones .drone-hardpoint.locked{opacity:.55;cursor:not-allowed}
.inv-drones .drone-slot-label{position:absolute;bottom:2px;font:8px monospace;color:var(--v-muted)}
.inv-drones .drone-lock{font-size:15px;color:#5d7f8e}
.inv-hangar{flex:1;min-height:0;position:relative;border:1px solid #173040;overflow:hidden;background:#050c11}
.inv-hangar svg.hangar{position:absolute;inset:0;width:100%;height:100%}
.inv-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.slot-box{background:#081c26;border:1px solid #1d3b49;padding:5px 6px 4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.slot-box.active{border-color:var(--v-accent)}
.slot-label{font:600 clamp(9px,.72vw,12px) monospace;letter-spacing:1px;color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-pair{display:flex;gap:5px}
.inv-slots .v30-card{--cell:clamp(50px,min(4.6vw,8.2vh),92px)}
.slot-ammo{font:10px monospace;color:#9fc0cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-slots .v30-card.hardpoint.equipped{background:linear-gradient(160deg,color-mix(in srgb,var(--tier) 22%,transparent),#081c26)!important}
/* detail */
.inv-detail{gap:6px}
.det-top{display:flex;justify-content:space-between;align-items:center}.det-kind{font:10px monospace;color:var(--v-muted);border:1px solid var(--v-line);padding:1px 6px}
.inv-detail h3{font:800 clamp(18px,1.9vw,32px)/1.05 "Segoe UI",sans-serif;text-transform:uppercase;margin:2px 0}
.inv-detail .det-art{flex:0 1 clamp(70px,16vh,190px);min-height:56px;display:flex;align-items:center;justify-content:center;margin:0!important}
.inv-detail .det-art svg{width:100%;height:100%;max-height:100%}
.inv-detail .inspect-desc{font:12px/1.4 "Segoe UI",sans-serif!important;color:var(--v-muted)!important;margin:2px 0!important;max-height:5.6em;overflow:hidden}
.inv-detail .compare-controls{border-top:1px solid #1d3b49;padding-top:6px;display:flex;gap:5px;align-items:center}
.inv-detail .compare-controls>span{font:10px monospace;color:var(--v-muted);margin-right:auto}
.inv-detail .compare-controls button{min-width:42px;min-height:32px;background:var(--v-panel);border:1px solid var(--v-line);color:var(--v-muted);font:600 11px monospace}
.inv-detail .compare-controls button.active{border-color:var(--v-accent);color:var(--v-accent)}
.inv-detail .det-stats{display:flex!important;flex-direction:column;gap:0!important;margin:2px 0!important;flex:0 0 auto}
.det-row{display:grid;grid-template-columns:1fr auto 74px;align-items:center;gap:8px;padding:clamp(3px,.55vh,7px) 0;border-bottom:1px solid #12303d}
.det-row label{font:600 clamp(11px,.85vw,14px) monospace!important;color:var(--v-text)!important;margin:0!important;display:block!important}
.det-val{font:700 clamp(13px,1vw,17px) monospace;color:var(--v-text);text-align:right}
.det-row em{font:600 12px monospace;font-style:normal;text-align:right}.det-row em.better{color:#3fe07a}.det-row em.worse{color:#ff5a4a}.det-row em.equal{color:var(--v-muted)}
.det-note{font:10px/1.4 monospace;color:var(--v-muted);margin:2px 0}
.det-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;border:0!important;padding:0!important}
.det-actions button{min-height:40px;background:var(--v-panel)!important;border:1px solid var(--v-line)!important;color:var(--v-text)!important;font:700 clamp(10px,.8vw,13px) monospace!important;letter-spacing:1px}
.det-actions button.primary,.det-actions button:hover,.det-actions button:focus-visible{background:var(--v-accent)!important;border-color:var(--v-accent)!important;color:#140700!important;outline:none}
.inv-detail .inspect-prompt{font:16px/1.5 "Segoe UI",sans-serif!important;color:var(--v-muted)!important;margin:auto 0!important}
/* bottom bar */
.inv-bottom{display:grid;grid-template-columns:repeat(3,minmax(110px,170px)) minmax(0,1fr) auto;align-items:center;gap:14px;border-top:1px solid var(--v-line);padding:8px 4px 0}
.inv-stat{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font:11px monospace;color:var(--v-muted)}.inv-stat b{color:var(--v-text);font-size:14px}.inv-stat i{grid-column:1/-1;height:5px;background:var(--v-accent);display:block;max-width:100%;box-shadow:0 0 0 1px #2a3f49}
.inv-bottom #arsenalHint{font:11px/1.3 monospace;color:#f0c983;max-width:none}
.inv-actions{display:flex;gap:10px}
.inv-actions button{min-height:42px;padding:0 16px;font:700 13px monospace;letter-spacing:1px;background:var(--v-panel);border:1px solid var(--v-line);color:var(--v-muted)}
.inv-actions .inv-resume{background:var(--v-accent);border-color:var(--v-accent);color:#140700;font-size:clamp(14px,1.2vw,20px);padding:0 26px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.inv-actions button:hover,.inv-actions button:focus-visible{filter:brightness(1.12);outline:2px solid #ffffff55}
@media (max-height:800px){.inv-row{min-height:50px}.inv-detail .inspect-desc{max-height:2.9em}.det-row{padding:2px 0}.inv-drones .drone-hardpoint{min-height:38px}}
.inv-row{grid-template-columns:minmax(56px,30%) minmax(0,1fr) auto}
.row-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lv-box{white-space:nowrap}
@media (max-width:1400px){.row-kind{min-width:60px;font-size:8px}.lv-of{display:none}.lv-bar i{width:4px}}

/* ===================== v31: combat HUD per reference 02 ===================== */
#hud .mission-header{background:linear-gradient(180deg,#030e14ee,#030e1400)}
#cockpit{background:linear-gradient(180deg,#071923f2,#030e14fa)!important;border-top:1px solid #285061!important;box-shadow:0 -6px 20px #0008}
#cockpit .armor-panel{background:linear-gradient(180deg,#0a2230,#071923)!important;border:1px solid #285061!important;box-shadow:none!important}
#cockpit .equipment-slot{grid-template-rows:auto minmax(0,1fr) auto auto auto!important;gap:2px;padding:4px 7px 5px!important}
#cockpit .equipment-slot kbd{position:static!important;font:600 10px monospace!important;letter-spacing:1px;color:#8aa9ba!important;background:none!important;border:0!important;padding:0!important}
#cockpit .equipment-slot .slot-art svg{width:100%;height:100%}
#cockpit .slot-name{font:700 11px/1.1 "Segoe UI",sans-serif;color:#d7e8f0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cockpit .slot-foot{display:flex;justify-content:space-between;align-items:center;gap:6px}
#cockpit .slot-foot .slot-level{position:static!important;font:700 11px monospace!important;color:#ff7a13!important;border:1px solid #ff7a13;padding:0 4px;background:none!important}
#cockpit .slot-ammo-text{font:600 10px monospace;color:#9fc0cf;white-space:nowrap}
#cockpit .slot-ammo-bar{height:4px;background:#132c38;border:1px solid #1d3b49}
#cockpit .slot-ammo-bar i{display:block;height:100%;width:100%;background:#ff7a13;transition:width .08s linear}
#cockpit .equipment-slot.reloading .slot-ammo-bar i{background:#4fa8ff}
#cockpit .equipment-slot.reloading .slot-ammo-text{color:#7fc4ff}
#cockpit .upgrade-module{background:#071923!important;border-color:#285061!important}
#cockpit .drone-slot,#cockpit .secondary-slot,#cockpit .radar-panel,#cockpit .status,#cockpit .cockpit-actions{background:linear-gradient(180deg,#0a2230,#071923)!important;border-color:#285061!important}
#cockpit .cockpit-actions button{background:#071923!important;border:1px solid #ff7a13!important;color:#ff7a13!important}
#cockpit .cockpit-actions button svg{stroke:#ff7a13!important}
#cockpit .cockpit-mech svg{filter:none}
#cockpit .cockpit-mech .hud-mech-diagram{display:flex;align-items:center;justify-content:center;padding:1px 2px}
#cockpit .hud-mech-diagram svg{display:block;width:auto;height:100%;max-width:100%;overflow:visible}
#cockpit .hud-mech-diagram svg .hud-mech-body{fill:#102632;stroke:#ff8b26;stroke-width:1.8}
#cockpit .hud-mech-diagram svg .hud-mech-details{fill:none;stroke:#ff8b26;stroke-width:1.4}
#cockpit .hud-mech-diagram svg .hud-mech-guides{fill:none;stroke:#ff861d;stroke-width:1}
#cockpit .cockpit-top,#cockpit .cockpit-bottom{background:#030e14!important}
#cockpit .drone-slot kbd,#cockpit .secondary-slot kbd{color:#8aa9ba!important;background:none!important;border-color:#285061!important}
#cockpit .equipment-slot{overflow:hidden}
@media (max-height:820px){#cockpit .equipment-slot kbd{display:none}#cockpit .equipment-slot{grid-template-rows:minmax(0,1fr) auto auto auto!important}#cockpit .slot-name{font-size:10px}}

/* White raster equipment assets; static hangar illustration. */
.inv-hangar .hangar-mech-static{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;pointer-events:none;user-select:none;filter:none}
.white-equipment-art{object-fit:contain;filter:none!important;mix-blend-mode:normal}
.module-png,.special-png{overflow:visible}

/* v34/v35: ALL upgrade modules (21) in ONE row, square tiles, large sci-fi icons, bold level in the corner.
   Tiles are sized from the bar width (max 76px) and may rise above the thin top strip. */
#cockpit #upgradeBar{display:grid!important;grid-template-columns:none!important;grid-template-rows:auto!important;grid-auto-columns:minmax(0,76px);grid-auto-flow:column!important;justify-content:center;width:100%!important;height:auto!important;justify-self:center;align-self:unsafe end;align-items:end;gap:5px!important;padding:0 6px 0!important;flex-wrap:nowrap!important;transform:translateY(-11px)}
#cockpit .upgrade-module{aspect-ratio:1/1;width:100%!important;height:auto!important;min-height:0;padding:3px!important;display:block!important;border-radius:4px;overflow:visible}
#cockpit .upgrade-module .ug-icon{display:block;width:100%!important;height:100%!important;margin:0!important;filter:drop-shadow(0 0 3px #000a)}
#cockpit .upgrade-module.empty .ug-icon{opacity:.42;filter:grayscale(.6)}
#cockpit .upgrade-module.empty{color:#6f8a8f}
#cockpit .upgrade-module.active{color:#ffbf4e}
#cockpit .upgrade-module.active .ug-icon{filter:drop-shadow(0 0 4px #ffb34366)}
#cockpit .upgrade-module b.ug-lv{position:absolute;top:1px;right:2px;margin:0;padding:0 3px;font:900 clamp(11px,1.05vw,19px)/1.05 "Arial Black",Arial,sans-serif!important;color:#fff!important;background:#05121acc;border:1px solid currentColor;border-radius:3px;text-shadow:0 0 2px #000,0 1px 0 #000;letter-spacing:0;z-index:2}
#cockpit .upgrade-module.active b.ug-lv{color:#ffd27a!important;border-color:#ffbf4e;box-shadow:0 0 5px #ffb34388}
#cockpit .upgrade-module.empty b.ug-lv{color:#9fb3b8!important;border-color:#47636a}
#cockpit .upgrade-module .skill-progress{left:6px!important;right:6px!important;bottom:4px!important;height:4px!important;z-index:2}
#choices .powerup-art .ug-icon{width:64px;height:64px;color:#ffbf4e}
/* v35: 20 drone slots in the inventory (10 per row, two rows) */
.inv-drones .drone-loadout{grid-template-rows:repeat(2,auto)!important;gap:4px!important}.inv-drones .drone-hardpoint{aspect-ratio:1/0.8!important;min-height:30px!important;max-height:52px!important}.inv-drones .drone-hardpoint b{font-size:9px}.inv-drones .drone-hardpoint .drone-slot-label{font-size:7px}

/* v36: LEVEL-UP window only (#modal.levelup-modal, set by checkLevel). Three full-width horizontal
   offers stacked vertically; each row is one button. Other modals are untouched. */
#modal.levelup-modal .panel{--lu-bg:#06131b;--lu-head:#10232f;--lu-line:#39586a;--lu-text:#e6f1f6;--lu-muted:#a1bbc8;--lu-arrow:#7f9ead;--lu-good:#57ec9f;--lu-accent:#ff7a13;--lu-level:#ffa14a;
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title eyebrow" "choices choices" "desc desc";align-content:start;
  width:clamp(600px,48vw,760px);max-width:calc(100vw - 32px);max-height:calc(100vh - 28px);overflow:hidden;padding:clamp(10px,1.6vh,18px) clamp(12px,1.4vw,22px);
  background:var(--lu-bg);border:1px solid var(--lu-line);box-shadow:0 30px 90px #000c;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
#modal.levelup-modal .panel>h2{grid-area:title;margin:0;padding:clamp(8px,1.4vh,13px) 16px;font:700 clamp(17px,1.35vw,22px)/1.1 Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.5px;color:var(--lu-text);background:var(--lu-head);border:1px solid var(--lu-line);border-right:0;border-left:4px solid var(--lu-accent);text-transform:uppercase}
#modal.levelup-modal .panel>.eyebrow{grid-area:eyebrow;margin:0;display:flex;align-items:center;padding:0 16px;font:700 clamp(12px,.95vw,15px) Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.5px;color:var(--lu-level);background:var(--lu-head);border:1px solid var(--lu-line);border-left:0;white-space:nowrap}
#modal.levelup-modal .panel>p{grid-area:desc;margin:clamp(8px,1.4vh,14px) 0 0;text-align:center;font:600 12px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:1.5px;color:var(--lu-muted)}
#modal.levelup-modal #modalActions{display:none}
#modal.levelup-modal #choices{grid-area:choices;display:flex;flex-direction:column;gap:clamp(7px,1.3vh,12px);margin:clamp(9px,1.5vh,14px) 0 0}
#modal.levelup-modal #choices .levelup-offer{--lu-tier:#a8b4ad;position:relative;flex:none;display:grid;grid-template-columns:clamp(88px,6.4vw,104px) minmax(0,1fr) auto;column-gap:clamp(10px,1vw,16px);align-items:center;width:100%;min-width:0;margin:0;
  padding:clamp(8px,1.3vh,12px) clamp(12px,1.1vw,18px) clamp(14px,2vh,20px) clamp(12px,1.1vw,18px);text-align:left;color:var(--lu-text);cursor:pointer;
  background:linear-gradient(90deg,color-mix(in srgb,var(--lu-tier) 13%,#0b1b25),color-mix(in srgb,var(--lu-tier) 5%,#0b1b25) 70%);
  border:1px solid color-mix(in srgb,var(--lu-tier) 75%,transparent);border-left:4px solid var(--lu-tier);border-radius:3px;box-shadow:inset 0 0 0 1px #0007;transition:box-shadow .12s,background .12s}
#modal.levelup-modal #choices .levelup-offer:hover,#modal.levelup-modal #choices .levelup-offer:focus-visible{outline:2px solid var(--lu-accent);outline-offset:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--lu-tier) 20%,#0e2230),color-mix(in srgb,var(--lu-tier) 8%,#0e2230) 70%);border-color:color-mix(in srgb,var(--lu-tier) 75%,transparent);border-left-color:var(--lu-tier)}
#modal.levelup-modal #choices .levelup-offer>*{pointer-events:none}
#modal.levelup-modal .lu-left{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#modal.levelup-modal #choices .lu-tier{display:block;font:700 clamp(10px,.75vw,12px) Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.6px;color:var(--lu-tier);white-space:nowrap}
#modal.levelup-modal #choices .lu-icon{display:grid;place-items:center;width:clamp(56px,8.6vh,84px);height:clamp(56px,8.6vh,84px);padding:5px;background:#06131b;border:1px solid var(--lu-tier);border-radius:2px;color:#ffbf4e}
#modal.levelup-modal .lu-icon svg,#modal.levelup-modal .lu-icon img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
#modal.levelup-modal #choices .lu-main{display:flex;flex-direction:column;gap:clamp(3px,.6vh,7px);min-width:0;padding-top:clamp(12px,1.8vh,18px)}
#modal.levelup-modal #choices .lu-name{display:block;margin:0;font:700 clamp(18px,1.45vw,25px)/1.12 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:var(--lu-text);overflow-wrap:anywhere}
#modal.levelup-modal #choices .lu-stat{display:block;font:500 clamp(14px,1.05vw,18px)/1.3 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:var(--lu-muted)}
#modal.levelup-modal .lu-old{font-style:normal;color:var(--lu-text)}
#modal.levelup-modal .lu-arrow{font-style:normal;color:var(--lu-arrow);padding:0 2px}
#modal.levelup-modal .lu-new{font-weight:700;color:var(--lu-good)}
#modal.levelup-modal #choices .lu-extra{display:block;font:500 clamp(11px,.8vw,13px)/1.3 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:var(--lu-muted)}
#modal.levelup-modal #choices .lu-extra:before{content:"â—† ";color:var(--lu-accent);font-size:.8em}
#modal.levelup-modal #choices .lu-lv{display:block;align-self:start;font:700 clamp(13px,1vw,16px) Bahnschrift,"Arial Narrow",Arial,sans-serif;color:var(--lu-level);white-space:nowrap}
#modal.levelup-modal .lu-lv i{font-style:normal;color:var(--lu-level);opacity:.8}
#modal.levelup-modal #choices .lu-tiernum{position:absolute;right:clamp(12px,1.1vw,18px);bottom:clamp(4px,.8vh,8px);display:block;font:700 10px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.6px;color:var(--lu-tier)}
/* v37: start-screen auto-equip question */
#menu .equip-prefs{margin:14px 0 12px;padding:9px 12px 10px;border:1px solid #39586a;background:#06131bcc;max-width:620px}
#menu .equip-prefs legend{padding:0 6px;font:700 11px monospace;letter-spacing:2px;color:#ff7a13}
#menu .equip-prefs label{display:flex;gap:10px;align-items:flex-start;margin:5px 0;font:12px/1.35 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#a1bbc8;cursor:pointer}
#menu .equip-prefs label b{color:#e6f1f6}
#menu .equip-prefs input{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:#ff7a13;cursor:pointer}
#menu .equip-prefs label.disabled{opacity:.45;cursor:not-allowed}
#menu .equip-prefs label.disabled input{cursor:not-allowed}
@media (max-height:800px){#menu .equip-prefs{margin:8px 0;padding:6px 10px 7px}#menu .equip-prefs label{font-size:11px;margin:3px 0}}#menu .equip-prefs label small{font:inherit}
@media (max-height:780px){#menu .equip-prefs label small{display:none}#menu .equip-prefs{margin:6px 0 8px;padding:4px 10px 6px}#menu .equip-prefs label{margin:2px 0}#menu .intro .description{display:none}}
/* v38: CO-OP — start-screen button and lobby */
#menu .coop-open{display:flex;flex-direction:column;gap:2px;width:100%;margin:6px 0 0;padding:7px 12px;text-align:left;background:#06131bcc;border:1px solid #39586a;border-left:3px solid #ff7a13;color:#a1bbc8;cursor:pointer;font:11px Bahnschrift,"Arial Narrow",Arial,sans-serif}
#menu .coop-open b{font:700 13px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:1px;color:#e6f1f6}
#menu .coop-open:hover,#menu .coop-open:focus-visible{outline:2px solid #ff7a13;outline-offset:2px}
#coopLobby{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#020a0ecc}
#coopLobby[hidden]{display:none}
.coop-panel{width:min(760px,100%);max-height:calc(100vh - 32px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);padding:clamp(12px,2vh,20px) clamp(14px,1.6vw,22px);background:#06131b;border:1px solid #39586a;color:#e6f1f6;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.coop-panel header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#10232f;border:1px solid #39586a;border-left:4px solid #ff7a13}
.coop-panel h2{margin:0;font:700 clamp(17px,1.4vw,22px) Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.5px}
.coop-x{background:none;border:1px solid #39586a;color:#a1bbc8;width:32px;height:32px;cursor:pointer}
.coop-name{display:flex;flex-direction:column;gap:4px;font:700 11px monospace;letter-spacing:2px;color:#ffa14a}
.coop-name input,.coop-join input{background:#0b1b25;border:1px solid #39586a;color:#e6f1f6;padding:8px 10px;font:700 18px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:1px}
.coop-name input:focus,.coop-join input:focus{outline:2px solid #ff7a13;outline-offset:1px}
.coop-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.coop-colors button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:#0b1b25;border:1px solid #39586a;color:#a1bbc8;cursor:pointer;font:700 10px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:1px}
.coop-colors canvas{width:100%;max-width:120px;aspect-ratio:1/1;height:auto}
@media (max-height:800px){.coop-colors canvas{max-width:86px}}
.coop-colors button.on{border-color:#ff7a13;box-shadow:inset 0 0 0 1px #ff7a13,0 0 10px #ff7a1344;color:#e6f1f6}
.coop-colors button:disabled{opacity:.35;cursor:not-allowed}
.coop-start{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}
.coop-join{display:grid;grid-template-columns:110px 1fr;gap:8px}
.coop-join input{text-transform:uppercase;text-align:center;letter-spacing:4px}
.coop-main,.coop-modes button{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 12px;background:#10232f;border:1px solid #39586a;border-left:3px solid #ff7a13;color:#a1bbc8;text-align:left;cursor:pointer;font:12px Bahnschrift,"Arial Narrow",Arial,sans-serif}
.coop-main b,.coop-modes b{font:700 15px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#e6f1f6;letter-spacing:.5px}
.coop-main:hover,.coop-main:focus-visible,.coop-modes button:hover:not(:disabled),.coop-modes button:focus-visible{outline:2px solid #ff7a13;outline-offset:2px}
.coop-modes button:disabled{opacity:.4;cursor:not-allowed}
.coop-room{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:start}
.coop-room[hidden],.coop-start[hidden],.coop-modes[hidden],.coop-wait[hidden]{display:none}
.coop-code{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;background:#0b1b25;border:1px solid #ff7a13}
.coop-code small{font:700 10px monospace;letter-spacing:2px;color:#ffa14a}
.coop-code b{font:700 30px monospace;letter-spacing:4px;color:#fff;user-select:all}
.coop-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.coop-players li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 10px;background:#0b1b25;border:1px solid #39586a;border-left:4px solid var(--pc,#39586a)}
.coop-players li b{font:700 16px monospace;color:var(--pc,#a1bbc8)}
.coop-players li span{font:700 16px Bahnschrift,"Arial Narrow",Arial,sans-serif}
.coop-players li em{font:normal 11px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#a1bbc8}
.coop-players li.empty span{color:#7f9ead;font-weight:400}
.coop-modes{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.coop-wait{grid-column:2;margin:0;color:#a1bbc8;font-size:13px}
.coop-leave{grid-column:1;background:none;border:1px solid #39586a;color:#a1bbc8;padding:6px;cursor:pointer;font:700 11px monospace;letter-spacing:1px}
.coop-status{margin:0;min-height:18px;color:#ffa14a;font-size:13px}
.coop-note{margin:0;color:#7f9ead;font-size:11px;line-height:1.4}
#modal.levelup-waiting .panel>p{font:700 clamp(15px,1.2vw,20px) Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#ffa14a;letter-spacing:.5px;padding:18px 0}
/* v39: DNA — counter in the inventory header and the reroll button under the level-up offers */
.dna-icon{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;filter:drop-shadow(0 0 3px #ff4fae88)}
.inv-dna{margin-left:auto;display:flex;align-items:center;gap:6px;font:600 13px monospace;letter-spacing:2px;color:#ffb3dc}
.inv-dna b{font-size:16px;color:#ffe2f2;letter-spacing:1px}
.inv-dna+.inv-pause{margin-left:0}
#modal.levelup-modal .panel{grid-template-areas:"title eyebrow" "choices choices" "actions actions" "desc desc"}
.levelup-modal #modalActions{display:flex;grid-area:actions;justify-content:center;margin:clamp(7px,1.2vh,12px) 0 0}
.levelup-modal #modalActions:empty{display:none}
#modalActions button.dna-reroll{display:flex;align-items:center;gap:8px;padding:clamp(5px,.9vh,8px) 16px;background:#2a0f20;color:#ffd3ec;border:1px solid #ff4fae;border-radius:3px;font:700 clamp(12px,.95vw,14px) Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.6px;cursor:pointer;box-shadow:0 0 10px #ff4fae33}
#modalActions button.dna-reroll span{font-weight:500;color:#ff9ad3}
#modalActions button.dna-reroll:hover:not(:disabled),#modalActions button.dna-reroll:focus-visible{background:#41152f;outline:2px solid #ff7cc4;outline-offset:2px}
#modalActions button.dna-reroll:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}

/* Collected DNA: primary resource readout, shared by solo and CO-OP. */
#dnaHud{position:absolute;top:51px;left:18px;display:grid;grid-template-columns:31px minmax(85px,1fr);gap:2px 9px;min-width:178px;padding:9px 12px;background:linear-gradient(135deg,#321126f5,#101b29f5);border:1px solid #df5a9b;border-left:3px solid #ff80c4;border-radius:3px;box-shadow:0 3px 14px #0008;color:#ffe4f4;pointer-events:auto;font-family:monospace}
#dnaHud>.dna-icon{width:30px;height:38px;align-self:center;grid-row:1}
#dnaHud .dna-hud-main>span{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#ffacd7}
#dnaHud .dna-hud-main>b{display:block;font:800 clamp(25px,2.2vw,34px)/1.12 monospace;letter-spacing:1px;color:#fff1f9;font-variant-numeric:tabular-nums}
#dnaHud>small{grid-column:1/-1;border-top:1px solid #e764a542;padding-top:5px;margin-top:3px;font-size:9px;letter-spacing:.25px;color:#dca2c3}
#dnaHud.dna-affordable>small{color:#ffdd93}
.inv-top .inv-dna{gap:10px;padding:5px 12px;background:#351127;border:1px solid #ec68ae;border-left:3px solid #ff8aca;border-radius:3px;letter-spacing:1px;flex-shrink:0;box-shadow:inset 0 0 16px #ff51ac12}
.inv-top .inv-dna>.dna-icon{width:27px;height:32px}
.inv-top .inv-dna>b{font:800 clamp(25px,2.1vw,32px)/1 monospace;color:#fff0f9;letter-spacing:0;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.inv-dna-caption{font:700 11px/1.25 monospace;color:#ffacd7;white-space:nowrap}
.inv-dna-caption>small{display:block;margin-top:3px;font:9px/1.2 monospace;color:#f4c6de;letter-spacing:0}
.inv-top .inv-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.inv-top{gap:10px}.inv-top .inv-title{display:none}}
@media(max-width:800px),(max-height:600px){#dnaHud{top:46px;left:10px;min-width:152px;padding:6px 9px;gap:1px 6px}#dnaHud .dna-hud-main>b{font-size:25px}#dnaHud>.dna-icon{width:25px;height:30px}#dnaHud>small{font-size:8px}}

/* ===================== v40: probes → 42 items (item-ui.js) ===================== */
/* inventory: equipment on the LEFT (~62%), "PRZEDMIOTY" on the RIGHT (~38%) */
.inv-main.with-items{grid-template-columns:minmax(0,19fr) minmax(0,26fr) minmax(0,17fr) minmax(0,38fr);gap:8px}
.inv-main.with-items .inv-drones .drone-loadout{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:3px!important}
.inv-main.with-items .inv-drones .drone-hardpoint{min-height:32px;max-height:52px}
.inv-main.with-items .inv-drones .drone-hardpoint b{font-size:8px;left:3px;top:1px}
.inv-main.with-items .inv-drones .drone-slot-label{font-size:7px}
.inv-main.with-items .inv-slots{gap:5px}
.inv-main.with-items .inv-slots .v30-card{--cell:clamp(42px,min(3.4vw,7.4vh),80px)}
.inv-main.with-items .inv-detail h3{font-size:clamp(15px,1.4vw,26px)}
.inv-main.with-items .det-row{grid-template-columns:1fr auto 54px;gap:5px}
.inv-main.with-items .det-actions{grid-template-columns:1fr}
.inv-main.with-items .det-actions button{min-height:30px}
.inv-items{--tile:clamp(40px,min(3.9vw,6.1vh),56px);gap:6px}
.item-grid{display:grid;grid-template-columns:repeat(6,var(--tile));grid-auto-rows:var(--tile);gap:5px;align-content:start;justify-content:start;flex:0 1 auto;min-height:0;max-height:calc(7 * var(--tile) + 30px);overflow:hidden}
.item-tile{position:relative;width:var(--tile);height:var(--tile);padding:2px;background:radial-gradient(circle at 50% 40%,#0f2a36,#06141b 75%);border:2px solid var(--item-tier,#8aa9ba);border-radius:3px;color:var(--v-text);cursor:pointer;display:block;box-shadow:inset 0 0 0 1px #0009}
.item-tile .item-icon{display:block;width:100%;height:100%;pointer-events:none}
.item-tile:hover{filter:brightness(1.18)}
.item-tile:focus-visible{outline:2px solid #fff;outline-offset:2px}
.item-tile.selected{box-shadow:0 0 0 2px #ff7a13,0 0 12px #ff7a1366;border-color:#ffc170}
.item-tile.maxed::after{content:"MAKS";position:absolute;left:2px;top:1px;font:700 8px monospace;letter-spacing:.5px;color:#140700;background:#ffc170;padding:0 2px}
.item-tile.item-flash{animation:itemFlash .9s ease-out}
@keyframes itemFlash{0%{box-shadow:0 0 0 3px #fff,0 0 22px #ffc170}100%{box-shadow:0 0 0 0 transparent}}
.item-count{position:absolute;right:-1px;bottom:-1px;min-width:1.4em;padding:1px 3px 0;font:800 clamp(18px,1.45vw,23px)/1 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#fff;background:#020a0ee6;border-top-left-radius:4px;text-align:right;letter-spacing:-.5px;pointer-events:none;text-shadow:0 1px 0 #000}
.item-used{position:absolute;left:1px;top:1px;font:600 8px monospace;color:#ffc170;background:#020a0ed9;padding:0 2px;pointer-events:none}
.item-pages{display:flex;align-items:center;gap:8px;font:600 12px monospace;color:var(--v-muted)}
.item-pages button{min-width:34px;min-height:26px;background:var(--v-panel);border:1px solid var(--v-line);color:var(--v-text);cursor:pointer}
.item-pages button:disabled{opacity:.4;cursor:default}
.item-banished{font:600 10px monospace;color:var(--v-muted);border-top:1px solid #12303d;padding-top:4px}
.item-banished summary{cursor:pointer;letter-spacing:1px;color:#e78b8b}
.item-banished>div{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;max-height:3.6em;overflow:hidden}
.item-banished span{display:inline-flex;align-items:center;gap:3px;text-decoration:line-through;opacity:.75}
.item-icon.tiny{width:16px;height:16px;flex:none}
.item-detail{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--v-line);padding-top:6px}
.item-empty{font:13px/1.4 "Segoe UI",sans-serif;color:var(--v-muted);margin:4px 0}
.item-det-head{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.item-det-icon{width:clamp(40px,4vw,58px);height:clamp(40px,4vw,58px);border:2px solid var(--item-tier);border-radius:3px;background:#06141b;padding:2px}
.item-det-icon svg{width:100%;height:100%}
.item-tier-tag{font:700 10px monospace;letter-spacing:1px;color:#081016;background:var(--item-tier,#8aa9ba);padding:1px 5px;white-space:nowrap}
.item-det-head h4{margin:3px 0 1px;font:800 clamp(14px,1.15vw,19px)/1.1 "Segoe UI",sans-serif;text-transform:uppercase}
.item-det-count{font:600 12px monospace;color:var(--v-muted)}
.item-max{color:#ffc170}
.item-det-rows{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin:0;font:12px/1.35 "Segoe UI",sans-serif}
.item-det-rows dt{font:700 9px monospace;letter-spacing:1px;color:var(--v-muted);padding-top:2px}
.item-det-rows dd{margin:0;color:var(--v-text)}
.item-quote{font-style:italic;color:#c9b38a}
.item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}
.item-actions button{min-height:36px;padding:0 12px;font:700 clamp(11px,.85vw,13px) monospace;letter-spacing:.8px;cursor:pointer;border:1px solid var(--v-line)}
.item-banish{background:#2a0b0b;color:#ffb0a6;border-color:#c0473c!important}
.item-banish:hover:not(:disabled),.item-banish:focus-visible{background:#4a1310;outline:2px solid #ff6a5a;outline-offset:1px}
.item-banish:disabled{opacity:.45;cursor:not-allowed}
.item-banish-confirm{background:#c0392b;color:#fff;border-color:#ff8a80!important}
.item-banish-confirm:focus-visible,.item-banish-confirm:hover{outline:2px solid #fff;outline-offset:1px}
.item-back,.item-keep{background:var(--v-panel);color:var(--v-text)}
.item-keep{background:#ff7a13;color:#140700;border-color:#ff7a13!important;min-width:150px}
.item-keep:focus-visible,.item-keep:hover,.item-back:focus-visible,.item-back:hover{outline:2px solid #fff;outline-offset:1px}
.item-short{font:700 11px monospace;color:#ff8a80}
.item-warn{margin:0;font:700 10px monospace;letter-spacing:1px;color:#ffb347}
.item-confirm{border:1px solid #c0473c;background:#1c0808;padding:8px;display:flex;flex-direction:column;gap:6px}
.item-confirm p{margin:0;font:13px/1.4 "Segoe UI",sans-serif;color:#ffd9d4}
.item-partner{margin:0;font:10px monospace;color:var(--v-muted)}
/* CO-OP guest: the items panel inside the modal */
#modal.guest-items .panel{width:min(560px,94vw)}
#modal.guest-items #choices{display:block}
.guest-items-panel{min-height:min(560px,70vh);--tile:clamp(44px,7.4vw,56px)}
/* probe offer card */
.probe-card{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#01070b9c;font-family:"Segoe UI",sans-serif}
.probe-card[hidden]{display:none}
.probe-card-box{width:min(560px,94vw);max-height:94vh;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:linear-gradient(180deg,#0a2230,#06141b);border:1px solid #285061;border-top:3px solid var(--item-tier,#ff8a24);box-shadow:0 20px 70px #000c,0 0 0 1px #0008;color:#d7e8f0}
.probe-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 11px monospace;letter-spacing:1.4px;color:#ffa14a}
.probe-card-main{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.probe-card-icon{width:clamp(72px,12vh,104px);height:clamp(72px,12vh,104px);border:2px solid var(--item-tier);border-radius:4px;background:radial-gradient(circle at 50% 40%,#123341,#06141b 75%);padding:4px}
.probe-card-icon svg{width:100%;height:100%}
.probe-card-text small{font:700 10px monospace;letter-spacing:1.2px;color:#8aa9ba}
.probe-card-text h3{margin:3px 0 4px;font:800 clamp(18px,1.6vw,24px)/1.1 "Segoe UI",sans-serif;text-transform:uppercase}
.probe-step{margin:0;font:12px/1.35 monospace;color:#9fc0cf}
.probe-owns{display:flex;flex-wrap:wrap;gap:6px 18px;font:13px monospace;color:#c5d6de;border-top:1px solid #1d3b49;padding-top:8px}
.probe-owns b{color:#fff;font-size:15px}
.probe-actions{justify-content:flex-start}
.probe-dna{margin:0;font:12px monospace;color:#ffb3dc;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.probe-dna b{color:#fff0f9;font-size:15px}
.probe-card.waiting{inset:auto 0 auto 0;top:clamp(70px,14vh,140px);background:none;pointer-events:none}
.probe-wait{flex-direction:row;align-items:center;width:auto;max-width:94vw;padding:10px 18px;border-top-color:#ff8a24}
.probe-wait p{margin:0;font:700 clamp(14px,1.1vw,18px) Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#ffc170;letter-spacing:.5px}
.probe-wait-dot{width:10px;height:10px;border-radius:50%;background:#ff8a24;box-shadow:0 0 10px #ff8a24;animation:probeDot 1.2s ease-in-out infinite}
@keyframes probeDot{50%{opacity:.25}}
/* toasts (icon + name + tier + ×N) and HUD */
.item-toasts{position:absolute;right:18px;top:clamp(120px,19vh,190px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;z-index:6}
.item-toast{display:flex;align-items:center;gap:9px;max-width:min(430px,70vw);padding:6px 10px;background:#06131bee;border:1px solid #285061;border-left:4px solid var(--item-tier,#ff8a24);color:#e6f1f6;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;animation:itemToastIn .25s ease-out}
.item-toast.banish{border-left-color:#ff5a4a;background:#1c0808ee}
.item-toast.info{border-left-color:#ff8fcd}
.item-toast-icon{width:38px;height:38px;flex:none;border:1px solid var(--item-tier,#285061);border-radius:3px;background:#06141b;padding:1px}
.item-toast-icon svg{width:100%;height:100%}
.item-toast-text{display:flex;flex-direction:column;min-width:0}
.item-toast-text b{font-size:15px;line-height:1.15}
.item-toast-text small{font:11px monospace;color:#9fc0cf}
.item-toast-count{font:800 22px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#fff}
@keyframes itemToastIn{from{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}
#dnaHud>small.probe-hud{border-top:1px solid #ff8a2455;color:#ffc170;font-weight:700;letter-spacing:1px}
.item-status{position:absolute;left:18px;top:178px;display:flex;flex-wrap:wrap;gap:4px;max-width:240px;pointer-events:none}
.item-status[hidden]{display:none}
.item-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 3px;background:#06131bdd;border:1px solid #ff8a2488;color:#ffd09a;font:700 11px monospace}
@media(max-width:800px),(max-height:600px){.item-status{top:150px;left:10px}.item-toasts{top:110px}}
@media(max-height:800px){.inv-main.with-items .inv-row{min-height:44px}.item-det-rows{font-size:11px}.item-actions button{min-height:30px}}

/* ===================== v41: end-of-run score summary ===================== */
#choices .score-summary{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#06131b;border:1px solid #285061;border-top:3px solid #ff7a13;color:#d7e8f0;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;text-align:left}
.score-total{display:flex;flex-direction:column;align-items:center}
.score-total small{font:700 11px monospace;letter-spacing:2px;color:#ffa14a}
.score-total b{font:800 clamp(34px,4vw,56px)/1.05 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.score-summary table{width:100%;border-collapse:collapse;font:14px Bahnschrift,"Arial Narrow",Arial,sans-serif}
.score-summary th,.score-summary td{padding:3px 6px;border-bottom:1px solid #12303d;text-align:right;font-weight:400}
.score-summary th{text-align:left;color:#a1bbc8}
.score-summary thead th,.score-summary thead td{font:700 10px monospace;letter-spacing:1px;color:#8aa9ba}
.score-summary td:last-child{color:#fff;font-weight:700}
.score-summary p{margin:0;font-size:13px;color:#c5d6de}
.score-summary .score-rule{font:11px/1.4 monospace;color:#7f9ead}
/* ===================== v41: bigger DNA / points, FPS meter ===================== */
/* inventory header: big numbers (same size as the VOIDBREAKER brand), caption underneath */
.arsenal-open #arsenal{grid-template-rows:minmax(58px,auto) minmax(0,1fr) auto!important}
.inv-top .inv-dna,.inv-top .inv-score{display:flex;align-items:center;gap:10px;padding:4px 14px;border-radius:3px;flex-shrink:0}
.inv-top .inv-score{background:#2a1a06;border:1px solid #d99a3e;border-left:3px solid #ffc35f;box-shadow:inset 0 0 16px #ffb34712}
.inv-top .inv-dna+.inv-score{margin-left:0}
.inv-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.inv-top .inv-stack>b{font:900 clamp(20px,2.3vw,34px)/1 "Segoe UI",sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums;min-width:0;text-align:left}
.inv-top .inv-dna .inv-stack>b{color:#fff0f9}
.inv-top .inv-score .inv-stack>b{color:#ffd68a}
.inv-top .inv-stack>.inv-dna-caption{margin-top:3px;font:700 10px/1.2 monospace;letter-spacing:1px;white-space:nowrap}
.inv-top .inv-score .inv-dna-caption{color:#f0c983}
.inv-top .inv-dna>.dna-icon{width:30px;height:36px}
/* in-game: points with a caption, larger DNA counter */
.mission-score{display:flex!important;flex-direction:column;align-items:flex-start;border-left:1px solid #839e7b80;padding-left:12px!important}
.mission-score b{font:800 clamp(24px,2.9vw,42px)/1 Bahnschrift,"Arial Narrow",Arial,sans-serif!important;color:#ffc35f!important;border-left:0!important;padding-left:0!important;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #000a}
.mission-score .hud-caption{font:700 10px monospace;letter-spacing:2px;color:#d9b77a;margin-top:2px}
#dnaHud{min-width:200px}
#dnaHud .dna-hud-main{display:flex;flex-direction:column-reverse}
#dnaHud .dna-hud-main>b{font:900 clamp(32px,3vw,46px)/1 Bahnschrift,"Arial Narrow",Arial,sans-serif!important}
#dnaHud .dna-hud-main>span{margin-top:2px}
#dnaHud>.dna-icon{width:34px;height:44px}
/* FPS meter (was hidden) */
#performance{display:flex!important;flex-direction:column;align-items:flex-end;gap:1px;position:absolute!important;top:66px!important;bottom:auto!important;right:18px!important;padding:5px 9px;background:#020a0ecc;border:1px solid #285061;font:11px/1.3 monospace!important;color:#9fc0cf;letter-spacing:.3px;pointer-events:none;z-index:5}
#performance:empty{display:none!important}
#performance b{font:800 20px/1 Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#7dffa8}
#performance.fps-mid b{color:#ffd166}
#performance.fps-low b{color:#ff5a4a}
@media(max-width:900px),(max-height:620px){#performance span{display:none}}
/* v41: F8 performance test — hide the HTML HUD (the game canvas keeps running) */
body.hud-off #hud>*:not(#performance):not(#toast){visibility:hidden!important}
#performance em{font-style:normal;color:#ffd166}
/* v41: four offers per stage (modules, then weapons) — slightly smaller rows so 1280×720 fits */
#modal.levelup-modal #choices .lu-icon{width:clamp(48px,7.2vh,76px);height:clamp(48px,7.2vh,76px)}
#modal.levelup-modal #choices .levelup-offer{padding-top:clamp(6px,1vh,11px);padding-bottom:clamp(12px,1.7vh,18px)}
#modal.levelup-modal #choices .lu-main{padding-top:clamp(8px,1.3vh,16px)}
#modal.levelup-modal #choices .lu-icon.lu-weapon svg{width:100%;height:auto}
/* Keep the animated radar outside a CSS filter surface: the whole cockpit otherwise repaints. */
#cockpit{filter:none;isolation:isolate}#radarDock canvas{contain:strict} .item-icon{image-rendering:pixelated}

/* Boost timer: isolated small updates, no full-width blur rasterization. */
.boost-meter{box-shadow:none;contain:layout paint}.boost-meter i{width:100%!important;box-shadow:none!important;transform-origin:left center;will-change:transform;transition:transform .08s linear}

/* Compact solid bonus instruments avoid repeatedly blending three full-width strips. */
#boostHud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;left:12px;right:12px;width:auto}.boost-meter{flex:0 1 330px;min-width:240px;max-width:100%;background:#091b22}.boost-meter strong{font-size:13px}.boost-meter b{font-size:16px}.boost-meter>div{gap:8px}.boost-meter svg{width:24px;height:24px}

/* Discrete 20 Hz timer updates avoid extra compositor layers and continuous bar animations. */
#boostHud *{transition:none!important;animation:none!important;will-change:auto!important}

/* ===================== v42: inventory — items as a LEFT tab (tiles ×2), player stats on the RIGHT ===================== */
.inv-main.with-items{grid-template-columns:minmax(0,28fr) minmax(0,26fr) minmax(0,17fr) minmax(0,29fr)}
.inv-tabs.five{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.inv-tabs.five .inv-tab[data-tab="items"]{grid-column:1/-1;border-color:#ff8a2488;color:#ffc170}
.inv-tabs.five .inv-tab[data-tab="items"].on{background:#2a1606;border-color:var(--v-accent);color:var(--v-accent)}
.inv-tabs.five .inv-tab{min-height:30px}
.inv-list[data-list-tab="items"]>.inv-rows{display:none}
.inv-list:not([data-list-tab="items"])>.inv-items{display:none}
.inv-list>.inv-items{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;--tile:clamp(80px,min(7.8vw,12.2vh),112px)}
.inv-list>.inv-items>.inv-head{font-size:clamp(12px,1vw,16px);margin-bottom:2px;color:#ffc170}
.inv-list .item-grid,.guest-items-panel .item-grid{grid-template-columns:repeat(auto-fill,var(--tile));gap:6px;max-height:calc(3 * var(--tile) + 12px)}
.inv-list .item-tile{border-width:2px;padding:4px}
.inv-list .item-count{font-size:clamp(20px,1.7vw,28px)}
.inv-list .item-tile.maxed::after{font-size:10px}
.inv-list .item-det-icon{width:clamp(56px,5vw,84px);height:clamp(56px,5vw,84px)}
.guest-items-panel{--tile:clamp(80px,14vw,104px)}
@media(max-height:800px){.inv-list .item-grid{max-height:calc(2 * var(--tile) + 6px)}}
/* stats sheet */
.inv-stats{gap:4px}
.inv-stats .inv-head{margin-bottom:4px}
.ps-groups{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1vh,12px);overflow:hidden}
.ps-group h4{margin:0 0 2px;padding:2px 0 2px 8px;font:700 clamp(9px,.7vw,11px) monospace;letter-spacing:2px;color:#081016;background:linear-gradient(90deg,#ff7a13,#ff7a1300 85%)}
.ps-group dl{margin:0;display:flex;flex-direction:column}
.ps-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 8px;font:600 clamp(10px,min(.92vw,1.62vh),18px)/1.42 Bahnschrift,"Arial Narrow",Arial,sans-serif;border-bottom:1px solid #12303d}
.ps-row:nth-child(odd){background:#ffffff05}
.ps-row dt{color:#c3d6df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-row dd{margin:0;color:var(--v-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.ps-row.up dt{color:#f2f7f9}
.ps-row.up dd{color:#ffc170}
#choices .score-summary .score-dna{margin:0;display:flex;align-items:baseline;gap:8px;color:#ffb3dc;font:700 13px Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:.5px}
#choices .score-summary .score-dna b{display:inline;margin:0;font:800 20px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#ff8fcd}
/* v43 performance: frequently changing readouts get their own small compositor layer, so a new value
   re-rasters only that text — not the cockpit panel behind it (gradients, SVG icons, filters). */
#score,#clock,#hpText,#shieldText,#cockpitXp,#levelText,.slot-ammo-text,.slot-ammo-bar,.secondary-readout,.cooldown-ring,.drone-count,#dnaHudAmount,#cockpit .track,#objective,#performance,#boostHud,#toast{will-change:transform}
.perf-gpu{display:block;opacity:.7;font-size:9px}/* v43 performance: no width transitions on HUD bars (they animated almost continuously at 10 Hz
   updates and every animated frame re-laid-out and re-painted the cockpit panels) */
.track i,#cockpit .slot-ammo-bar i{transition:none!important}/* v43 performance: both game canvases on their own compositor layers (the 2D overlay changes every
   frame; without its own layer the whole page was re-rastered at full resolution each frame) */
#game,body>canvas{will-change:transform}
.radar-panel,#radarDock{will-change:transform}
/* v45: weapon lock (padlock square in each equipped L / P / DACH slot of the inventory) */
.inv-slots .slot-box{position:relative}
.weapon-lock{position:absolute;top:3px;right:3px;z-index:3;width:24px;height:24px;padding:3px;display:grid;place-items:center;background:#0b1a22;border:1px solid #3a5563;border-radius:2px;color:#6f8791;cursor:pointer}
.weapon-lock svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.weapon-lock:hover,.weapon-lock:focus-visible{border-color:#ff7a13;color:#d7e8f0;outline:none}
.weapon-lock.on{background:#2a1606;border-color:#ffb347;color:#ffb347;box-shadow:0 0 8px #ff7a1366}
.weapon-lock.on svg rect{fill:#ffb34733}
.slot-box.locked-slot{border-color:#ffb34799!important;box-shadow:inset 0 0 0 1px #ffb34733}
/* ===================== v46: pre-run exclusion window (run-exclusions-ui.js) ===================== */
.exclusion-overlay{position:fixed;inset:0;z-index:95000;display:grid;place-items:center;padding:clamp(8px,2vh,24px) clamp(8px,1.6vw,28px);background:#01070bf2;font-family:"Segoe UI",Bahnschrift,sans-serif;color:#d7e8f0}
.ex-panel{--cut:12px;width:min(1720px,100%);height:min(1000px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:clamp(10px,1.6vh,18px) clamp(12px,1.2vw,20px);background:linear-gradient(180deg,#0a2230,#071923);border:1px solid #285061;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));box-shadow:0 20px 70px #000c}
.ex-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:end;border-bottom:1px solid #285061;padding-bottom:8px}
.ex-head small{font:700 10px monospace;letter-spacing:2px;color:#ff9a2e}
.ex-head h2{margin:2px 0 0;font:900 clamp(18px,1.7vw,28px)/1.05 "Segoe UI",sans-serif;letter-spacing:1px}
.ex-lead{grid-column:2;grid-row:1;margin:0;font:clamp(12px,.85vw,15px)/1.35 "Segoe UI",sans-serif;color:#d7e8f0}
.ex-sub{grid-column:2;margin:3px 0 0;font:600 clamp(11px,.75vw,13px) monospace;color:#ffc170}
.ex-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0}
.ex-section{display:flex;flex-direction:column;min-height:0;background:#06141bcc;border:1px solid #1d3b49;padding:8px}
.ex-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.ex-section h3{margin:0;font:800 clamp(14px,1.05vw,18px) "Segoe UI",sans-serif;letter-spacing:1px}
.ex-section h3 small{margin-left:8px;font:600 10px monospace;letter-spacing:1px;color:#8aa9ba}
.ex-freecount{font:700 11px monospace;color:#9be35a;white-space:nowrap}
.ex-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:3px;scrollbar-width:thin;scrollbar-color:#ff7a13 #06141b}
.ex-tile{position:relative;display:grid;grid-template-columns:clamp(42px,3.2vw,56px) minmax(0,1fr);gap:10px;align-items:center;flex:none;padding:6px 8px 6px 6px;text-align:left;background:#081c26;border:1px solid #1d3b49;border-left:3px solid var(--ex-tier,#8aa9ba);color:#d7e8f0;cursor:pointer}
.ex-tile:hover{background:#0b2532;border-color:#3f6c80}
.ex-tile:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ex-icon{position:relative;display:block;width:clamp(42px,3.2vw,56px);height:clamp(42px,3.2vw,56px);background:radial-gradient(circle at 50% 40%,#123341,#06141b 75%);border:1px solid #285061;overflow:hidden}
.ex-icon>svg,.ex-icon>img{display:block;width:100%;height:100%;object-fit:contain}
.ex-x{position:absolute;inset:0;display:none;place-items:center;font:900 clamp(26px,2.2vw,38px)/1 "Segoe UI",sans-serif;font-style:normal;color:#ff5a4a;text-shadow:0 0 6px #000,0 0 2px #000}
.ex-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.ex-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.ex-name{font:700 clamp(12px,.85vw,15px)/1.15 "Segoe UI",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ex-tier{flex:none;font:700 9px monospace;letter-spacing:.8px;color:var(--ex-tier,#8aa9ba)}
.ex-desc{font:11px/1.3 "Segoe UI",sans-serif;color:#9fb8c4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ex-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font:600 11px monospace}
.ex-badge{font:700 9px monospace;font-style:normal;letter-spacing:1px;color:#081016;background:#8aa9ba;padding:0 4px}
.ex-free{color:#9be35a;letter-spacing:1px}
.ex-cost{color:#ffc170}
.ex-tile.short{opacity:.62}
.ex-tile.short .ex-cost{color:#ff8a80}
.ex-tile.on{background:#240909;border-color:#c0473c;border-left-color:#ff5a4a;box-shadow:inset 0 0 0 1px #ff5a4a55}
.ex-tile.on .ex-icon>svg,.ex-tile.on .ex-icon>img{filter:grayscale(1);opacity:.45}
.ex-tile.on .ex-x{display:grid}
.ex-tile.on .ex-name{text-decoration:line-through;color:#c9a9a4}
.ex-state{color:#ff6a5a;letter-spacing:1.5px}
.ex-tile.on .ex-price span{color:#ffb0a6}
.ex-wait{display:grid;place-items:center;gap:12px;align-content:center;font:600 15px monospace;color:#9fc0cf;text-align:center}
.ex-error{color:#ffb0a6}
.ex-retry,.ex-back{min-height:38px;padding:0 16px;background:#152c35;border:1px solid #ad8745;color:#ebc16f;font:700 12px monospace;letter-spacing:1px;cursor:pointer}
.ex-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border-top:1px solid #285061;padding-top:8px}
.ex-sum{display:flex;gap:18px;margin:0;font:600 clamp(12px,.85vw,14px) "Segoe UI",sans-serif}
.ex-sum div{display:flex;gap:6px;align-items:baseline;white-space:nowrap}
.ex-sum dt{color:#9fb8c4}
.ex-sum dd{margin:0;font:800 clamp(15px,1.15vw,20px) Bahnschrift,"Segoe UI",sans-serif;color:#ff8fcd;font-variant-numeric:tabular-nums}
.ex-sum dd.cost{color:#ffc170}
.ex-sum dd.neg{color:#ff6a5a}
.ex-note{margin:0;font:700 12px/1.3 "Segoe UI",sans-serif;color:#ffb347;min-height:1.3em}
.ex-actions{display:flex;align-items:center;gap:10px}
.ex-actions small{max-width:260px;font:10px/1.3 monospace;color:#8aa9ba;text-align:right}
.ex-go{min-height:44px;min-width:170px;padding:0 20px;background:#1a2a30;border:1px solid #3a5563;color:#6f8791;font:800 clamp(14px,1.05vw,18px) Bahnschrift,"Segoe UI",sans-serif;letter-spacing:2px;cursor:not-allowed}
.ex-go.ready{background:#ff7a13;border-color:#ffb347;color:#140700;cursor:pointer;box-shadow:0 0 18px #ff7a1366}
.ex-go.ready:hover,.ex-go.ready:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ex-back:focus-visible,.ex-retry:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1500px){.ex-sum{flex-direction:column;gap:0}.ex-actions small{max-width:200px}}
@media(max-height:800px){.ex-head{column-gap:16px}.ex-lead{font-size:12px}.ex-desc{-webkit-line-clamp:1}.ex-tile{padding:4px 6px 4px 4px;gap:8px}}
@media(max-width:1100px){.ex-sections{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}.ex-section{min-height:340px}.ex-head{grid-template-columns:1fr}.ex-lead,.ex-sub{grid-column:1;grid-row:auto}.ex-foot{grid-template-columns:1fr}}.ex-sechead{flex-wrap:wrap;row-gap:2px}
@media(max-width:1500px){.ex-section h3 small{display:none}}.ex-panel{height:min(1000px,calc(100vh - 2 * clamp(8px,2vh,24px)))}/* v52: public CO-OP rooms — host checkbox, list of waiting pilots (portrait + nick), status in the room */
.coop-hostbox{display:flex;flex-direction:column;gap:6px}
.coop-hostbox .coop-main{flex:1}
.coop-public{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0b1b25;border:1px solid #39586a;color:#a1bbc8;font:12px Bahnschrift,"Arial Narrow",Arial,sans-serif;cursor:pointer}
.coop-public b{color:#e6f1f6}
.coop-public input{accent-color:#ff7a13;width:16px;height:16px;margin:0}
.coop-public.disabled{opacity:.5;cursor:default}
.coop-rooms{display:flex;flex-direction:column;gap:6px;min-height:0}
.coop-rooms[hidden]{display:none}
.coop-rooms-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.coop-rooms-head b{font:700 11px monospace;letter-spacing:1.5px;color:#ffa14a}
.coop-rooms-head button{background:none;border:1px solid #39586a;color:#a1bbc8;padding:3px 8px;font:700 10px monospace;letter-spacing:1px;cursor:pointer}
#coopRooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:min(30vh,236px);overflow-y:auto;scrollbar-width:thin}
#coopRooms li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:5px 8px;background:#0b1b25;border:1px solid #39586a;border-left:3px solid var(--tier,#82959e)}
#coopRooms li img{width:42px;height:42px;border:2px solid var(--tier,#82959e);background:color-mix(in srgb,var(--tier,#82959e) 18%,#0b1b25);image-rendering:auto}
#coopRooms li span{display:flex;flex-direction:column;gap:2px;min-width:0}
#coopRooms li span b{font:700 16px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#e6f1f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#coopRooms li span small{font:11px Bahnschrift,"Arial Narrow",Arial,sans-serif;color:#7f9ead}
#coopRooms li button{background:#10232f;border:1px solid #39586a;border-left:3px solid #ff7a13;color:#e6f1f6;padding:8px 14px;font:700 13px Bahnschrift,"Arial Narrow",Arial,sans-serif;cursor:pointer}
#coopRooms li button:hover,#coopRooms li button:focus-visible{outline:2px solid #ff7a13;outline-offset:2px}
#coopRooms li.empty{display:block;color:#7f9ead;font:12px Bahnschrift,"Arial Narrow",Arial,sans-serif;border-left-color:#39586a}
.coop-room-public{grid-column:2;margin:0;display:flex;align-items:center;gap:8px;color:#a1bbc8;font-size:12px}
.coop-room-public[hidden]{display:none}
.coop-room-public b{color:#ffa14a}
.coop-room-public button{background:none;border:1px solid #39586a;color:#a1bbc8;padding:3px 8px;font:700 10px monospace;cursor:pointer}
@media (max-height:780px){#coopRooms{max-height:22vh}.coop-note{display:none}}
/* v53: CO-OP preparation — status bar of both pilots above every preparation screen, ready summary panel */
.prep-bar{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:80;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 14px;background:#06131bf2;border:1px solid #39586a;border-top:0;border-left:3px solid #ff7a13;color:#a1bbc8;font:12px Bahnschrift,"Arial Narrow",Arial,sans-serif;max-width:calc(100vw - 24px)}
.prep-bar b{color:#ffa14a;letter-spacing:1px;font-size:11px}
.prep-bar small{color:#7f9ead}
.prep-pilot em{font-style:normal;font:700 10px monospace;color:#7f9ead;margin-right:2px}
.prep-pilot strong{color:#e6f1f6}
.prep-pilot.ready strong{color:#7cf29a}
.prep-pilot.offline strong{color:#ff8f7a}
.prep-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#020a0ee6}
.prep-panel{width:min(820px,100%);max-height:calc(100vh - 64px);overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:18px 22px;background:#06131b;border:1px solid #39586a;color:#e6f1f6;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif}
.prep-panel header small{font:700 10px monospace;letter-spacing:2px;color:#ffa14a}
.prep-panel h2{margin:4px 0 0;font-size:clamp(17px,1.6vw,22px)}
.prep-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}
.prep-cols h3{margin:0 0 6px;font-size:13px;color:#e6f1f6}
.prep-cols h3 small{display:block;font-weight:400;font-size:11px;color:#7f9ead}
.prep-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:min(38vh,320px);overflow:auto}
.prep-cols li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:4px 8px;background:#0b1b25;border:1px solid #39586a;border-left:3px solid var(--ex-tier,#39586a);font-size:13px}
.prep-cols li small{color:#7f9ead;font-size:10px}
.prep-ic svg,.prep-ic img{width:24px;height:24px;display:block}
.prep-none{color:#7f9ead;font-size:12px;margin:0}
.prep-note{margin:0;color:#a1bbc8;font-size:12px;line-height:1.5;border-left:2px solid #ff7a13;padding-left:10px}
.prep-error{margin:0;color:#ff8f7a;font-size:13px}
.prep-actions{display:flex;justify-content:flex-end;gap:8px}
.prep-actions button{background:#10232f;border:1px solid #39586a;border-left:3px solid #ff7a13;color:#e6f1f6;padding:9px 16px;font:700 13px Bahnschrift,"Arial Narrow",Arial,sans-serif;cursor:pointer}
.ex-team,.slot-team{margin:4px 0;color:#a1bbc8;font-size:12px}
.ex-team b{color:#ffa14a}
/* v54: 3D printer panel */
.printer-overlay{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:16px;background:#020a0ed9}
.pr-panel{width:min(1040px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#071016;border:1px solid #4b3a2a;border-left:4px solid #ff8a24;color:#e6f1f6;font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;overflow:hidden}
.pr-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pr-panel header small{font:700 10px monospace;letter-spacing:2px;color:#ffa14a}
.pr-panel h2{margin:2px 0;font-size:clamp(18px,1.8vw,26px);letter-spacing:1px;color:#ffc170}
.pr-panel header p{margin:0;color:#a1bbc8;font-size:13px}
.pr-count{text-align:right;padding:6px 12px;border:1px solid #ff8a2466;background:#2a160a}
.pr-count b{display:block;font:700 26px monospace;color:#ffc170}
.pr-count small{font:9px monospace;color:#d9a97a;letter-spacing:1px}
.pr-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;min-height:0;flex:1}
.pr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;align-content:start;overflow:auto;max-height:min(56vh,520px);scrollbar-width:thin}
.pr-tile{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:6px 8px;background:#0c1a22;border:1px solid #34505e;border-left:3px solid var(--tier);color:#e6f1f6;cursor:pointer;font:inherit}
.pr-tile .pr-ic{grid-row:span 2}.pr-tile .pr-ic svg,.pr-tile .pr-ic img{width:40px;height:40px;display:block}
.pr-tile b{font-size:13px;line-height:1.2}.pr-tile small{font-size:10.5px;color:#9fb3bd}
.pr-tile.on{outline:2px solid #ff8a24;background:#2a160a}
.pr-tile.bad{opacity:.5}
.pr-stage{display:flex;flex-direction:column;gap:8px;min-width:0}
.pr-swap{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:6px}
.pr-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#0c1a22;border:1px solid #34505e;text-align:center;min-height:150px;justify-content:center}
.pr-slot small{font:700 10px monospace;letter-spacing:1px;color:#ffa14a}
.pr-big{width:72px;height:72px;display:grid;place-items:center}.pr-big svg,.pr-big img{width:72px;height:72px}
.pr-q{font:900 44px monospace;color:#ff8a24;border:2px dashed #ff8a2466}
.pr-head{height:100%;display:grid;place-items:center}.pr-head i{width:14px;height:14px;background:#ff8a24;box-shadow:0 0 12px #ff8a24;border-radius:2px}
.pr-head.printing i{animation:pr-move .25s ease-in-out infinite alternate}
@keyframes pr-move{from{transform:translateY(-28px)}to{transform:translateY(28px)}}
.pr-warn{margin:0;font-size:12px;color:#ffcf9e;border-left:2px solid #ff8a24;padding-left:8px}
.pr-receipt{margin:0;padding:8px;background:#13240f;border:1px solid #3f7a3a;font-size:13px}
.pr-error{margin:0;color:#ff8f7a;font-size:13px}
.pr-done{margin:0;font:700 14px monospace;color:#7cf29a}
.pr-partner{margin:0;color:#a1bbc8;font-size:12px}
.pr-empty{color:#9fb3bd}
.pr-panel .pr-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.pr-panel .pr-foot button{background:#10232f;border:1px solid #39586a;color:#e6f1f6;padding:9px 14px;font:700 13px Bahnschrift,"Arial Narrow",Arial,sans-serif;cursor:pointer}
.pr-panel .pr-foot button.go{background:#ff8a24;border-color:#ffc170;color:#1b0d02}
.pr-panel .pr-foot button.danger{border-color:#a4523f;color:#ffc2b3}
.pr-panel .pr-foot button:disabled{opacity:.45;cursor:default}
.pr-panel button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pr-confirm{color:#ffcf9e;font-size:13px;margin-right:auto}
@media (max-height:780px){.pr-slot{min-height:110px}.pr-big{width:54px;height:54px}.pr-list{max-height:48vh}}

/* v58: printer descriptions and receipt-driven sacrifice animation */
.pr-tile.on{outline-color:#70c4df;background:#102a36}.pr-tile.pr-roll{outline:3px solid #ff9828;outline-offset:-2px;background:#462408;box-shadow:inset 0 0 0 2px #ffbc65,0 0 12px #ff8a2455;opacity:1}.pr-tile.pr-landed{background:#71340b;outline-color:#ffd28a}
.pr-tooltip{position:fixed;z-index:100;width:min(340px,calc(100vw - 16px));padding:12px 14px;background:#07151ffa;border:1px solid #ff9828;color:#e7f2f6;box-shadow:0 8px 28px #000b;pointer-events:none;font:12px/1.35 Bahnschrift,Arial,sans-serif;max-height:calc(100vh - 16px);overflow:hidden}.pr-tooltip[hidden]{display:none}.pr-tooltip>b{display:block;color:#ffbd6d;font-size:15px}.pr-tooltip>small{display:block;margin:4px 0 9px;color:#b2cbd7}.pr-tooltip dl{margin:0}.pr-tooltip dt{color:#93b3c4;font-size:10px;text-transform:uppercase;margin-top:7px}.pr-tooltip dd{margin:1px 0 0}.pr-big[data-tip]{cursor:help}.pr-big:focus-visible{outline:2px solid #ff9828}

.pr-tile.pr-roll .pr-ic{outline:2px solid #ffac43;outline-offset:2px;background:#ff8a2422}
/* v57: six weapon slots in the cockpit — three pairs (left hand, right hand, shoulder turrets), two cells each */
#cockpit .weapon-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);gap:2px;min-width:0;min-height:0}
#cockpit .weapon-pair .pair-name{grid-column:1/-1;font:700 9px/1.2 monospace;letter-spacing:1px;color:#8aa9ba;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #54726470}
#cockpit .weapon-pair .equipment-slot{padding:3px 4px 4px!important}
#cockpit .weapon-pair .equipment-slot.uninstalled{opacity:.55}
#cockpit .weapon-pair .slot-name{font-size:9px}
#cockpit .weapon-pair .slot-foot{gap:2px;flex-wrap:wrap;justify-content:center}
#cockpit .weapon-pair .slot-foot .slot-level{font-size:9px!important;padding:0 2px}
#cockpit .weapon-pair .slot-ammo-text{font-size:8px;white-space:nowrap}
#cockpit .weapon-pair .equipment-slot kbd{font-size:9px!important}
@media (max-height:820px){#cockpit .weapon-pair .equipment-slot kbd{display:block}#cockpit .weapon-pair .equipment-slot{grid-template-rows:auto minmax(0,1fr) auto auto!important}#cockpit .weapon-pair .slot-name{display:none}}
/* v57: inventory — six weapon slots around the front-view hangar picture, with connector lines */
/* v65: the picture fills the whole stage (no dark box); slot boxes float over it — hand pairs under the guns, turret boxes above the turrets */
.mount-stage{flex:1;min-height:0;position:relative}
.mount-stage .inv-hangar{position:absolute;left:0;right:0;bottom:0;top:0;border:0;background:none;overflow:visible}
.mount-stage .inv-hangar .hangar-mech-static{padding:0}
.mount-turret,.mount-hand{position:absolute;z-index:3;min-width:0}
.mount-turret{top:0;width:max-content}.mount-turret[data-turret="5"]{left:22%}.mount-turret[data-turret="4"]{left:60%}
.mount-hand{top:55%;width:max-content;display:flex;flex-direction:column;align-items:center;gap:1px}.mount-hand[data-hand="right"]{left:0}.mount-hand[data-hand="left"]{left:70%}
.inv-stats .inv-head{white-space:nowrap;gap:6px}.inv-stats .inv-head>span{overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:1500px){.inv-stats .inv-head>span{display:none}}
.mount-pair{display:flex;gap:4px}
.mount-side{font:700 clamp(8px,.62vw,11px) monospace;letter-spacing:1px;color:var(--v-accent);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;paint-order:stroke;text-shadow:0 0 3px #050c11,0 0 3px #050c11}
.mount-stage .slot-box{padding:3px 5px;gap:2px;transition:none;background:#07141bd9;backdrop-filter:none}
.mount-stage .slot-label{white-space:nowrap}
.mount-stage .mount-box{position:relative}.mount-stage .mount-box .slot-label{padding-right:22px}.mount-stage .weapon-lock{top:2px;right:2px;width:20px;height:20px;padding:2px}
.mount-stage .slot-pair{justify-content:center}
.mount-stage .v30-card{--cell:clamp(34px,min(3.1vw,6.2vh),70px)}
.mount-stage .v30-card.hardpoint.equipped{background:linear-gradient(160deg,color-mix(in srgb,var(--tier) 22%,transparent),#081c26)!important}
.inv-main.with-items .mount-stage .v30-card{--cell:clamp(38px,min(3.2vw,6.4vh),66px)}
.mount-stage .v30-card .item-caption{display:none}
.mount-stage .v30-card .item-location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mount-box.drop-ok{border-color:#58e07a!important;box-shadow:inset 0 0 0 1px #58e07a66,0 0 8px #58e07a44}
.mount-box.drop-bad{border-color:#ff4d4d88!important;opacity:.55}
.inv-drop.drop-ok{border-color:#58e07a!important;color:#58e07a!important}
.mount-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.mount-links path{fill:none;stroke-width:1.4;opacity:.85}
.mount-links text{font:700 10px monospace;fill:#d7e8f0;paint-order:stroke;stroke:#050c11;stroke-width:3px}
.hangar-note{position:absolute;left:4px;right:4px;bottom:3px;text-align:center;font:600 clamp(7px,.55vw,10px) monospace;color:#7d97a5;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-slots-ppm{grid-template-columns:auto minmax(0,1fr)!important;align-items:center}
.mount-rules{margin:0;font:600 clamp(8px,.62vw,11px)/1.35 monospace;color:#8aa9ba}
.det-actions.det-actions-six{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px}
.det-actions.det-actions-six button{min-height:30px;padding:0 2px}
.inv-main.with-items .det-actions.det-actions-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-height:800px){.mount-stage .slot-ammo{display:none}}
/* v65: narrower stats sheet, more room for the mech */
.inv-main.with-items{grid-template-columns:minmax(0,26fr) minmax(0,35fr) minmax(0,18fr) minmax(0,21fr)}