/* Equipment details stay in the paused refit; the live strip stays a three-choice prompt. */
#liveUpgrade{top:auto;bottom:110px;width:min(920px,calc(100% - 32px));padding:10px;gap:8px;flex-direction:column;background:#061e26f5;border-color:#668b86;border-radius:8px}
#liveUpgrade .live-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
#liveUpgrade .live-status{position:static;display:flex;flex-direction:column;gap:3px;padding:0;background:none;font:700 14px/1.3 system-ui,sans-serif;white-space:normal;color:#e3efe5}
#liveUpgrade #liveUpgradeTimer{font-size:13px;font-weight:500;color:#d9c99f;font-variant-numeric:tabular-nums}
#liveUpgrade .live-actions{display:flex}
#liveUpgrade .live-actions button{font-size:13px;min-height:44px;padding:8px 12px;white-space:nowrap}
#liveUpgrade #liveChoices{gap:8px}
#liveUpgrade .live-choice{display:flex;flex-direction:column;align-items:stretch;min-height:94px;padding:12px;background:#102e36f5;border-color:#527b7d}
#liveUpgrade .live-choice .live-name{font-size:17px;line-height:1.25;padding-right:24px}
#liveUpgrade .live-choice.auto .live-name{padding-right:55px}
#liveUpgrade .live-benefit{display:block;margin-top:7px;font-size:14px;line-height:1.3;color:#deebe5}
#liveUpgrade .live-choice .live-effect{margin-top:4px;font-size:13px;line-height:1.35;color:#b4d4cd;font-variant-numeric:tabular-nums}
#liveUpgrade .live-key{top:12px;right:9px;font-size:12px}
#liveUpgrade .live-choice.auto{border-color:#d0b883}
#liveUpgrade #liveQuietSummary{font:600 14px/1.4 system-ui,sans-serif;min-height:48px}
#liveUpgrade.quiet{width:min(440px,calc(100% - 24px))}
#liveUpgrade.quiet .live-head{display:none}
/* Let the sub show through the surfaces without hiding readable choices. */
#liveUpgrade.hull-behind{background:#061e2624;border-color:#668b8655}
#liveUpgrade.hull-behind .live-choice,#liveUpgrade.hull-behind .live-actions button,#liveUpgrade.hull-behind #liveQuietSummary{background:#102e3624}
#liveUpgrade.hull-behind :is(.live-name,.live-benefit,.live-effect,.live-status,.live-key,#liveQuietSummary){text-shadow:0 1px 3px #001016,0 0 3px #001016}
#upgrade .panel{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 40px)}
#upgrade .upgrid{flex:1 1 auto;margin-top:16px;margin-bottom:12px}
#upgrade .subtitle{font-size:14px;line-height:1.5}
#upgrade .refit-status{font-size:12px;line-height:1.5;color:#a9c7c1;margin-top:10px}
#upgrade .refit-actions{margin-top:12px;gap:10px}
#upgrade .refit-actions button{min-height:44px;border-color:#4e7376;color:#d1e3dd}
#upgrade .refit-actions .refit-primary{background:#b5ddd0;border-color:#b5ddd0;color:#0b292c;font-weight:750;min-width:140px}
#upgrade .refit-actions .refit-primary:disabled{background:#233e40;color:#93adaa;opacity:1;border-color:#355657}
#upgrade .refit-advanced{border-top:1px solid #294b50;text-align:left;font-size:12px;color:#a9c7c1;flex-shrink:1;min-height:44px;overflow:auto;overscroll-behavior:contain}
#upgrade .refit-advanced summary{cursor:pointer;min-height:44px;box-sizing:border-box;display:list-item;padding:13px 8px;color:#c5dcd5;list-style-position:inside;font-size:13px}
#upgrade .refit-advanced summary:focus-visible{outline:2px solid #dfc68e;outline-offset:-2px;border-radius:4px}
#upgrade .refit-advanced-content{padding:0 8px 12px;line-height:1.6}
#upgrade .refit-advanced-content p{margin:8px 0}
#upgrade .refit-advanced-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
#upgrade .refit-advanced-actions button{min-height:44px;padding:8px 12px;border:1px solid #466b70;border-radius:5px;background:#112d34;color:#d3e3dc;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
#upgrade .refit-advanced-actions button:disabled{opacity:.5;cursor:default}
#upgrade .refit-advanced-actions button:focus-visible{outline:2px solid #dfc68e;outline-offset:2px}
#upgrade .evolution-card .ds{font-size:14px;line-height:1.45;color:#d2e2db}
#upgrade .evolution-card .refit-tradeoff{margin-top:8px;font-size:12px;line-height:1.5;color:#b4c9c4}
#upgrade .refit-advanced .refit-synergy{color:#dbc998}
#upgrade .upgrid.workshop-grid{display:flex;flex-direction:column;gap:18px;text-align:left;padding:3px}
.workshop-section{margin:0;border:0;padding:0;min-width:0}
.workshop-section legend{padding:0;margin-bottom:10px;font:600 12px ui-monospace,monospace;letter-spacing:.12em;color:#9cc7c2;text-transform:uppercase}
.workshop-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.workshop-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.workshop-card{position:relative;min-width:0;min-height:154px;display:flex;flex-direction:column;text-align:left;align-items:stretch;padding:10px;border:1px solid #36585e;border-radius:7px;background:#102a32;color:#d9e6df;font-family:inherit;cursor:pointer}
.workshop-card:hover{border-color:#78aaa4;background:#16353b}
.workshop-card[aria-pressed="true"]{border-color:#b8dfd0;box-shadow:inset 0 0 0 1px #b8dfd0;background:#19383d}
.workshop-card:focus-visible{outline:2px solid #e6cb90;outline-offset:3px}
.workshop-card .weapon-portrait{width:100%;height:78px;margin:0 0 8px}
.workshop-card strong{font-size:14px;line-height:1.3}
.workshop-card .workshop-role{font-size:12px;line-height:1.4;color:#a9c6c0;margin-top:4px}
.workshop-card .workshop-badge{font:600 10px ui-monospace,monospace;line-height:1.3;color:#c6e3d4;position:absolute;top:9px;left:10px;z-index:1;letter-spacing:.03em}
.workshop-secondary .workshop-card{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:10px;min-height:100px;padding:12px}
.workshop-secondary .weapon-portrait{grid-row:1/4;width:92px;height:72px;margin:0;align-self:center}
.workshop-secondary .workshop-badge{position:static;grid-column:2;margin-bottom:4px}
.workshop-secondary strong,.workshop-secondary .workshop-role{grid-column:2}
#upgrade .workshop-warning{color:#e4c58f}
#pause .menu-actions{flex-wrap:wrap}
#pause #pauseLoadoutBtn{font-size:12px}
@media(max-width:600px){
  #liveUpgrade{width:calc(100% - 20px);padding:8px;gap:8px}
  #liveUpgrade #liveChoices{gap:5px}
  #liveUpgrade .live-status{font-size:12px}
  #liveUpgrade #liveUpgradeTimer{font-size:12px}
  #liveUpgrade .live-choice{padding:8px 7px;min-height:122px}
  #liveUpgrade .live-choice .live-name{font-size:15px;padding-top:20px;padding-right:0}
  #liveUpgrade .live-choice.auto .live-name{padding-right:0}
  #liveUpgrade .live-benefit{font-size:13px}
  #liveUpgrade .live-choice .live-effect{font-size:12px}
  #liveUpgrade .live-actions button{padding:7px;min-width:44px;font-size:12px;white-space:normal;max-width:108px}
  #liveUpgrade .live-key{top:8px;left:7px;right:auto;font-size:11px}
  #refitReadyBtn{font-size:13px}
  #upgrade .panel{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:20px 14px}
  #upgrade .subtitle{font-size:12px}
  .workshop-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .workshop-card{min-height:134px;padding:9px}
  .workshop-card .weapon-portrait{height:64px}
  .workshop-secondary .workshop-card{display:flex;min-height:138px;padding:9px}
  .workshop-secondary .weapon-portrait{width:100%;height:58px}
  .workshop-secondary .workshop-badge{position:absolute;top:8px;left:9px}
  #upgrade .refit-actions{gap:8px}
  #upgrade .refit-actions button{padding:9px 11px}
}
@media(max-height:519px){
  #liveUpgrade{top:auto;width:min(760px,calc(100% - 200px));padding:6px;gap:5px}
  #liveUpgrade .live-status{font-size:12px}
  #liveUpgrade #liveUpgradeTimer{font-size:12px}
  #liveUpgrade .live-choice{min-height:76px;padding:8px}
  #liveUpgrade .live-benefit{display:block;margin-top:4px;font-size:12px}
  #liveUpgrade .live-choice .live-name{padding-top:0;font-size:14px}
  #liveUpgrade .live-choice .live-effect{font-size:12px}
  #liveUpgrade .live-key{left:auto;right:5px;top:8px;font-size:10px}
  #upgrade .panel{padding:12px 16px;max-height:calc(100dvh - 20px)}
  #upgrade .upgrid{margin-top:8px;margin-bottom:6px}
  #upgrade .refit-actions{margin-top:6px}
  #upgrade .refit-status{margin-top:5px}
  #upgrade .refit-advanced{min-height:38px}
  #upgrade .refit-advanced summary{min-height:38px;padding:10px 8px}
  .workshop-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
  .workshop-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
}