/* A two-line heading gives the company and its synergies their own space. */
#screen-setup #formationPanel .formation-relic-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;grid-template-rows:auto auto!important;flex:0 0 auto!important;height:auto!important;min-height:50px!important;gap:4px 10px!important;margin:0 0 4px!important;align-items:center!important;overflow:visible!important}
#screen-setup #formationPanel .formation-relic-heading #runTeamLabel{grid-column:1 / -1;grid-row:1;max-width:none!important;width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font:700 18px/1.18 Georgia,serif!important;letter-spacing:.025em!important}
#screen-setup #formationPanel #affinityDisplay{grid-column:1;grid-row:2;display:flex!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;max-width:none!important;overflow:visible!important;justify-content:flex-start!important}
#screen-setup #formationPanel #affinityDisplay .affinity-pill{flex:0 0 auto!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:10px!important;padding:3px 6px!important}
#screen-setup #formationPanel #affinityDisplay .affinity-inspect{font-size:10px!important;min-height:25px!important}
#screen-setup #formationPanel #formationRelic{grid-column:2;grid-row:2;margin:0!important}
/* The shop seal should be a suggestion, including when an offer has gone. */
#screen-setup #shopPanel .offers::before{opacity:.10!important;width:62%!important;left:33%!important}
#screen-setup #shopPanel #offers .offer.offer-unavailable{background:#142630f5!important;border:1px dashed #b9a77c44!important;box-shadow:none!important;border-radius:11px!important}
#screen-setup #shopPanel #offers .empty-offer-label{font:italic 14px/1.2 Georgia,serif!important;color:#aebfbe!important}
/* Consistent, quiet frames; selection and saved offers carry the emphasis. */
#screen-setup #shopPanel #offers .offer.offer:not(.offer-unavailable){border:1px solid #bda5746b!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ead7a416,0 3px 9px #0003!important;background:linear-gradient(145deg,#233843f5,#142631fa)!important}
#screen-setup #shopPanel #offers .offer::before,#screen-setup #shopPanel #offers .offer .offer-portrait-wrap::after{box-shadow:none!important}
#screen-setup #shopPanel #offers .offer.offer-locked{border-color:#e6c78b!important;box-shadow:inset 0 0 0 1px #e6c78b33,0 0 10px #e6c78b1c!important}
#screen-setup #shopPanel #offers .offer:focus-visible{outline:2px solid #efd29a!important;outline-offset:-3px!important}
#screen-setup #shopPanel #offers .offer .offer-inline-actions .offer-lock-toggle{background:#10232b!important;color:#d2cbb8!important;border-color:#8b9c9b77!important;box-shadow:none!important}
#screen-setup #shopPanel #offers .offer .offer-inline-actions .offer-lock-toggle.is-locked{color:#f3d9a5!important;border-color:#d9b774!important}
#screen-setup #shopPanel #offers .offer.is-unaffordable .offer-buy,#screen-setup #shopPanel #offers .offer.is-unaffordable [data-shop-buy]{opacity:1!important;background:#243641!important;color:#aeb9bb!important;border:1px solid #75878a77!important;box-shadow:none!important;filter:none!important;cursor:default!important}
#screen-setup #shopPanel #offers .offer.is-unaffordable .offer-buy:disabled{color:#b7c2c2!important}
/* Charge is a labelled subline, never a numeric addition to base Speed. */
.card-stat:has(.stat-charge){display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}.card-stat .stat-charge{display:block;flex:0 0 100%;width:100%;white-space:nowrap;font:600 9px/1.1 system-ui!important;color:#b5d9ce!important;margin-top:2px!important}
#screen-setup #formationPanel .formation-layout .slot .slot-inline-stats{height:auto!important;min-height:24px!important;flex:0 0 24px!important;align-items:flex-start!important;overflow:visible!important}
/* Storage grows with actual reserves; the empty drop target remains reachable. */
#screen-setup{grid-template-rows:minmax(282px,1.6fr) minmax(135px,1fr)!important}
#screen-setup[data-storage-empty=true]{grid-template-rows:minmax(300px,1fr) 112px!important}
#screen-setup #formationPanel,#screen-setup #terrainPanel{height:auto!important;min-height:0!important;max-height:none!important}
#screen-setup #terrainPanel{gap:3px!important}#screen-setup[data-storage-empty=true] #terrainPanel #roster{min-height:28px!important;flex:1 1 28px!important;align-items:center!important}
#screen-setup[data-storage-empty=true] #terrainPanel .party-muted{font-size:11px!important;padding:2px!important;margin:0!important}
#screen-setup[data-storage-empty=true] #terrainPanel .storage-toolbar{display:none!important}
#screen-setup #sellCreature:not([hidden]){display:inline-flex!important}
/* Equipment is an inspectable badge; removal lives in the item sheet. */
#screen-setup .equipped-item-icon,#screen-setup .equipped-item-icon:has(.equipment-art){width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;border:1px solid #c9af7866!important;border-radius:5px!important;background:#10232bf2!important;padding:2px!important;box-shadow:0 1px 4px #0005!important;cursor:pointer}
#screen-setup .equipped-item-icon .equipment-art{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;border-radius:3px!important;object-fit:contain!important}
#screen-setup #formationPanel .slot .equipped-item-icon{top:5px!important;right:5px!important}
#screen-setup #formationPanel .slot:has(.equipped-item-icon) .formation-card-identity{padding-right:20px!important}
#screen-setup #terrainPanel .chip .equipped-item-icon{left:auto!important;right:4px!important;top:4px!important}
#screen-setup [data-creature-inspect]{cursor:help}#screen-setup [data-creature-inspect]:focus-visible,#screen-setup [data-equipped-inspect]:focus-visible{outline:2px solid #f1d29a!important;outline-offset:2px}
#sellInspectedCreature{border-color:#b7916a!important;color:#e6c6aa!important;background:#312a28!important}
@media(orientation:landscape) and (max-height:550px){#equipmentDetailsOverlay .creature-modal .equip-modal-actions{grid-column:1 / -1!important;grid-row:5!important;flex-direction:row!important;justify-content:center!important;flex-wrap:wrap!important}#equipmentDetailsOverlay .creature-modal .equip-modal-actions button{width:auto!important;min-width:90px!important;flex:0 1 auto!important}#equipmentDetailsOverlay .creature-modal #equipModalNote{grid-column:1 / -1!important}}