*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0b131b;--panel:#101d27;--line:#263943;--muted:#718894;--text:#dbe8eb;--cyan:#5dd9d5;--amber:#e8b465}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#19303a 0,transparent 60%),var(--bg);font-family:Inter,"Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);font-size:13px}.shell{max-width:1660px;margin:auto;padding:29px 34px 18px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-size:37px;color:var(--cyan);border:1px solid #41626c;border-radius:13px;width:54px;height:54px;text-align:center;line-height:49px;background:#1b353c}h1{font-size:21px;letter-spacing:3.7px;margin:0;font-weight:750}h1 em{font-style:normal;font-weight:350;color:#94adb6}header p{font-size:11px;letter-spacing:2px;color:var(--muted);margin:7px 0 0}.header-right{display:flex;gap:10px;align-items:center;color:#93aeb8;letter-spacing:1.6px;font-size:10px}.live-dot,.status i{width:6px;height:6px;background:var(--cyan);border-radius:50%;display:inline-block;box-shadow:0 0 9px #5dd9d555}.build{margin-left:14px;border:1px solid var(--line);padding:8px 11px;color:#6f8791}main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.arena-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#101c26;box-shadow:0 20px 70px #0003}.arena-top{height:81px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#7e9aa7}h2{font-size:20px;margin:6px 0 0;font-weight:550;letter-spacing:1px}.arena-readout{display:flex;gap:19px;align-items:center;color:#748c99;font-size:10px;letter-spacing:1px}.arena-readout b{font-size:14px;color:#d2e4e9;font-weight:500}.arena-readout>span:last-child{color:var(--cyan);border:1px solid #346268;padding:6px 9px;border-radius:4px;font-size:9px}.viewport{height:clamp(430px,calc(100vh - 248px),800px);position:relative;background:#14242d;overflow:hidden}canvas{width:100%;height:100%;display:block;outline:none;cursor:crosshair;touch-action:none}.arena-corner{position:absolute;width:20px;height:20px;pointer-events:none;opacity:.6}.top-left{left:16px;top:16px;border-top:1px solid #5c858e;border-left:1px solid #5c858e}.bottom-right{right:16px;bottom:16px;border-right:1px solid #5c858e;border-bottom:1px solid #5c858e}.field-label{position:absolute;bottom:22px;left:24px;color:#52727e;letter-spacing:2px;font-size:8px;pointer-events:none}.arena-bottom{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:9px;letter-spacing:1px;color:#5c7784;border-top:1px solid var(--line)}.status{display:flex;align-items:center;gap:8px;color:#9cb8bf}.status i{width:4px;height:4px}aside{display:flex;flex-direction:column;gap:23px}.core-card{background:linear-gradient(140deg,#1d343d,#13242e);border:1px solid #34505a;border-radius:12px;padding:21px 22px}.section-heading{display:flex;justify-content:space-between;align-items:center}.tiny{font-size:8px;color:#62818e;letter-spacing:1px}.core-card h2{font-size:22px;margin-top:15px}.core-card h2 span{font-size:11px;color:#7d9ca5;font-weight:400;margin-left:6px;letter-spacing:2px}.core-health{display:flex;align-items:baseline;gap:10px;margin:21px 0 8px}.core-health b{font-size:34px;line-height:1;font-weight:400;letter-spacing:-2px;color:#b9f0e9}.core-health span{font-size:9px;color:#8aabb3}.health-track{height:4px;background:#0d1c25;border-radius:3px;overflow:hidden}.health-track i{display:block;height:100%;width:100%;background:var(--cyan);transition:width .15s}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2d4752;margin-top:22px;padding-top:17px}.stats div+div{border-left:1px solid #2d4752;padding-left:23px}.stats b{font-size:21px;font-weight:450;letter-spacing:1px;display:block}.stats span{display:block;color:#7897a2;font-size:9px;margin-top:6px}.modules .section-heading{margin-bottom:12px}.module-card{position:relative;display:flex;align-items:center;gap:9px;padding:13px 8px;border:1px solid var(--line);border-radius:8px;background:#13222c;margin-top:8px}.module-art{width:72px;display:flex;justify-content:center;align-items:center;height:53px}.module-art img{width:74px;height:auto}.module-art.saw img{width:48px}h3{font-size:13px;font-weight:550;margin:4px 0}.module-code{font-size:7px;letter-spacing:1.2px;color:#718d98}.module-card p{font-size:9px;color:#7e98a2;margin:5px 0 0}.module-led{position:absolute;right:11px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--cyan)}.module-led.amber{background:var(--amber)}.controls{padding:0 3px}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:10px;color:#91a9b3}.control-row>span:first-child{display:flex;gap:4px;align-items:center}kbd{background:#1a2a34;border:1px solid #334b58;border-radius:3px;min-width:20px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#c8d8df;font-family:inherit;font-size:10px}.mouse-icon{height:22px;color:#b4cbd1}.hint{font-size:10px;line-height:1.9;color:#6c8996;margin-top:13px}.actions{margin-top:auto}button{font:inherit;border-radius:6px;cursor:pointer;width:100%;height:40px;text-align:left;padding:0 14px;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button span{float:right}.primary{background:#61cec6;border:1px solid #84ded6;color:#102c31;font-weight:650}.primary:hover{background:#8ee7dd}.secondary{color:#afc5cc;background:#172a35;border:1px solid #36505c;margin-bottom:9px}.secondary:hover{background:#223e4b}.actions p{color:#5f7a86;font-size:9px;line-height:1.7;margin:10px 0 0}footer{display:flex;justify-content:space-between;color:#56717d;font-size:9px;padding-top:16px;letter-spacing:.5px}footer b{color:#4e777f;margin:0 9px}.overlay{position:absolute;inset:0;background:#0a1728aa;backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:center;z-index:4}[hidden]{display:none!important}.modal{width:330px;padding:33px;border:1px solid #466270;border-radius:12px;background:#132631;box-shadow:0 20px 80px #0007}.modal h2{font-size:29px;margin:13px 0}.modal p{font-size:12px;color:#95adb7;line-height:1.8}.modal button{margin-top:15px}@media(max-width:1100px){.shell{padding:20px}main{grid-template-columns:minmax(0,1fr) 235px;gap:15px}aside{gap:16px}.core-card{padding:17px}.arena-readout{gap:12px}.viewport{height:calc(100vh - 215px);min-height:470px}.header-right{font-size:8px}.module-art{width:62px}.module-art img{width:62px}.module-card{padding:10px 5px}.arena-bottom{padding:0 14px;font-size:8px}.controls .hint{font-size:9px}}@media(max-width:760px){main{grid-template-columns:1fr}.shell{padding:14px}.header-right{display:none}.viewport{height:60vh;min-height:400px}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{display:none}.actions{align-self:end}.core-card{grid-row:span 2}.arena-top{padding:0 15px}.arena-readout{gap:8px}.arena-readout span:last-child{display:none}h1{font-size:16px}header{margin-bottom:18px}footer span:last-child{display:none}}
@media(min-width:761px){.viewport{height:clamp(430px,calc(100vh - 282px),800px)}}
@media(min-width:761px) and (max-height:850px){.controls{display:none}aside{gap:15px}.actions:before{content:"WASD 移动 · 鼠标瞄准 · 左键射击";display:block;font-size:9px;color:#8aa4af;line-height:1.8;margin-bottom:10px}.core-card{padding:18px}.core-health{margin-top:15px}.stats{margin-top:17px;padding-top:14px}.actions p{margin-top:7px}}

.combat-modes{display:flex;gap:3px;background:#0b1b24;padding:4px;border:1px solid #2c4853;border-radius:7px}.combat-modes button{width:79px;height:29px;padding:0;text-align:center;font-size:10px;background:transparent;border:1px solid transparent;color:#7897a4}.combat-modes button.selected{background:#254650;border-color:#52868b;color:#a9eee3}.audio-controls{display:flex;align-items:center;gap:9px}.audio-controls button{width:68px;height:28px;padding:0;text-align:center;background:#182e38;border:1px solid #36525c;color:#9ec7ca;font-size:9px}.audio-controls input{width:64px;accent-color:#61cec6}@media(max-width:1100px){.arena-readout{gap:9px}.arena-readout>span:last-child{display:none}.arena-top{padding:0 16px}.combat-modes button{width:68px}.header-right .build{display:none}}@media(max-width:760px){.arena-top{flex-wrap:wrap;height:104px}.combat-modes{order:3;width:100%;justify-content:center;margin-bottom:9px}.combat-modes button{width:45%}.arena-readout{margin-left:auto}.header-right{display:flex}.header-right>span{display:none}.audio-controls input{width:50px}.audio-controls button{width:59px}.header-right{gap:0}.brand-mark{display:none}}

@media(min-width:761px) and (max-height:850px){.actions:before{content:attr(data-controls)}}

.compare-panel{position:absolute;top:18px;left:23px;z-index:2;background:#102732e8;border:1px solid #42616a;border-radius:7px;padding:10px 12px;color:#a4bbc1;font-size:10px;max-width:calc(100% - 160px)}.compare-panel>div:first-child{margin-bottom:9px;letter-spacing:.5px}.compare-panel>div:last-child{display:flex;gap:6px}.compare-panel button{height:28px;width:auto;min-width:73px;padding:0 9px;color:#c9e4e3;background:#23434e;border:1px solid #43636c;text-align:center;font-size:10px}.compare-panel button:hover{background:#345964}.compare-entry{height:34px}.compare-entry.selected{border-color:#c9a770;color:#e4c698}.actions .compare-entry{margin-bottom:8px}@media(max-width:760px){.compare-panel{max-width:calc(100% - 40px);top:106px;left:20px}.compare-panel button{min-width:64px;padding:0 7px}}

.audio-controls{position:relative}.audio-status{position:absolute;right:0;top:35px;z-index:9;width:260px;padding:9px 11px;background:#2c2925;border:1px solid #94734f;border-radius:6px;color:#edc498;font-size:10px;line-height:1.7;letter-spacing:0;white-space:normal}

.loadout-bar{height:49px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #2b434d;background:#12242f}.loadout-bar>span{font-size:10px;color:#829da8;white-space:nowrap}.loadout-picker{display:flex;gap:6px}.loadout-picker button{width:99px;height:35px;display:flex;align-items:center;gap:7px;padding:0 7px;color:#8aa7b2;background:#10212b;border:1px solid #314d59;font-size:10px}.loadout-picker button img{width:43px;height:27px;object-fit:contain}.loadout-picker button.selected{border-color:#66b6b5;color:#b7f4e7;background:#264750}.weapon-feature{margin-left:auto;color:#8da8b1;font-size:10px}.weapon-feature>div{margin-top:6px;height:2px;background:#213d47;width:100%}.weapon-feature i{display:block;width:0;height:100%;background:#87eee5}.compare-panel>div:last-child{flex-wrap:wrap}@media(min-width:761px){.viewport{height:clamp(400px,calc(100vh - 331px),800px)}}@media(max-width:1100px){.loadout-bar{gap:8px;padding:0 12px}.loadout-picker button{width:91px}.weapon-feature{font-size:9px}.controls .hint{font-size:9px}}@media(max-width:760px){.loadout-bar{padding:0 9px;gap:6px}.loadout-bar>span{font-size:9px}.loadout-picker{flex:1}.loadout-picker button{width:auto;flex:1;gap:3px;padding:0 4px}.loadout-picker button img{width:31px}.weapon-feature{display:none}}

.mobile-tools,.touch-ui{display:none}.specimen-row{display:flex;gap:7px;align-items:center;margin-bottom:7px}.specimen-row select{max-width:140px;min-height:32px;border:1px solid #45616b;border-radius:4px;background:#17333f;color:#d1e4e4;padding:4px 7px;font-size:11px}.specimen-row button{min-width:80px;width:auto;height:32px;padding:0 8px}.touch-ui{position:absolute;inset:0;pointer-events:none;z-index:3}.stick-pad{position:absolute;width:124px;height:124px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid #a0d5d74f;background:#0b222c77;border-radius:50%;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center}.stick-pad>span{position:absolute;bottom:9px;color:#a3c4c8;font-size:10px;pointer-events:none}.stick-knob{width:43px;height:43px;border:1px solid #9fe3df9c;background:#49888755;border-radius:50%;pointer-events:none;will-change:transform}#leftStick{left:max(14px,env(safe-area-inset-left))}#rightStick{right:max(14px,env(safe-area-inset-right))}.touch-fire{position:absolute;width:78px;height:44px;bottom:max(19px,env(safe-area-inset-bottom));left:calc(50% - 39px);text-align:center;font-size:10px;padding:0;border:1px solid #86c6c4;background:#31545e;color:#d0f1eb;pointer-events:auto;touch-action:none;user-select:none}.touch-fire.auto{pointer-events:none;opacity:.55}.touch-mode .touch-ui{display:block}.loadout-picker button,.mobile-tools button,.audio-controls button{touch-action:manipulation;-webkit-user-select:none;user-select:none}
@media(max-width:900px),(pointer:coarse){
 html,body{min-height:100%;width:100%;margin:0}.shell{height:100vh;height:100dvh;max-width:none;display:flex;flex-direction:column;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:hidden}header{flex:0 0 auto;min-height:42px;margin-bottom:5px}.brand-mark{display:none}h1{font-size:14px;letter-spacing:2px}header p{font-size:8px;letter-spacing:1px;margin-top:4px}.header-right{display:flex;font-size:8px}.header-right>span,.header-right .build{display:none}.audio-controls button{height:44px;min-width:68px;font-size:11px}.audio-controls input{display:none}.audio-status{top:46px;width:230px}main{display:flex;flex:1;min-height:0;gap:0}.arena-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border-radius:7px}.arena-top{height:34px;min-height:34px;flex:0 0 34px;padding:0 11px;flex-wrap:nowrap}.arena-top .eyebrow,.combat-modes{display:none}.arena-top h2{font-size:12px;margin:0}.arena-readout{margin-left:auto;gap:10px}.arena-readout>span:last-child{display:none}.arena-readout b{font-size:12px}.loadout-bar{flex:0 0 49px;min-height:49px;padding:0 6px;gap:5px}.loadout-bar>span{display:none}.loadout-picker{width:100%;gap:6px}.loadout-picker button{height:44px;min-width:0;flex:1;width:auto;justify-content:center;font-size:12px;gap:5px}.loadout-picker button img{width:42px;height:29px}.weapon-feature{display:none}.mobile-tools{display:flex;gap:6px;align-items:center;padding:3px 6px 4px;flex:0 0 47px;min-height:47px;background:#10232d}.mobile-tools button{width:auto;flex:1;height:40px;min-height:40px;padding:0 8px;font-size:11px;text-align:center;border:1px solid #365662;background:#1d3b47;color:#b7d3d6}.mobile-tools>span{font-size:8px;color:#72909c;display:none}.viewport{flex:1;height:auto!important;min-height:0!important}.arena-bottom,footer{display:none}aside{display:none}.panel-open aside{display:flex;position:fixed;right:max(10px,env(safe-area-inset-right));top:max(58px,env(safe-area-inset-top));bottom:max(20px,env(safe-area-inset-bottom));width:min(285px,85vw);z-index:7;overflow:auto;padding:18px;background:#10242ff5;border:1px solid #4a6874;border-radius:9px;gap:15px}.panel-open aside .core-card{display:none}.panel-open aside .controls{display:block}.panel-open aside .actions{margin-top:0}.panel-open aside .actions:before{display:none}.panel-open aside button{min-height:44px}.panel-open aside .module-card{padding:8px}.compare-panel{top:8px;left:8px;max-width:calc(100% - 125px);padding:7px;font-size:9px}.compare-panel button{min-height:36px;height:36px;font-size:10px;min-width:63px}.specimen-row select{min-height:36px;max-width:125px}.field-label{display:none}.touch-mode .stick-pad{width:124px;height:124px}
}
@media(max-height:500px) and (max-width:1000px){header{min-height:32px;margin-bottom:2px}.brand p{display:none}.audio-controls button{height:36px}.arena-top{height:28px;min-height:28px;flex-basis:28px}.mobile-tools{flex-basis:43px;min-height:43px}.mobile-tools button{height:38px;min-height:38px}.touch-mode .stick-pad{width:110px;height:110px;bottom:6px}.touch-fire{bottom:10px}.compare-panel{max-width:calc(100% - 140px)}}
@media(max-width:360px){.touch-mode .stick-pad{width:104px;height:104px}#leftStick{left:7px}#rightStick{right:7px}.stick-knob{width:36px;height:36px}.loadout-picker button img{width:30px}.loadout-picker button{font-size:10px}.touch-fire{width:70px;left:calc(50% - 35px)}}

@media(max-width:900px),(pointer:coarse){.mobile-tools{flex-basis:51px;min-height:51px}.mobile-tools button{height:44px;min-height:44px}.compare-panel{right:8px;max-width:none}.compare-panel button{min-width:54px;height:32px;min-height:32px;padding:0 5px;font-size:9px}}@media(max-height:500px) and (max-width:1000px){.compare-panel{display:flex;align-items:center;gap:8px;right:8px;max-width:none}.compare-panel[hidden]{display:none}.compare-panel #compareHint{display:none}.compare-panel .specimen-row{margin:0}.compare-panel>div:last-child{flex-wrap:nowrap}.specimen-row select{max-width:112px}.mobile-tools{flex-basis:51px;min-height:51px}.mobile-tools button{height:44px;min-height:44px}}

.mobile-close{display:none}@media(max-width:900px),(pointer:coarse){.panel-open aside .mobile-close{display:block;flex:0 0 44px;width:100%;background:#31545e;border:1px solid #86c6c4;color:#d0f1eb;font-size:12px;text-align:center}}

.heat-panel{position:absolute;top:13px;left:13px;width:158px;padding:7px 9px;background:#0c2029db;border:1px solid #37565c;border-radius:5px;pointer-events:none;color:#a7cac8;font-size:10px;z-index:2}.heat-panel[hidden]{display:none}.heat-panel>div:first-child{display:flex;justify-content:space-between;gap:8px}.heat-panel b{font-weight:500;color:#abd8ce}.heat-panel small{display:block;margin-top:5px;font-size:9px;color:#7da9a3}.heat-meter{height:4px;margin-top:6px;background:#263e47;border-radius:2px;overflow:hidden}.heat-meter i{display:block;width:0;height:100%;background:#d2b36b}.heat-panel.hot{border-color:#b87c60}.heat-panel.hot b{color:#f5b598}.heat-panel.hot i{background:#db8f6b}@media(max-width:900px),(pointer:coarse){.heat-panel{top:8px;left:9px;width:143px;padding:5px 7px;font-size:9px}.heat-panel small{font-size:8px;margin-top:4px}}

@media(min-width:901px){body:not(.touch-mode) aside{max-height:calc(100vh - 170px);overflow-y:auto;scrollbar-width:thin;padding-right:4px}aside>section{flex-shrink:0}}

/* One auxiliary slot; mobile selector uses the existing tools row. */
#droneSelect,#mobileDrone{background:#17323c;color:#b9e2dc;border:1px solid #507d83;border-radius:5px;min-height:30px;font:inherit;padding:3px 6px;max-width:135px}#droneSelect{margin-top:8px}#mobileDrone{min-width:0;max-width:105px;font-size:11px;flex:1}