.battle-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(31,112,130,.12),transparent 35%),#03090d}.battle-topbar{height:58px;flex:none;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #1a3c45;background:rgba(3,12,16,.96);z-index:20}.battle-brand{display:flex;align-items:center;gap:9px;width:31%}.battle-brand img{width:108px}.battle-brand>div:last-child{display:grid}.battle-brand strong{font-size:12px}.battle-brand small{font-size:9px;color:#738e96}.turn-status{display:flex;align-items:center;justify-content:center;gap:9px;width:38%;text-align:center}.turn-status small{display:block;color:#73929b;font-size:9px;letter-spacing:.08em}.turn-status strong{font-size:13px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.6s infinite}.battle-tools{width:31%;display:flex;justify-content:flex-end;align-items:center;gap:8px}.deck-chip{display:flex;align-items:baseline;gap:7px;padding:5px 9px;border:1px solid #23434c;background:#06151a}.deck-chip span,.deck-chip small{font-size:9px;color:#708e97}.deck-chip strong{color:var(--cyan)}.speed-btn{height:34px;padding:0 10px;border:1px solid #2c505a;background:#071a20;color:#b9d2d8;cursor:pointer}.battle-layout{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(620px,1fr) 272px;gap:8px;padding:8px}.seat-panel,.command-panel{padding:11px;overflow:hidden;display:flex;flex-direction:column}.identity-card{border:1px solid color-mix(in srgb,var(--role) 55%,#263d44);background:linear-gradient(135deg,color-mix(in srgb,var(--role) 13%,#07191f),#06151a);padding:10px;margin-bottom:10px;position:relative}.identity-top{display:flex;justify-content:space-between;font-size:9px;color:#78949c;text-transform:uppercase;letter-spacing:.1em}.identity-top i{font-style:normal;color:var(--role)}.identity-main strong{display:block;font-size:21px;color:var(--role);margin:4px 0}.identity-main p{font-size:9px;color:#86a1a8;line-height:1.45}.seat-rail{display:grid;gap:5px;overflow:auto;max-height:48vh;padding-right:2px}.seat-card{width:100%;min-height:52px;display:grid;grid-template-columns:20px 34px 1fr auto;gap:6px;align-items:center;padding:5px 5px;border:1px solid #1e3e47;background:#06161c;color:#dbeef2;text-align:left;cursor:pointer;position:relative}.seat-card:hover,.seat-card.selected{border-color:var(--faction);background:#09222a}.seat-card.current{box-shadow:inset 3px 0 var(--cyan)}.seat-card.dead{opacity:.35;filter:grayscale(1)}.seat-no{font:10px monospace;color:#5d7c84}.seat-avatar{width:31px;height:38px;display:grid;place-items:center;border:1px solid #28515c;background:#09232b;color:var(--faction);font-size:17px}.seat-copy{min-width:0}.seat-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-copy small{display:block;font-size:8px;color:#6f8c94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-role{font-size:8px;padding:3px 4px;border:1px solid color-mix(in srgb,var(--role) 55%,#233b42);color:var(--role)}.distance-badge{position:absolute;right:3px;bottom:2px;font-size:7px;color:#62808a}.seat-hp{display:flex;gap:2px;margin-top:3px}.seat-hp i{width:8px;height:3px;background:#294047}.seat-hp i.on{background:var(--red);box-shadow:0 0 4px rgba(255,111,104,.4)}.mini-log{margin-top:10px;border-top:1px solid #1d3b44;padding-top:8px;overflow:hidden}.mini-log-line{display:grid;grid-template-columns:23px 1fr;gap:4px;font-size:8px;color:#708b93;line-height:1.4;margin-bottom:4px}.mini-log-line span{color:#3e6974}.battle-table{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 92px minmax(0,1fr);gap:5px;position:relative;border:1px solid #173942;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--map) 10%,transparent),transparent 45%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),#041116;background-size:auto,30px 30px,30px 30px}.battle-table::before{content:"";position:absolute;inset:7px;border:1px solid rgba(87,229,255,.06);pointer-events:none}.player-zone{min-height:0;padding:8px 14px;display:flex;flex-direction:column;position:relative}.player-zone.eliminated::after{content:"阵地失效";position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,7,10,.72);color:var(--red);font-weight:900;font-size:28px;letter-spacing:.18em;z-index:8}.zone-head{display:flex;align-items:center;gap:9px;height:48px;flex:none}.opponent-zone .zone-head{order:0}.commander-medallion{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--faction);background:color-mix(in srgb,var(--faction) 10%,#06151a);color:var(--faction);font-size:20px}.zone-title{flex:1;min-width:0}.zone-title>div{display:flex;gap:6px;align-items:center}.faction-mark{font-size:8px;color:var(--faction);letter-spacing:.08em}.role-chip{font-size:8px;color:var(--role);border:1px solid color-mix(in srgb,var(--role) 50%,#28434a);padding:2px 5px}.zone-title h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-title h2 small{font-size:8px;color:#6f8b93;font-weight:400}.base-card{width:105px;height:42px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #31565f;background:linear-gradient(135deg,#0b252d,#06161c);color:white;cursor:pointer;position:relative}.base-card:hover{border-color:var(--faction)}.base-icon{font-size:20px;color:var(--faction)}.base-card small{display:block;font-size:7px;color:#718e96}.base-card strong{font-size:15px}.base-card b{margin-left:auto;color:var(--cyan);font-size:9px}.board-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.lane-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-left:30px}.lane-labels button{height:22px;border:0;background:transparent;color:#567982;font-size:8px;letter-spacing:.12em;cursor:pointer}.lane-labels button:hover{color:var(--cyan)}.board-grid{flex:1;min-height:0;display:grid;grid-template-columns:25px repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(78px,1fr));gap:5px}.row-tag{writing-mode:vertical-rl;display:grid;place-items:center;font-size:7px;color:#4f737d;letter-spacing:.15em;border-right:1px solid #183741}.board-slot{min-width:0;min-height:0;border:1px solid #1d424c;background:rgba(6,21,27,.72);color:white;position:relative;cursor:pointer;overflow:hidden}.board-slot.empty{display:grid;place-items:center}.board-slot.empty small{font-size:7px;color:#3e626c}.slot-cross{position:absolute;width:24px;height:24px;border:1px solid #214650;transform:rotate(45deg);opacity:.45}.board-slot:hover,.board-slot.selected{border-color:var(--unit,var(--cyan));box-shadow:inset 0 0 20px color-mix(in srgb,var(--unit,var(--cyan)) 8%,transparent)}.unit-card{height:100%;padding:5px 7px;display:grid;grid-template-rows:auto 1fr auto auto;position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--unit) 7%,#081a20),#051218)}.unit-top{display:flex;justify-content:space-between;font-size:7px;color:#6d8c95}.unit-faction{color:var(--unit)}.unit-icon{position:absolute;right:8px;top:24%;font-size:clamp(24px,3.1vh,42px);color:var(--unit);opacity:.75;text-shadow:0 0 18px color-mix(in srgb,var(--unit) 35%,transparent)}.unit-card>strong{font-size:10px;align-self:end;z-index:1}.unit-stats{display:flex;gap:8px;font-size:8px;color:#a8c0c6}.unit-status{position:absolute;right:4px;bottom:11px;display:flex;gap:3px}.unit-status i{font-style:normal;font-size:7px;padding:2px 3px;background:#0a3440;color:var(--cyan)}.unit-status i.danger{background:#4d1e20;color:#ff9891}.hp-track{height:3px;background:#20363c}.hp-track i{display:block;height:100%;background:var(--red);box-shadow:0 0 5px var(--red)}.battle-middle{border-top:1px solid #1a3c45;border-bottom:1px solid #1a3c45;background:linear-gradient(90deg,transparent,rgba(8,32,40,.88) 10%,rgba(8,32,40,.88) 90%,transparent);display:grid;grid-template-columns:1fr minmax(340px,1.5fr) 1fr;align-items:center;padding:6px 16px;position:relative;z-index:4}.map-emblem{display:flex;align-items:center;gap:8px}.map-emblem>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--map);color:var(--map);font-size:19px}.map-emblem strong{display:block;font-size:10px}.map-emblem small{display:block;font-size:7px;color:#657f87;max-width:180px}.versus-line{text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#7f9da5}.versus-line i{font-style:normal;font-size:16px;font-weight:900;color:var(--cyan);letter-spacing:.08em}.phase-rail{justify-self:end;display:flex;align-items:center;gap:4px}.phase-rail span{font-size:7px;padding:4px 6px;border:1px solid #24454e;color:#5d7b84}.phase-rail span.active{border-color:var(--cyan);color:white;box-shadow:0 0 10px rgba(87,229,255,.2)}.phase-rail b{font-size:8px;margin-left:5px;color:#8aa5ad}.response-banner{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border:1px solid #865247;background:linear-gradient(90deg,#34181a,#17171b,#13262d);box-shadow:0 0 28px rgba(255,111,104,.12)}.response-banner small{font-size:7px;color:#ff9a91;letter-spacing:.12em}.response-banner strong{display:block;font-size:11px}.response-banner p{font-size:7px;color:#8aa0a6}.response-actions{display:flex;gap:5px}.waiting-pulse{font-size:8px;color:#93aab0;display:flex;gap:6px;align-items:center}.waiting-pulse i{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:pulse 1s infinite}.command-panel{overflow:auto}.commander-sheet{display:flex;align-items:center;gap:10px}.commander-big{width:58px;height:68px;display:grid;place-items:center;border:1px solid #35606b;background:#09242c;color:var(--cyan);font-size:27px}.commander-sheet h3{font-size:16px}.commander-sheet p{font-size:9px;color:#718f98}.skill-box{padding:10px;margin-top:10px;border:1px solid #244650;background:#06171d}.skill-box>div{display:flex;justify-content:space-between}.skill-box strong{font-size:12px;color:var(--cyan)}.skill-box span{font-size:8px;color:#6f8c94}.skill-box p{font-size:9px;line-height:1.55;color:#8ba4ab;margin:6px 0}.turn-budget{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.turn-budget div{text-align:center;padding:7px 3px;border:1px solid #203f48;background:#06151a}.turn-budget span{display:block;font-size:7px;color:#6b8992}.turn-budget strong{font-size:14px}.selected-intel{padding:9px;border:1px solid #203f48}.selected-intel h4{font-size:12px}.selected-intel p{font-size:8px;line-height:1.55;color:#7d989f;margin-top:5px}.command-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0}.full-log{min-height:0}.log-row{display:grid;grid-template-columns:25px 1fr;gap:5px;padding:4px 0;border-bottom:1px solid rgba(47,82,91,.25)}.log-row span{font-size:7px;color:#46717c}.log-row p{font-size:8px;color:#78959d;line-height:1.35}.log-row.eliminate p,.log-row.damage p{color:#d18d87}.log-row.skill p{color:#b896dc}.hand-zone{height:230px;flex:none;border-top:1px solid #1d414b;background:linear-gradient(#071920,#030b0f);padding:8px 12px;position:relative;z-index:16}.hand-head{height:30px;display:flex;align-items:center;justify-content:space-between}.hand-head>div{display:flex;align-items:baseline;gap:7px}.hand-head span{font-size:10px;letter-spacing:.09em}.hand-head strong{color:var(--cyan)}.hand-head small,.selection-hint{font-size:8px;color:#6d8991}.selection-hint{color:#9bb7be}.hand-scroll{height:184px;display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:2px 2px 7px}.hand-card{width:132px;min-width:132px;padding:7px;border:1px solid #2a4a53;background:linear-gradient(145deg,#0b222a,#06151a);color:white;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:.16s}.hand-card:hover:not(:disabled),.hand-card.selected{transform:translateY(-5px);border-color:var(--card,var(--cyan));box-shadow:0 8px 22px #000,0 0 14px color-mix(in srgb,var(--card,var(--cyan)) 20%,transparent)}.hand-card:disabled{opacity:.38;cursor:not-allowed}.card-corner{display:flex;justify-content:space-between;font-size:7px;color:#719099}.card-corner b{color:var(--card,var(--cyan))}.card-art{height:58px;display:grid;place-items:center;font-size:39px;color:var(--card,var(--cyan));text-shadow:0 0 20px color-mix(in srgb,var(--card,var(--cyan)) 35%,transparent)}.hand-card h3{font-size:11px;margin:3px 0}.card-stats{display:flex;gap:6px;font-size:7px;color:#b0c4c9}.hand-card p{font-size:7px;color:#78949c;line-height:1.35;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.effect-hand{display:flex;flex-direction:column}.effect-sigil{height:72px;display:grid;place-items:center;font-size:43px;font-weight:900;color:var(--card,var(--cyan));text-shadow:0 0 24px color-mix(in srgb,var(--card,var(--cyan)) 40%,transparent)}.color-red{--card:#ff716a}.color-cyan{--card:#57e5ff}.color-green{--card:#71e8ad}.color-gold{--card:#ffc85d}.color-blue{--card:#69a9ff}.color-orange{--card:#ff9d58}.color-purple{--card:#c78cff}.empty-hand{width:100%;display:grid;place-items:center;border:1px dashed #24444d;color:#4f6d75;font-size:11px}.attacking{animation:attacking .25s}.hit{animation:hit .3s}.combat-cinematic{position:fixed;z-index:60;left:50%;top:51%;transform:translate(-50%,-50%);width:min(520px,70vw);padding:16px;text-align:center;border:1px solid var(--cyan);background:rgba(3,14,19,.92);box-shadow:0 0 70px #000,0 0 30px rgba(87,229,255,.18);overflow:hidden;pointer-events:none}.combat-cinematic strong{display:block;font-size:18px;letter-spacing:.12em}.combat-cinematic small{font-size:8px;color:#719099}.cinematic-scan{position:absolute;left:0;right:0;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:scan 1.1s linear infinite}.result-overlay{position:fixed;inset:0;z-index:80;background:rgba(0,5,8,.84);backdrop-filter:blur(8px);display:grid;place-items:center}.result-card{width:min(620px,92vw);padding:34px;text-align:center;border:1px solid #3c6873;background:linear-gradient(145deg,#0b252e,#061319);box-shadow:0 30px 100px #000;position:relative;overflow:hidden}.result-card.victory{border-color:#3bbf9a}.result-card.defeat{border-color:#9c4a4a}.result-radiance{position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:-270px;transform:translateX(-50%);background:var(--cyan);filter:blur(90px);opacity:.2}.result-icon{display:grid;place-items:center;margin:auto;width:68px;height:68px;border:1px solid var(--cyan);border-radius:50%;font-size:31px;color:var(--cyan)}.result-card h2{font-size:35px;margin:10px 0}.result-card>p{color:#8da8b0}.result-stars{margin:15px}.result-stars i{font-style:normal;font-size:28px;color:#29444b}.result-stars i.on{color:var(--amber);text-shadow:0 0 14px rgba(255,200,93,.4)}.winner-list{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.winner-list span{font-size:9px;padding:5px 8px;border:1px solid #31515a;color:#9cb5bb}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.result-stats div{padding:10px;border:1px solid #244650;background:#06171d}.result-stats strong{display:block;font-size:22px;color:var(--cyan)}.result-stats small{font-size:8px;color:#718e96}.result-actions{display:flex;justify-content:center;gap:8px}@keyframes attacking{50%{transform:translateY(-7px) scale(1.03);filter:brightness(1.6)}}@keyframes hit{25%{transform:translateX(-4px);filter:brightness(2)}75%{transform:translateX(4px)}}@keyframes scan{from{top:0}to{top:100%}}
.tutorial-overlay{position:fixed;inset:0;z-index:120;pointer-events:none}.tutorial-dim{position:absolute;inset:0;background:rgba(0,5,8,.68)}.tutorial-spot{position:absolute;border:2px solid var(--cyan);box-shadow:0 0 0 9999px rgba(0,5,8,.72),0 0 25px rgba(87,229,255,.42);border-radius:6px;transition:.2s}.tutorial-card{position:absolute;width:min(400px,calc(100vw - 24px));padding:17px;border:1px solid #4c8693;background:linear-gradient(145deg,#0c2a34,#06161c);box-shadow:0 18px 60px #000;pointer-events:auto}.tutorial-progress{display:flex;justify-content:space-between;font-size:8px;color:var(--cyan);letter-spacing:.1em}.tutorial-card h3{font-size:19px;margin:8px 0}.tutorial-card p{font-size:11px;line-height:1.7;color:#91aeb5}.tutorial-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.tutorial-wait{font-size:9px;color:#8ca6ad;display:flex;align-items:center;gap:6px}.tutorial-wait i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:pulse 1s infinite}

/* Stable battle shell, mission results and compact navigation */
.mobile-battle-nav{display:none}.battle-overlays{position:relative;z-index:70}.battle-app.is-resolving .battle-table button,.battle-app.is-resolving .seat-panel button,.battle-app.is-resolving .command-panel button,.battle-app.is-resolving .hand-zone button,.battle-app.is-pending .battle-table button,.battle-app.is-pending .seat-panel button,.battle-app.is-pending .command-panel button,.battle-app.is-pending .hand-zone button{pointer-events:none}.battle-app.is-resolving .hand-zone,.battle-app.is-pending .hand-zone{opacity:.72}
.mission-checks{display:grid;gap:6px;margin:0 auto 16px;max-width:430px;text-align:left}.mission-checks div{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #294a53;font-size:11px}.mission-checks .passed{border-color:#2b7b62;color:var(--green)}.mission-checks .failed{color:var(--muted)}
.unit-top,.unit-stats,.unit-status i,.row-tag,.lane-labels button,.seat-copy small,.seat-role,.distance-badge,.phase-rail span,.phase-rail b,.skill-box p,.selected-intel p,.log-row p,.hand-card p,.card-corner{font-size:9px}.seat-copy strong,.unit-card>strong,.hand-card h3{font-size:11px}

html[data-theme="light"] .battle-app{background:radial-gradient(circle at 50% 43%,rgba(8,127,150,.09),transparent 36%),#e8f0f2}
html[data-theme="light"] .battle-table{border-color:#aac3c8;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--map) 12%,transparent),transparent 45%),linear-gradient(90deg,rgba(20,67,77,.035) 1px,transparent 1px),linear-gradient(rgba(20,67,77,.03) 1px,transparent 1px),#f8fbfc}
html[data-theme="light"] .battle-table::before{border-color:rgba(8,127,150,.12)}
html[data-theme="light"] .identity-card,html[data-theme="light"] .seat-card,html[data-theme="light"] .base-card,html[data-theme="light"] .board-slot,html[data-theme="light"] .unit-card,html[data-theme="light"] .skill-box,html[data-theme="light"] .selected-intel,html[data-theme="light"] .turn-budget div{background:linear-gradient(145deg,#fff,#eaf3f4);border-color:#b4cbd0;color:#17323a}
html[data-theme="light"] .seat-card:hover,html[data-theme="light"] .seat-card.selected{background:#dceef1}
html[data-theme="light"] .battle-middle{background:linear-gradient(90deg,transparent,rgba(229,241,243,.96) 10%,rgba(229,241,243,.96) 90%,transparent);border-color:#b7cdd2}
html[data-theme="light"] .hand-zone{background:linear-gradient(#f7fbfc,#e4eef0);border-color:#adc7cc}
html[data-theme="light"] .hand-card{background:linear-gradient(145deg,#fff,#e8f1f3);border-color:#b0c8cd;color:#17323a}
html[data-theme="light"] .deck-chip{background:#f6fafb;border-color:#b4c9ce}
html[data-theme="light"] .combat-cinematic{background:rgba(250,253,253,.95);border-color:#087f96;box-shadow:0 18px 60px rgba(41,65,72,.24);color:#17323a}
html[data-theme="light"] .result-overlay{background:rgba(65,83,88,.42)}html[data-theme="light"] .result-card{background:linear-gradient(145deg,#fff,#e9f2f4);border-color:#99b9c0;box-shadow:0 28px 90px rgba(45,68,75,.3);color:#17323a}
html[data-theme="light"] .tutorial-dim{background:rgba(75,91,96,.25)}html[data-theme="light"] .tutorial-spot{box-shadow:0 0 0 9999px rgba(73,91,96,.46),0 0 25px rgba(8,127,150,.3)}html[data-theme="light"] .tutorial-card{background:linear-gradient(145deg,#fff,#e8f2f4);border-color:#78aab4;box-shadow:0 18px 55px rgba(45,70,77,.28);color:#17323a}

@media (min-width:861px) and (max-height:820px){.battle-topbar{height:50px}.hand-zone{height:174px;padding:6px 10px}.hand-head{height:25px}.hand-scroll{height:137px}.hand-card{width:112px;min-width:112px;padding:6px}.card-art,.effect-sigil{height:42px;font-size:31px}.hand-card p{-webkit-line-clamp:2}.battle-middle{grid-template-rows:auto;min-height:68px;padding:4px 12px}.zone-head{height:38px}.commander-medallion{width:34px;height:34px}.base-card{height:36px}.lane-labels button{height:18px}.board-grid{grid-template-rows:repeat(2,minmax(54px,1fr))}.player-zone{padding:5px 10px}.seat-card{min-height:45px}.identity-main p,.mini-log{display:none}.identity-card{margin-bottom:6px;padding:7px}.identity-main strong{font-size:17px}}

/* 三级编制：用棋盘结构表达单位规模，不增加额外浮层。 */
.tier-mark{font-size:7px;letter-spacing:.06em;color:var(--unit,var(--card,var(--cyan)));white-space:nowrap}.board-slot.tier-1 .unit-card{background:linear-gradient(145deg,color-mix(in srgb,var(--unit) 10%,#081a20),#051218)}.board-slot.tier-1::after{content:"小队";position:absolute;left:4px;bottom:7px;font-size:6px;letter-spacing:.12em;color:color-mix(in srgb,var(--unit) 72%,#fff);opacity:.72}.board-slot.tier-3{border-color:color-mix(in srgb,var(--unit) 68%,#1d424c);box-shadow:inset 3px 0 color-mix(in srgb,var(--unit) 55%,transparent)}.footprint-anchor .unit-card,.footprint-extension{background:linear-gradient(135deg,color-mix(in srgb,var(--unit) 13%,#081a20),#041116)}.footprint-cell{border-style:dashed}.footprint-extension{align-content:end}.footprint-extension .unit-icon{opacity:.22;transform:scale(1.32)}.footprint-extension>strong{color:color-mix(in srgb,var(--unit) 72%,#dbeef2)}.footprint-link{position:absolute;left:50%;top:-1px;bottom:-1px;width:2px;background:linear-gradient(var(--unit),transparent 30%,transparent 70%,var(--unit));box-shadow:0 0 10px var(--unit);opacity:.65}.board-slot.deploy-preview{border-color:var(--cyan);box-shadow:inset 0 0 0 2px rgba(87,229,255,.2),inset 0 0 28px rgba(87,229,255,.14);transform:translateY(-1px);z-index:3}.board-slot.deploy-preview::before{content:"部署";position:absolute;z-index:4;right:4px;top:4px;padding:2px 4px;background:#0b4451;color:#dffbff;font-size:7px;letter-spacing:.08em}.board-slot.deploy-anchor{outline:1px solid var(--cyan);outline-offset:-4px}.board-slot.will-replace{border-color:var(--red);box-shadow:inset 0 0 24px rgba(255,111,104,.17)}.board-slot.will-replace::before{content:"顶替";background:#6b2526}.unit-hand.tier-1{border-bottom-color:#a986d8}.unit-hand.tier-2{border-bottom-color:var(--card)}.unit-hand.tier-3{border-bottom:3px double var(--card)}.unit-hand.tier-3 .card-art{text-shadow:0 0 26px color-mix(in srgb,var(--card) 58%,transparent)}

html[data-theme="light"] .footprint-anchor .unit-card,html[data-theme="light"] .footprint-extension{background:linear-gradient(145deg,color-mix(in srgb,var(--unit) 8%,#fff),#e8f1f2)}html[data-theme="light"] .board-slot.deploy-preview{box-shadow:inset 0 0 0 2px rgba(8,127,150,.18),inset 0 0 24px rgba(8,127,150,.09)}