/* Portrait fleet deck: role-first cards remain visible during flight. */
.compact #compact-controls{width:100%;padding-left:12px;padding-right:12px;background:linear-gradient(transparent,#091429e8 17%,#091326 75%)}
.roster-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 2px;font-size:10px;color:#d0dff0}
.roster-heading b{font-weight:500}.roster-heading b span{margin-left:6px;color:#d8bd85;font:10px ui-monospace,monospace}.roster-heading>span{font-size:9px;color:#8ca4c5}
.compact #quick-ships{display:flex;gap:8px;padding:6px 2px 8px;margin:0;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x}
.compact #quick-ships .fleet-card{display:block;position:relative;flex:0 0 108px;width:108px;min-width:108px;max-width:108px;height:112px;min-height:112px;padding:8px 9px 10px;border-radius:8px;border:1px solid #8ba1bc42;border-top:2px solid var(--role);text-align:left;white-space:normal;scroll-snap-align:start;background:#13233bd9!important;color:var(--role)}
.compact #quick-ships .fleet-card.selected{background:#263c54f0!important;border-color:var(--role);box-shadow:inset 0 0 16px #9dd8ff0a}
.compact #quick-ships .card-class b{font-size:12px;letter-spacing:-.4px}.compact #quick-ships .card-class small{display:none}
.compact #quick-ships .fleet-card>svg{display:block;width:100%;height:39px;margin:3px 0 2px;fill:none;stroke:none;color:var(--role)}
.compact #quick-ships .card-name{display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:1.3;color:#bdcce0}.compact #quick-ships .card-name span{font-size:8px;color:#8fa9c6}
.compact #quick-ships .fleet-card p{display:none}.compact #quick-ships .tiny-health{position:absolute;bottom:0;left:0;right:0;height:3px;background:#08101f}.compact #quick-ships .tiny-health i{display:block;width:auto;height:100%;border-radius:0;background:var(--role);box-shadow:none}
.compact #flight-actions{gap:8px;margin-top:2px}.compact #flight-actions button{min-height:46px;font-size:12px}.compact #flight-actions #salvage-button b{font-size:13px}.compact #flight-actions #salvage-button small{font-size:9px}
.compact #main-nav{height:58px;margin-top:5px}.compact #main-nav button{font-size:11px;gap:8px}.compact #main-nav svg{width:19px;height:19px}
.compact #camera-reset{bottom:280px}.compact #toasts{bottom:282px}.compact #emergency-shield{bottom:262px}
.compact #drawer{bottom:calc(58px + env(safe-area-inset-bottom));height:68dvh;max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.compact[data-sheet="open"] .roster-heading{visibility:hidden}
.compact .brand-intro h1{font-size:37px;letter-spacing:5px}.compact .brand-intro p{font-size:10px;letter-spacing:2px}
@media(max-height:740px){
 .compact #quick-ships .fleet-card{height:99px;min-height:99px;flex-basis:102px;width:102px;min-width:102px;max-width:102px;padding-top:6px}
 .compact #quick-ships .fleet-card>svg{height:30px;margin:2px 0}.compact #flight-actions button{min-height:42px}.compact #main-nav{height:54px}
 .compact #drawer{bottom:calc(54px + env(safe-area-inset-bottom))}.compact #camera-reset{bottom:258px}.compact #toasts{bottom:260px}.compact #emergency-shield{bottom:240px}
 .compact .main-menu{margin-top:4vh}.compact .main-menu h1{font-size:70px;margin:24px 0 18px}.compact .main-menu-actions{margin-top:20px}.compact .menu-idle-note{margin-top:16px}
}

/* A hull type occupies one card; production increases its visible count. */
.group-count{font-size:15px;color:var(--role);font-weight:650}
.compact #quick-ships .card-name{position:relative;padding-right:25px}
.compact #quick-ships .group-count{position:absolute;right:0;top:-2px;font-size:14px}
.compact #quick-ships .card-name span{white-space:nowrap}
.compact #menu-continue[hidden]{display:none}
.compact #menu-continue{min-height:44px}

.compact #compact-controls #emergency-shield{bottom:calc(100% + 10px);left:14px}
.compact #compact-controls #salvage-feedback{top:-34px;right:45%;font-size:11px}
.compact #resume-flight{padding:5px 8px;border:1px solid #a2d7ec55;background:#1d435c;color:#e1f6ff;border-radius:12px;font-size:10px}
.compact #resume-flight[hidden]{display:none}

.compact.has-live-notice .tutorial,.compact.has-live-notice #tutorial-restore{top:calc(170px + env(safe-area-inset-top))}
.compact.has-live-notice.tutorial-active #bonus-chip{top:calc(312px + env(safe-area-inset-top))}