/* Scoped preparation dock. Original battle, market and inventory surfaces remain usable. */
.hbc-tags{display:flex;gap:3px;flex-wrap:wrap}.hbc-tag{border:1px solid color-mix(in srgb,var(--bond),transparent 65%);color:var(--bond);background:#10221f;padding:2px 5px;min-height:22px;font:10px/16px system-ui;white-space:nowrap;border-radius:2px}
.hbc-preparing .topbar>span.prototype{visibility:visible;flex:none;margin-right:160px;white-space:nowrap}
.hbc-help{width:min(520px,92vw);max-height:85dvh;overflow:auto;color:#e9f0e9;background:#142420;border:1px solid #638479;padding:26px}.hbc-help::backdrop{background:#020b0bd9}.hbc-help h2{font-size:24px}.hbc-help p{font-size:14px;line-height:1.85;margin:16px 0;color:#c7d8cf}.hbc-help>button{width:100%}
.hbc-bonds{display:grid;gap:7px}.hbc-bonds h3{font-size:14px}.hbc-muted{color:#91a79c;font-size:10px;margin-bottom:5px}.hbc-bond{display:grid;grid-template-columns:1fr auto;gap:4px 6px;text-align:left;padding:9px 8px;border:1px solid #2d4138;border-left:2px solid #43584c;background:#12201b;border-radius:2px;min-height:50px;color:#94a69c}.hbc-bond strong{font-size:12px}.hbc-bond b{font:12px monospace}.hbc-bond small{font-size:10px;grid-column:1/-1;color:#91a79c}.hbc-bond[data-active=true]{border-left-color:var(--bond);background:linear-gradient(110deg,color-mix(in srgb,var(--bond),#14211c 91%),#14211c);color:var(--bond)}.hbc-legacy{margin-top:12px}.hbc-legacy summary{font-size:11px;color:#a3b5a7;cursor:pointer}.hbc-legacy .synergy-list{padding-top:12px!important;flex-direction:row!important;flex-wrap:wrap}
.hbc-inspect{padding:7px 0 10px;border-block:1px solid #34483f}.hbc-inspect p{font-size:11px;line-height:1.65;color:#edcc85;margin:7px 0}.hbc-inspect>small{font-size:10px;line-height:1.6;color:#aebeb4;display:block}
.market-card .hbc-promotion{font:11px/16px system-ui;min-height:24px;margin:0;padding:4px 0;border:0;background:none;color:#dcc486;text-align:left;white-space:normal}.market-card[data-promotion=true]{border-color:#edcb79;box-shadow:inset 0 0 22px #eab54b18}.market-card[data-promotion=true] .hbc-promotion{color:#ffe7a3;font-weight:700}.hbc-upgrade-copy{font-size:10px;line-height:1.5;color:#b9c9bd}.hbc-combo-hint{font-size:10px;line-height:1.5;color:#8fe0c8}.hbc-inspector-toggle{display:none}
body.hbc-preparing{height:100dvh;overflow:hidden;overscroll-behavior:none}.hbc-preparing .topbar{height:28px;padding:4px 16px;min-height:0;font-size:10px}.hbc-preparing main{height:calc(100dvh - 28px);max-width:1600px;padding:0 16px 8px;display:flex;flex-direction:column;margin:auto;min-height:0}.hbc-preparing main>.titlebar,.hbc-preparing main>.art-credits,.hbc-preparing main>footer{display:none}.hbc-preparing #campaign-notice{flex:none;font-size:12px;margin:0}.hbc-preparing #campaign-notice:empty{display:none}.hbc-preparing #campaign-shell{flex:0 0 auto;max-height:165px;overflow:auto;scrollbar-width:thin}.hbc-preparing .campaign-top-actions{position:absolute;right:20px;top:0;height:28px;margin:0}.hbc-preparing .campaign-top-actions .abandon-run{margin:0;padding:3px 8px;font-size:10px;min-height:24px}.hbc-preparing .career-badge{font-size:10px;padding:0}.hbc-preparing .career-badge small,.hbc-preparing .career-badge progress{display:none}.hbc-preparing .topbar>span{visibility:hidden}.hbc-preparing .campaign-hud{padding:8px 0;gap:14px}.hbc-preparing .campaign-stat{gap:2px}.hbc-preparing .campaign-stat>span{font-size:10px}.hbc-preparing .campaign-stat>strong{font-size:17px}.hbc-preparing .compact-progress{padding:4px 0}.hbc-preparing .campaign-heading{padding:8px 0}.hbc-preparing .campaign-actions{margin:7px 0}
.hbc-preparing #prep-view:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}.hbc-preparing .mission-band{padding:6px 0;min-height:30px;gap:12px}.hbc-preparing .mission-code{display:none}.hbc-preparing .mission-band h2{font-size:13px;margin:0}.hbc-preparing .enemy-brief,.hbc-preparing .mission-size{font-size:10px}.hbc-preparing #prep-tactics{padding:4px 0;margin:0;min-height:0}.hbc-preparing #prep-tactics .campaign-icon{width:24px;height:24px;padding:3px}.hbc-preparing #prep-tactics .tactic-icon{width:16px;height:16px}
.hbc-preparing .formation-workspace:has(>#prep-synergies:not([hidden])){flex:1;min-height:0;grid-template-columns:156px minmax(0,1fr) 260px;gap:14px;padding:8px 0;align-items:stretch}.hbc-preparing .formation-workspace>#prep-synergies{padding:0 10px 0 0;overflow:auto;scrollbar-width:thin;grid-row:1;grid-column:1}.hbc-preparing .squad-stage{grid-column:2;grid-row:1;overflow-y:auto;scrollbar-width:thin;padding-right:3px;min-height:0}.hbc-preparing .formation-workspace:has(>#prep-synergies:not([hidden]))>.formation-inspector{grid-column:3;grid-row:1;display:block;overflow:auto;scrollbar-width:thin;padding:0 0 0 12px;border-top:0;border-left:1px solid #34483f;min-height:0}.hbc-preparing .formation-inspector .operative-art{height:65px;margin:5px 0}.hbc-preparing .operative-heading{padding-bottom:5px}.hbc-preparing .formation-inspector .operative-caption{padding:5px 0}.hbc-preparing .formation-inspector .prep-stats{padding:6px 0}.hbc-preparing .board-heading{padding:0 0 5px;gap:5px}.hbc-preparing .board-heading h2{font-size:13px}.hbc-preparing .battle-direction{display:none}.hbc-preparing .row-heading{margin:5px 0}.hbc-preparing .formation-row{gap:8px}.hbc-preparing .formation-cell{height:clamp(108px,17dvh,158px)}.hbc-preparing .cell-index{flex-basis:18px;min-height:18px;line-height:14px}.hbc-preparing .operator-piece{padding:3px;gap:2px}.hbc-preparing .operator-namebar{flex-basis:25px}.hbc-preparing .formation-workspace .operator-piece .worn-equipment{max-width:60px}.hbc-preparing .bench-heading{padding:5px 0;margin-top:7px}.hbc-preparing .bench-heading h2{font-size:12px}.hbc-preparing .bench-cell{height:82px}.hbc-preparing .bench-cell .worn-equipment{display:none}.hbc-preparing .bench-row{grid-template-columns:repeat(6,minmax(54px,1fr));gap:5px}.hbc-preparing .formation-state{font-size:10px;padding:3px 0;min-height:18px}.hbc-preparing .bench-terminal{gap:2px;padding-left:8px}.hbc-preparing .bench-terminal .eyebrow{display:none}.hbc-preparing .bench-terminal>strong{font-size:16px}.hbc-preparing .bench-terminal>span,.hbc-preparing .bench-terminal>small{font-size:10px}.hbc-preparing .bench-terminal>button{min-height:27px;padding:4px;font-size:10px}.hbc-preparing .parcel-station{margin:0;padding:5px 0 0 8px;gap:3px}.hbc-preparing .parcel-case{width:48px;height:42px}.hbc-preparing .case-lock{left:17px}.hbc-preparing .parcel-box{padding:6px 0;gap:5px}.hbc-preparing .parcel-box>strong,.hbc-preparing .parcel-box>small{font-size:10px}
.hbc-preparing #hbc-shop{flex:none;border-top:1px solid #5e8270;padding:5px 0 7px}.hbc-preparing #hbc-shop>.campaign-heading{display:none}.hbc-preparing #hbc-shop>.campaign-actions{margin:0 0 5px;gap:8px}.hbc-preparing #hbc-shop>.campaign-actions:before{content:'干员招募';font-weight:650;font-size:13px;color:#d7e5dc;margin-right:auto}.hbc-preparing #hbc-shop>.campaign-actions button{font-size:11px;padding:4px 9px;min-height:27px}.hbc-preparing #hbc-shop>.campaign-actions>span{font-size:11px;margin-left:0}.hbc-preparing #hbc-shop .campaign-shop{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hbc-preparing #hbc-shop .market-card{padding:8px;gap:4px;position:relative;overflow:hidden;min-height:167px}.hbc-preparing #hbc-shop .market-card>img{position:absolute;right:0;top:0;width:70px;height:62px;opacity:.65;mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}.hbc-preparing #hbc-shop .market-card>h3{font-size:16px;z-index:1}.hbc-preparing #hbc-shop .market-card>small{display:none}.hbc-preparing #hbc-shop .market-card>p{font-size:10px;line-height:1.3;z-index:1}.hbc-preparing #hbc-shop .hbc-tags{margin-top:3px;z-index:1}.hbc-preparing #hbc-shop .hbc-tag{font-size:9px;padding:0 3px;min-height:18px}.hbc-preparing #hbc-shop .market-card>button:last-child{margin-top:auto;min-height:29px;padding:4px;font-size:12px;background:#263e31;border-color:#55765f}.hbc-preparing #hbc-shop .market-card[data-promotion=true]>button:last-child{background:#493e24;border-color:#cbb073;color:#ffe8ab}.hbc-preparing #hbc-shop .hbc-upgrade-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hbc-preparing .deploy-bar{position:static;padding:6px 10px;min-height:44px;gap:12px;flex:none}.hbc-preparing .deploy-button{min-height:34px;font-size:14px}.hbc-preparing .deploy-readiness strong{font-size:12px}.hbc-preparing .deploy-readiness>div>span{font-size:10px}.hbc-preparing .difficulty{font-size:11px}.hbc-preparing .difficulty select{font-size:11px;padding:4px}
@media(max-width:1100px){.hbc-preparing .formation-workspace:has(>#prep-synergies:not([hidden])){grid-template-columns:132px minmax(0,1fr);gap:10px}.hbc-preparing .formation-workspace:has(>#prep-synergies:not([hidden]))>.formation-inspector{display:none}.hbc-inspector-toggle{display:block;padding:3px 7px;min-height:26px;font-size:11px;margin-left:auto}.hbc-preparing.hbc-inspector-open .formation-workspace>.formation-inspector{display:block!important;position:absolute;top:155px;right:12px;bottom:260px;width:min(340px,90vw);z-index:12;background:#17251ffb;padding:12px!important;border:1px solid #779a83;box-shadow:0 14px 50px #000b}.hbc-preparing .deployment-with-parcels{grid-template-columns:minmax(0,1fr) 74px}.hbc-preparing #hbc-shop .hbc-combo-hint{display:none}}
@media(max-width:680px){.hbc-preparing main{padding:0 7px 5px}.hbc-preparing .campaign-top-actions{right:8px}.hbc-preparing .campaign-hud{grid-template-columns:1.1fr 1fr .7fr 1.4fr;gap:6px;padding:5px 0}.hbc-preparing .campaign-stat>strong{font-size:12px}.hbc-preparing .campaign-stat>span{font-size:9px}.hbc-preparing .compact-progress{display:none}.hbc-preparing #campaign-shell{max-height:130px}.hbc-preparing .formation-workspace:has(>#prep-synergies:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;padding:4px 0}.hbc-preparing .formation-workspace>#prep-synergies{grid-area:1/1/2/2;border:0;padding:0;overflow-x:auto;overflow-y:hidden;display:flex;gap:8px}.hbc-preparing .hbc-bonds{display:flex;gap:4px}.hbc-preparing .hbc-bonds>h3,.hbc-preparing .hbc-bonds>.hbc-muted,.hbc-preparing .hbc-legacy{display:none}.hbc-preparing .hbc-bond{min-width:96px;min-height:37px;padding:5px;gap:3px}.hbc-preparing .hbc-bond strong{font-size:10px}.hbc-preparing .hbc-bond small{display:none}.hbc-preparing .squad-stage{grid-area:2/1/3/2}.hbc-preparing #prep-tactics{display:none}.hbc-preparing .formation-cell{height:clamp(100px,15dvh,135px)}.hbc-preparing .bench-cell{height:65px}.hbc-preparing .deployment-with-parcels{grid-template-columns:minmax(0,1fr) 56px;gap:4px}.hbc-preparing .parcel-station{padding-left:3px}.hbc-preparing .parcel-case{width:35px;height:32px}.hbc-preparing .case-lock{left:10px}.hbc-preparing .case-stamp{font-size:10px}.hbc-preparing .parcel-station .eyebrow,.hbc-preparing .parcel-count{font-size:9px}.hbc-preparing .bench-with-terminal{grid-template-columns:minmax(0,1fr) 90px;gap:5px}.hbc-preparing .mission-size{display:none}.hbc-preparing #hbc-shop .campaign-shop{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:3px}.hbc-preparing #hbc-shop .market-card{flex:0 0 156px;scroll-snap-align:start;min-height:177px}.hbc-preparing #hbc-shop>.campaign-actions:before{font-size:11px}.hbc-preparing #hbc-shop>.campaign-actions>span{display:none}.hbc-preparing #hbc-shop>.campaign-actions button{font-size:10px;padding:4px 6px}.hbc-preparing .deploy-bar{display:flex;gap:5px;padding:5px}.hbc-preparing .deploy-readiness{min-width:0}.hbc-preparing #prep-feedback,.hbc-preparing .difficulty{display:none}.hbc-preparing .deploy-button{min-width:112px}.hbc-preparing.hbc-inspector-open .formation-workspace>.formation-inspector{top:145px;bottom:260px}.hbc-preparing .formation-workspace .roster-copy strong{font-size:11px}}
@media(max-height:740px) and (min-width:681px){.hbc-preparing .formation-cell{height:104px}.hbc-preparing .bench-cell{height:68px}.hbc-preparing .hbc-bond{min-height:39px;padding:6px;gap:2px}.hbc-preparing .hbc-bond small{display:none}.hbc-preparing #hbc-shop .market-card{min-height:157px}.hbc-preparing .operative-art{display:none}}

.hbc-contribution{display:block;color:#a8cbbd;font-size:10px;line-height:1.65;margin-top:5px}

/* Compact card composition keeps recognisable portraits in a short preparation viewport. */
.hbc-preparing .compact-progress,.hbc-preparing #prep-tactics{display:none}
.hbc-overview{font-size:10px;padding:3px 7px;min-height:24px;background:transparent;margin-left:auto}
.hbc-preparing .deploy-readiness strong,.hbc-preparing #prep-feedback{display:none}
.hbc-preparing .deploy-bar{height:46px;min-height:46px}
.hbc-preparing .formation-workspace .operator-piece{display:grid;grid-template-columns:44% minmax(0,1fr);grid-template-rows:minmax(0,1fr) 23px;gap:3px;padding:3px}
.hbc-preparing .formation-workspace .operator-piece>.roster-member{grid-area:1/1/3/2;display:block;height:100%;min-height:0}
.hbc-preparing .formation-workspace .roster-member>.operator-avatar{height:100%;width:100%;object-fit:cover;object-position:50% 20%}
.hbc-preparing .operator-namebar{grid-area:1/2/2/3;align-items:start;flex-direction:column;gap:1px}
.hbc-preparing .operator-namebar .relic-slot{height:19px;width:19px;flex-basis:19px}
.hbc-preparing .operator-namebar .roster-copy{flex:0 0 auto!important;overflow:visible}
.hbc-preparing .formation-workspace .operator-piece .worn-equipment{grid-area:2/2/3/3;height:21px;max-width:65px;align-self:end}
.hbc-preparing .formation-workspace .operator-piece .worn-equipment>.worn-icon{height:21px;aspect-ratio:auto}
.hbc-preparing .bench-cell .operator-namebar .relic-slot{display:none}
.hbc-preparing .bench-cell .operator-piece{grid-template-columns:35% minmax(0,1fr);grid-template-rows:1fr}
.hbc-preparing .bench-cell .roster-copy strong{font-size:10px}
.hbc-preparing #hbc-shop .market-card{height:172px;min-height:172px;gap:3px;padding:7px}
.hbc-preparing #hbc-shop .hbc-upgrade-copy{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hbc-preparing #hbc-shop .hbc-combo-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbc-preparing #hbc-shop .hbc-promotion{min-height:21px;padding:2px 0}
.hbc-preparing #hbc-shop .market-card>button:last-child{flex:none}
@media(min-width:681px){.hbc-preparing .formation-cell{height:clamp(92px,14dvh,130px)}.hbc-preparing .bench-cell{height:62px}}
@media(max-width:680px){.hbc-preparing #hbc-shop .market-card{height:180px;min-height:180px}.hbc-preparing .formation-workspace .operator-piece{grid-template-columns:45% minmax(0,1fr)}.hbc-preparing .formation-workspace .operator-namebar .roster-copy strong{font-size:10px}.hbc-preparing .formation-workspace .operator-namebar .roster-copy small{font-size:8px}.hbc-preparing .bench-cell .operator-piece{display:flex}.hbc-preparing .bench-cell .operator-piece>.roster-member{display:none}.hbc-preparing .bench-cell .operator-namebar{flex:1;justify-content:center}.hbc-preparing .hbc-bond{min-width:100px}}
@media(min-width:681px) and (max-height:800px){
.hbc-preparing .campaign-hud{padding:5px 0}.hbc-preparing .campaign-stat>strong,.hbc-preparing .campaign-stat>span{line-height:1.2}
.hbc-preparing .formation-cell{height:84px}.hbc-preparing .bench-cell{height:57px}
.hbc-preparing .row-heading{margin:3px 0;line-height:1.3}.hbc-preparing .row-heading h3,.hbc-preparing .row-heading span{line-height:1.3}
.hbc-preparing #hbc-shop .market-card{height:153px;min-height:153px;padding:6px;gap:2px}.hbc-preparing #hbc-shop .market-card>h3{line-height:1.25}.hbc-preparing #hbc-shop .market-card>button:last-child{min-height:26px;padding:3px}
.hbc-preparing .bench-terminal{display:grid;grid-template-columns:1fr auto;gap:1px 4px;align-items:center;height:57px;padding-block:0}.hbc-preparing .bench-terminal>strong{grid-column:1}.hbc-preparing .bench-terminal>span{grid-column:1;line-height:1.2}.hbc-preparing .bench-terminal>small{display:none}.hbc-preparing .bench-terminal>button{grid-column:2;grid-row:1/3;min-height:31px}
.hbc-preparing .formation-state{line-height:1.2;font-size:9px;padding:2px 0}
}

@media(max-width:680px){
.hbc-preparing .formation-cell{height:108px}.hbc-preparing .bench-cell{height:58px}
.hbc-preparing .bench-cell .operator-piece>.roster-member{display:block!important;position:absolute;inset:18px 0 0;opacity:0;height:calc(100% - 18px);z-index:1}
.hbc-preparing .bench-cell .operator-namebar{pointer-events:none}
}

.hbc-panel-close{display:none}.hbc-preparing .formation-inspector .operative-inspect{display:block}
@media(max-width:1100px){.hbc-preparing.hbc-inspector-open .hbc-panel-close{display:block;position:sticky;top:0;z-index:3;width:100%;padding:7px;min-height:32px;background:#294637;border-color:#699479;margin-bottom:10px;font-size:12px}.hbc-preparing .formation-inspector .operative-art{width:100%}}
@media(max-width:680px){.hbc-preparing .bench-terminal{display:grid;grid-template-columns:1fr auto;grid-template-rows:16px 15px 13px;gap:1px 2px;align-content:center;height:58px;padding-block:0}.hbc-preparing #terminal-level{font-size:13px;grid-area:1/1/2/2}.hbc-preparing #terminal-capacity{font-size:8px;grid-area:2/1/3/2;line-height:1.2}.hbc-preparing #terminal-next{display:none}.hbc-preparing #terminal-upgrade{font-size:9px;min-height:28px;padding:2px;grid-area:1/2/3/3}.hbc-preparing #terminal-price{font-size:8px;line-height:1.2;grid-area:3/1/4/3}}

#battlefield .hbc-ribbon{position:absolute;z-index:8;pointer-events:none;top:8px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:max-content;max-width:85%;font:600 13px/1.5 system-ui;text-align:center}#battlefield .hbc-ribbon span{background:#0b1919ee;border:1px solid #669d8d66;padding:3px 12px;box-shadow:0 4px 12px #0005}@media(max-width:680px){#battlefield .hbc-ribbon{font-size:10px;top:6px}}

/* Recruitment expands in the upper preparation bar and remembers its state across purchases. */
.hbc-preparing #campaign-shell>.compact-progress{display:flex}
.hbc-preparing #campaign-shell{max-height:none;overflow:visible}
.hbc-shop-toggle{font:600 12px/1.4 system-ui;min-height:28px;padding:4px 12px;margin-left:auto;color:#c9edb0;background:#21352a;border:1px solid #668661;white-space:nowrap}
.hbc-shop-toggle[aria-expanded=true]{background:#34472c;border-color:#b8df87;color:#e4facb}
.hbc-preparing .mission-band:has(.hbc-shop-toggle) .hbc-overview{margin-left:0}
.hbc-preparing #hbc-shop[hidden]{display:none!important}
.hbc-preparing #hbc-shop:not([hidden]){border-top:0;border-bottom:1px solid #5e8270;padding:7px 0;margin-bottom:3px}
@media(max-width:680px){.hbc-shop-toggle{font-size:10px;padding:4px 7px;min-height:27px}.hbc-preparing .mission-band{gap:5px}}

/* Skill-based bond membership keeps each equipment reason on its own line. */
.hbc-help p{white-space:pre-line}
.hbc-group-label{font-size:9px;letter-spacing:.08em;color:#bacbbf;text-align:center;white-space:nowrap}
.hbc-bond[data-primary=true],.hbc-tag[data-primary=true]{border-top:2px solid var(--bond,#d4dca7)}
.hi-mode.hbc-preparing .hbc-bond[data-primary=false]{min-height:34px;height:34px}
.hi-mode.hbc-preparing .hbc-bond[data-primary=true]{background:linear-gradient(145deg,#263c30,#10221c);box-shadow:inset 3px 0 var(--bond)}
.tactic-progress{display:block;color:#dbc790;font-size:11px;line-height:1.6;white-space:normal}
#battle-view #htm-hud{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Only activated engines occupy this compact rail. Indicators have no perpetual animation. */
#battle-view .hbc-engine-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none}
#battle-view .hbc-engine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:3px 1px 5px;gap:2px;color:var(--bond);border:1px solid color-mix(in srgb,var(--bond),transparent 65%);background:#10211ded;overflow:hidden}
#battle-view .hbc-engine b{font:20px/1 system-ui}#battle-view .hbc-engine small{font:9px/1.2 ui-monospace,monospace;color:#e0eae5}
#battle-view .hbc-engine i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--bond);transform-origin:left;transition:transform .25s ease}
.hd-bond-summary{padding:12px;margin-bottom:12px;border:1px solid #6b987755;background:#172d22}
.hd-bond-summary>strong{display:block;color:#d0f7b8;font-size:14px;margin-bottom:7px}.hd-bond-summary p{font-size:11px;line-height:1.7;color:#b2cbbf}
.hd-bond-summary .hd-bond-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #385444;padding:4px 0;font-size:12px}
@media(max-width:700px){#battle-view .hbc-engine-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}#battle-view .hbc-engine{min-height:35px}#battle-view .hbc-engine b{font-size:16px}#battle-view .hbc-engine small{font-size:8px}}
@media(prefers-reduced-motion:reduce){#battle-view .hbc-engine i{transition:none}}

/* Full rules stay in the click dialog; hover prioritizes the new playstyle at small heights. */
#hi-tooltip.hi-bond-tooltip:has(.hbc-engine-copy){width:390px}
.hbc-hover-tier .hbc-engine-copy{display:block;margin-top:6px;padding:7px 8px;border-left:2px solid #b6db95;background:#233729;color:#dbeecd;line-height:1.65}
@media(max-height:700px){#hi-tooltip.hi-bond-tooltip .hbc-hover-tier .hbc-base-copy{display:none}#hi-tooltip.hi-bond-tooltip .hbc-hover-limit{display:none}}