/* 香肠战术棋：战术射击 HUD 主题 */
:root{--ink:#e9f2f2;--muted:#87999b;--panel:#121b1e;--blue:#27c6d2;--deep:#49d7df;--mint:#51d6a9;--coral:#ff6b47;--yellow:#f0bd43;--violet:#6e8fa0;--shadow:0 16px 38px rgba(0,8,10,.62)}
html,body{background:#071014;color:var(--ink);font-family:"Microsoft YaHei","Arial Narrow",system-ui,sans-serif}
body:before{background:linear-gradient(rgba(41,197,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(41,197,205,.035) 1px,transparent 1px),radial-gradient(circle at 17% 22%,rgba(31,145,143,.19),transparent 28%),radial-gradient(circle at 82% 75%,rgba(232,113,47,.12),transparent 26%),linear-gradient(145deg,#081318,#101d20 48%,#071014);background-size:34px 34px,34px 34px,auto,auto,auto}
body:after{inset:0;background:linear-gradient(115deg,transparent 0 46%,rgba(68,207,211,.025) 47% 48%,transparent 49%);animation:none}
.sky-orb{border-radius:18%;opacity:.18}.orb-one{background:#ee7c32;box-shadow:0 0 80px #ee7c32}.orb-two{background:#28c7ce;box-shadow:0 0 75px #28c7ce}
.topbar,.panel,.arena-panel,.bottom-dock{background:linear-gradient(150deg,rgba(20,32,35,.98),rgba(8,16,20,.98));border:1px solid #30484b;box-shadow:var(--shadow),inset 0 1px rgba(133,230,231,.07);backdrop-filter:blur(14px);border-radius:8px}
.topbar{border-radius:7px;border-top:2px solid #36bdc3}.topbar:before{content:"TACTICAL NETWORK // ONLINE";position:absolute;left:48%;top:4px;color:#3a6b6f;font-size:7px;letter-spacing:1.6px}.topbar:after{background:linear-gradient(90deg,transparent,#30c8ce,transparent)}
.brand-mark{clip-path:none;border-radius:50%;background:radial-gradient(circle,transparent 0 27%,#34c9ce 29% 32%,transparent 34% 49%,#163b3f 51%);border:1px solid #43d0d5;color:#f0c04b;box-shadow:0 0 18px #2ac3c77a;font-size:27px}.brand b{font-family:"Arial Narrow","Microsoft YaHei",sans-serif;color:#e8f2ef;text-shadow:none;letter-spacing:2px}.brand small{color:#54c8cc}.round-card{background:#132327;border:1px solid #31565a;border-radius:3px;box-shadow:inset 3px 0 #e27d3c}.round-card b{color:#66dce0}.timer{background:#081215;border:1px solid #426268;border-radius:3px}.timer b{color:#efbd49;text-shadow:0 0 8px #ef9c3e}.icon-btn{background:#17272b;color:#8fb1b3;border:1px solid #345156;border-radius:4px}.icon-btn:hover{background:#1b3a3e;color:#62e2e3}
.commander{border-bottom-color:#30474b}.commander-avatar{background:radial-gradient(circle,#f3bf47 0 8%,transparent 10% 28%,#17444a 30%);border:1px solid #43bec3;border-radius:5px;box-shadow:inset 0 0 14px #1d6e72}.commander small{color:#5f9da0}.commander strong{color:#ff7f55}.hp-line{border-radius:2px;background:#071114;border-color:#2c464a}.hp-line i{border-radius:0;background:linear-gradient(90deg,#e55243,#f49a43);box-shadow:none}.resource-row span,.wide-btn{background:#162529;border-color:#314a4e;border-radius:3px}.xp-wrap em{background:#39c8c8;box-shadow:0 0 6px #39c8c8}.section-title b{font-family:"Arial Narrow","Microsoft YaHei",sans-serif;color:#dce8e6;text-transform:uppercase;letter-spacing:1px}.visual-code{background:#0a1518;border-color:#2d4448;border-radius:3px}.code-row span{color:#aebbbc}.profession-code{display:grid;grid-template-columns:25px repeat(4,1fr);row-gap:3px}.profession-code small{grid-row:1/3;align-self:center}.trait{background:#101c1f;border-color:#26383b;border-radius:3px}.trait.active{background:linear-gradient(90deg,#193337,#142226);border-color:#3d7377;box-shadow:inset 3px 0 #e17c39,0 0 10px #1f9da326}.trait-icon{background:#17282b;border-color:#365458;border-radius:3px}.trait strong{color:#f0ba48}
.arena-panel{background:linear-gradient(150deg,#111e22,#081216)}.arena-panel:before{content:"A"}.arena-panel:after{content:"B"}.arena-panel:before,.arena-panel:after{font-family:monospace;color:#4cc8cd}.enemy-banner b{color:#ff825d}.danger-dot{background:#ff6b47;box-shadow:0 0 7px #ff6b47}.battlefield{background:linear-gradient(rgba(60,196,200,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(60,196,200,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(59,39,45,.82) 0 49.5%,rgba(18,57,59,.82) 50.5% 100%);background-size:28px 28px,28px 28px,auto;border:3px solid #223a3e;border-radius:3px;box-shadow:inset 0 0 0 1px #417176,inset 0 0 55px #020708,0 8px 24px #000}.battlefield:before{content:"+";width:132px;height:132px;border:1px dashed #58cbd063;border-radius:50%;color:#e78642;font-family:monospace;font-size:55px;text-shadow:0 0 10px #e78642;box-shadow:inset 0 0 0 25px #1b55581c,0 0 0 22px #58cbd015}.cell{border-radius:2px;border-color:#4c76783d;background:#14303424}.cell.enemy-zone:nth-child(odd){background:#4b273124}.cell.player-zone{background:#16414428}.cell.player-zone:hover{background:#2bd8d52e;box-shadow:inset 0 0 0 2px #3dcdd2}.board-caption span:last-child{color:#52d7cc}.board-caption b{color:#f0bd48}.bench-inline{background:#091416;border-color:#30484c;border-radius:3px;box-shadow:inset 0 0 18px #1a535728}.bench-label b{color:#f0bd48}.bench-label em{color:#43cdd0}.bench-slot{background:#0c181b;border-color:#344d51;border-radius:2px}.bench-slot:before{content:"+";font-family:monospace;color:#2f5053}.bench-slot.selected{box-shadow:0 0 0 2px #e9b63e,0 0 12px #e9b63e69}.primary-btn{background:linear-gradient(135deg,#168c91,#176273);border-color:#4bcbd0;border-radius:3px;box-shadow:0 6px 16px #0c62667a}.sell-btn{background:#2a1b18;color:#ff8b63;border-color:#643d32;border-radius:3px}
.unit-portrait{border-color:#55c9cc;border-radius:6px;box-shadow:0 0 0 1px #14363a,0 6px 12px #000,0 0 11px #29adb04f}.unit-token.enemy .unit-portrait{border-color:#e66c4e;box-shadow:0 0 0 1px #47251f,0 6px 12px #000}.unit-nameplate{background:#071215ef;border-color:#396064;border-radius:2px;color:#e4edeb}.healthbar{border-color:#8dafae;border-radius:1px;background:#050b0d}.healthbar i{background:linear-gradient(90deg,#3ec56c,#88db68)}.manabar{border-radius:0}.manabar i{background:#31cbd3}
.selected-card,.skill-box{background:#0b171a;border-color:#2e484b;border-radius:3px}.detail-portrait{border-color:#48bfc3;border-radius:3px;box-shadow:0 0 10px #2aaeb04b}.cost-dot{background:#3c3018;color:#f0c04b;border-color:#705d2d;border-radius:2px}.tag{background:#17272a;border-color:#334d51;border-radius:2px;color:#bed0d0}.skill-box{border-left:3px solid #df7838}.skill-box b{color:#5dd8dc}.round-node{background:#101b1e;border-color:#283d40;border-radius:2px}.round-node.current{background:#3b321e;color:#f4d06d;border-color:#917536;box-shadow:0 0 10px #db9f3c4f}.round-node.done{background:#153b39;color:#67d4c2;border-color:#286764}.round-node.boss{background:#44231d;color:#ff8d67;border-color:#764337}.battle-log{background:#050d0f;border-color:#2b4447;border-radius:3px;font-family:Consolas,"Microsoft YaHei",monospace}.log-item b{color:#f0bc4b}.log-item.good{color:#52d2b4}.log-item.bad{color:#ff8061}
.bottom-dock{background:linear-gradient(180deg,#111d20,#071114);border-top:2px solid #2caeb3}.shop-head button{background:#17272a;border-color:#365256;border-radius:2px}.shop-head button.locked{background:#3a311c;color:#f0c24f;border-color:#735f2f}.shop-card{background:#101c1f;border-radius:3px;box-shadow:inset 0 0 14px #249da31a}.shop-card:hover:not(:disabled){box-shadow:0 7px 16px #000,inset 0 0 18px #2dc5ca29}.shop-cost{background:#3b301a;color:#f2c24f;border-color:#6e592c;border-radius:2px}.mini-name{background:#071215ee;border-color:#34565a;border-radius:2px}.economy-btn{border-radius:3px}.xp-action{background:linear-gradient(155deg,#157b68,#144f58);border-color:#42d0b0}.reroll-btn{background:linear-gradient(155deg,#c66c32,#8f3f28);border-color:#ef9d59}
.modal-card{background:linear-gradient(150deg,#17272a,#091315);border-color:#3c676a;border-radius:5px;box-shadow:0 26px 75px #000d,0 0 32px #1ba9af30}.start-card:before,.result-card:before{border-color:#3f6c6f;border-radius:2px}.title-creature{background:radial-gradient(circle,transparent 0 24%,#43c9cd 26% 29%,transparent 31% 47%,#143a3d 49%);border-color:#4ccbd0;border-radius:50%;box-shadow:0 0 22px #2bb9bd}.start-card h1{background:linear-gradient(135deg,#e7f0ed,#59d9dd,#ef9b4d);-webkit-background-clip:text}.rule-chips span,.quick-rules div,.help-grid div,.result-stats span{background:#0c181b;border-color:#294347;border-radius:3px}.quick-rules b{background:#183337;color:#f0bd49;border-radius:2px}.help-grid b{color:#5bd2d6}.modal-close{background:#1b3033;border-radius:2px}.result-card h2{color:#f1c24e}.hover-tooltip{background:linear-gradient(150deg,#142326,#081214);border-color:#45bfc3;border-radius:4px;box-shadow:0 16px 42px #000d}.hover-head strong,.trait-hover-title strong{color:#f1c14c}.hover-portrait{border-color:#45bdc1;border-radius:3px}.hover-tags i,.trait-levels div{background:#142427;border-color:#304b4e;border-radius:2px}.trait-levels div.active{background:#1b3739;color:#f0c95d;box-shadow:inset 2px 0 #e77939}.hover-skill{background:#091416;border-left-color:#e47b3b;border-radius:2px}.hover-skill b{color:#5ed5d8}
.sprite-regular{background-image:url("assets/hero-atlas-v3.png")}.sprite-legend{background-image:url("assets/legend-atlas-v3.png")}
.attack-projectile{width:18px;height:4px;background:linear-gradient(90deg,transparent,#efbe50 48%,#fff 85%);box-shadow:0 0 6px #f0b642;filter:drop-shadow(-5px 0 2px #eaa63a88)}.attack-projectile:after{border-left-color:#fff0a0;border-top-width:3px;border-bottom-width:3px}.attack-projectile.sniper{width:30px;height:2px;background:#c9f7ff;box-shadow:0 0 9px #51dfea}.attack-projectile.rocket{width:18px;height:8px;background:linear-gradient(90deg,#ff6b2f,#6c4c2e 55%,#d3d7d4);box-shadow:-8px 0 8px #ff7a2f}.attack-projectile.pulse{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle,#fff,#48dfc6 40%,#168a83 70%);box-shadow:0 0 12px #54e3ce}.attack-projectile.pulse:after,.attack-projectile.gear:after{display:none}.attack-projectile.gear{border-color:#f0c23d;background:#54491f;box-shadow:0 0 8px #f0c23d}.attack-projectile.enemy{filter:hue-rotate(315deg) drop-shadow(-5px 0 2px #f15a3b88)}