/* Shared layout zones: widgets participate in normal flow instead of competing offsets. */
.compact #hud-top{position:absolute;left:14px;right:14px;top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:15}
.compact #hud-top #flight-status{position:static;inset:auto;display:flex;align-items:center;gap:7px;min-height:26px;margin:0;padding:0;font-size:10px}
.compact #flight-distance{display:none}.compact #ark-tier-chip{position:static;margin-left:auto;min-height:28px;padding:5px 8px;font-size:10px}
.compact #hud-top #nomad-hud{position:static;inset:auto;display:grid;grid-template-columns:1fr 1fr;margin:0;gap:12px}
.compact #nomad-hud button{padding:0!important;min-height:0;border:0!important;background:none!important;box-shadow:none!important;text-align:left;animation:none!important}
.compact #nomad-hud small{font-size:10px}.compact #nomad-hud strong{font-size:26px;line-height:1.2;display:block}.compact #nomad-hud button>span{font-size:10px;line-height:1.3}.compact #nomad-hud strong em{font-size:11px}
.compact #nomad-energy,.compact #nomad-energy.energy-arrival{outline:none!important;border:0!important;box-shadow:none!important;background:transparent!important;animation:none!important}.compact #nomad-energy strong{transition:color .2s}.compact #nomad-energy.energy-arrival strong{color:#fff0bc}
.compact #hud-utility{display:flex;align-items:stretch;gap:8px;pointer-events:auto}
.compact #hud-utility #radar-primary{position:static!important;inset:auto!important;visibility:visible!important;max-width:none;flex:1;min-height:38px;width:auto;padding:5px 10px;display:flex;gap:8px;align-items:center;border-radius:6px;background:#101b28bd}
.compact #radar-primary .radar-disc{width:25px;height:25px;flex:none}.compact #radar-primary b{font-size:11px}.compact #radar-primary small{font-size:10px;white-space:normal}.compact #radar-primary>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.compact #hud-utility #camera-reset{position:static!important;inset:auto!important;width:38px;height:38px;min-height:38px;margin:0;padding:8px;display:grid;place-items:center;transform:none}
.compact #singularity-focus,.compact #tools-panel{display:none!important}
.compact #hud-notices{display:flex;flex-direction:column;gap:5px;max-height:min(24dvh,160px);overflow:auto;pointer-events:auto;scrollbar-width:thin}
.compact #hud-notices:empty{display:none}
.compact #hud-notices>*,.compact #hud-notices #toasts{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;min-height:0;box-sizing:border-box;flex-shrink:0}
.compact #hud-notices>button{padding:7px 10px;text-align:left;font-size:11px;border-radius:5px}.compact #hud-notices button>small{font-size:10px;line-height:1.3}.compact #hud-notices button>b{font-size:12px}
.compact #capture-warning{display:grid;grid-template-columns:1fr auto auto;padding:9px;gap:4px 8px}.compact #capture-warning>div:first-child{grid-column:1/3}.compact #capture-warning>div small,.compact #capture-warning>p{display:none}.compact #capture-warning b{font-size:12px}.compact #capture-warning span{font-size:10px}.compact #capture-warning>strong{font-size:17px;grid-column:3;grid-row:1}.compact #capture-warning .capture-meter{grid-column:1/-1;grid-row:2}.compact #capture-warning button{font-size:11px;padding:6px;min-height:32px;margin:0}.compact #capture-focus{grid-column:2}.compact #capture-counter{grid-column:3}
.compact #toasts,.compact #drawer>#toasts{position:static!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;margin:0!important;flex:none}
.compact #toasts:empty{display:none!important}.compact #toasts .toast{border-radius:6px!important;padding:7px 10px!important;font-size:12px!important;box-shadow:none!important}.compact #drawer>#toasts{margin:0 14px 7px!important}
.compact #compact-controls{padding-top:0;pointer-events:none}.compact #compact-controls>*{pointer-events:auto}
.compact #pulse-console{padding:0;margin:0;border:0}.compact #story-chip{display:none!important}.compact #campaign-chip{display:flex!important;margin:0;padding:5px 0;border:0;background:none;font-size:10px;min-height:24px}.compact #campaign-chip span{font-size:10px}
.compact .pulse-row{display:block;margin:0;padding:0}.compact .pulse-readout{display:flex;align-items:center;gap:8px;padding:0;min-height:22px}.compact .pulse-readout>small{font-size:9px;white-space:nowrap}.compact .pulse-readout>span{font-size:9px;margin-left:auto;white-space:nowrap}.compact .pulse-track{flex:1;min-width:20px;margin:0;height:2px}
.compact #home-mother,.compact #flight-actions,.compact .roster-scroll-nav{display:none!important}.compact .roster-heading{padding:5px 0;margin:0;min-height:22px}.compact .roster-heading b{font-size:11px}.compact #roster-hint button{padding:3px;font-size:10px}
.compact #quick-ships .fleet-card,.compact[data-camera="singularity"] #quick-ships .fleet-card{height:66px;min-height:66px}.compact #quick-ships .fleet-card>svg{height:23px}.compact #quick-ships{padding-bottom:5px;min-height:0}.compact #main-nav{margin-top:4px}
.compact #blackhole-touch-hint{font-size:12px;line-height:1.4;color:#f4ddb1;text-align:center;margin:0 0 6px;padding:3px;pointer-events:none;text-shadow:0 1px 5px #000}
.compact #tutorial-dock{position:relative;margin:0 0 7px;padding:0;pointer-events:auto}
.compact #tutorial-dock:has(>[hidden]):not(:has(>:not([hidden]))){display:none}
.compact #tutorial-dock .tutorial,.compact #tutorial-dock #tutorial-restore{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0;box-sizing:border-box;transform:none;overflow:visible}
.compact #tutorial-dock .tutorial{padding:12px;background:#111e2bf5;border:1px solid #ddc28a88;border-radius:9px;box-shadow:none;max-height:none}
.compact #tutorial-heading{height:18px}.compact .tutorial-heading small{font-size:10px}.compact .tutorial-heading b{font-size:10px}.compact .tutorial-heading #tutorial-hide{width:30px;min-height:28px}
.compact #tutorial-dock .tutorial h2{font-size:17px;line-height:1.3;margin:4px 0 5px}.compact #tutorial-dock .tutorial #tutorial-body{font-size:13px;line-height:1.4;margin:0 0 7px;display:block}
.compact #tutorial-dock #tutorial-progress,.compact #tutorial-dock .tutorial-reward{display:none}.compact #tutorial-dock #tutorial-action{min-height:44px;margin:0;font-size:14px;font-weight:750;background:#efdaa9;color:#15202b;outline:2px solid #f6e7c7!important;outline-offset:-2px;box-shadow:0 0 14px #e6c98a22!important}
.compact #tutorial-restore{padding:7px 10px!important;border:1px solid #899eae40;font-size:11px;min-height:30px!important;line-height:1.4;color:#c7d5df;background:#10202bd9;box-shadow:none;white-space:normal}
.compact #tutorial-restore:disabled{opacity:1;cursor:default;border:0;background:#101a25b8;color:#aebdcb}
.compact.guide-visible #pulse-console,.compact.guide-visible .roster-heading,.compact.guide-visible #quick-ships{display:none!important}
.compact #drawer,.compact.tutorial-active[data-sheet="open"] #drawer{top:calc(166px + env(safe-area-inset-top,0px))!important;bottom:calc(54px + env(safe-area-inset-bottom,0px));height:auto!important;max-height:none!important}
.compact .sheet-header{flex-wrap:wrap;gap:6px;padding:10px 14px}.compact .sheet-header #tutorial-restore{position:static!important;inset:auto!important;flex-basis:100%;width:100%;margin:0}.compact .sheet-header h2{font-size:20px}.compact .sheet-header #sheet-close{height:36px;width:36px;min-height:36px}.compact .sheet-header #sheet-eyebrow{display:none}
.compact.quiet-sheet #hud-utility,.compact.quiet-sheet #hud-notices{display:none}.compact.quiet-sheet #compact-controls>*:not(#main-nav){display:none!important}.compact.quiet-sheet #main-nav{visibility:visible}
.compact #rest-controls{position:static;inset:auto;display:flex;gap:12px;width:100%;padding:0;margin:8px 0}.compact #rest-controls button{flex:1;display:flex;justify-content:center;gap:6px;min-height:44px;background:#172433;border:1px solid #afc3d433;border-radius:6px;font-size:13px}
.title-wordmark{white-space:nowrap}.title-wordmark>span:first-child{color:#eef2f5}.title-wordmark>span:last-child{color:#e4c58b;font-weight:650;letter-spacing:.025em;margin-left:.06em}.brand-intro h1{font:300 clamp(32px,8.5vw,55px)/1.1 Manrope,sans-serif;letter-spacing:.035em}.compact .main-menu h1{font-size:clamp(30px,8.5vw,46px);letter-spacing:.025em}
@media(max-height:680px){.compact #hud-top{gap:5px;top:64px}.compact #hud-top #flight-status{min-height:22px}.compact #nomad-hud strong{font-size:23px}.compact #hud-notices{max-height:95px}.compact #tutorial-dock .tutorial{padding:10px}.compact #tutorial-dock .tutorial h2{font-size:16px}.compact #tutorial-dock .tutorial #tutorial-body{font-size:12px}.compact #quick-ships .fleet-card{height:60px;min-height:60px}.compact .pulse-readout{display:none}.compact #drawer,.compact.tutorial-active[data-sheet="open"] #drawer{top:148px!important}}
[hidden],.compact [hidden]{display:none!important}

.compact:not([data-stage="playing"]) #minimal-hud{display:none!important}.compact .mother-mini{position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:2px!important;min-width:96px;width:96px;flex-basis:96px!important;padding:5px!important}.compact .mother-mini img{width:76px;height:34px;object-fit:contain}.compact .mother-mini b{font-size:11px;color:#e0d1af}.compact #roster-expand{display:none}.compact #quick-ships .card-status{display:none}
.compact[data-sheet="open"] .sheet-header #tutorial-restore:not([hidden]){display:block!important}