/* Compact management workspace: fixed global controls, focused mobile views. */
:root{--control-height:30px}html,body{height:100%;overflow:hidden}#app{height:100dvh;display:grid;grid-template-rows:54px 54px minmax(0,1fr) 22px}header{height:auto;padding:0 20px;gap:16px}.brand{font-size:18px;gap:10px;letter-spacing:2px}.brand-mark{font-size:29px;padding:2px 8px}.brand small{font-size:7px;margin-top:3px}.header-meta{font-size:11px}.header-tools button{font-size:11px;padding:5px 9px}.resource-bar{padding:7px 20px;gap:24px}.resource{gap:9px}.resource .item-art{width:33px;height:33px}.resource strong{font-size:18px}.resource small{font-size:10px;margin-bottom:2px}.resource-symbol{font-size:25px;width:29px}.resource strong span{font-size:10px}.shell{min-height:0;height:100%;grid-template-columns:152px minmax(0,1fr)}nav{padding:14px 9px;min-height:0}nav>div:first-child{gap:4px}nav button{font-size:11px;padding:10px 9px;gap:8px}nav button span{font-size:19px;width:20px}.nav-bottom{padding-top:8px}.nav-bottom p{font-size:9px;line-height:1.5;margin:6px 5px}.nav-bottom .eyebrow{font-size:9px;letter-spacing:1px}.nav-materials{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 5px}.nav-materials div{display:flex;justify-content:space-between;gap:3px;font-size:9px}.nav-materials span{color:var(--muted)}.nav-materials strong{font-size:10px;color:var(--accent);font-weight:500}.speed-panel{margin:10px 0}.speed-panel label{font-size:10px;margin-bottom:6px}.speed-panel label span{font-size:8px}.speed-control{gap:3px}.speed-control button{font-size:10px;padding:6px 0}.nav-bottom>.outline{padding:7px 3px;font-size:9px}.nav-bottom>.text-button{font-size:9px;padding:4px 6px}main{padding:12px 16px;max-width:none;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.workspace{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#586047 transparent}.view-title{margin:0 0 10px;height:32px;min-height:32px}.view-title h1{font-family:inherit;font-size:20px;letter-spacing:.3px;margin:0;font-weight:500}.view-title .eyebrow,.view-title p{display:none}.tag{font-size:9px;padding:3px 6px}.base-grid{height:calc(100% - 42px);grid-template-columns:minmax(0,1fr) 215px;gap:14px}.main-column{display:flex;flex-direction:column;min-height:0}.scene{height:82px;flex:0 0 82px;background-size:100% 365.72%;background-position:left top}.scene-caption{left:14px;bottom:9px}.scene-caption .tag,.scene-caption p{display:none}.scene-caption h2{font-size:20px;margin:0}.scene-weather{font-size:9px;right:9px;top:9px;padding:5px}.section-label{font-size:11px;margin-bottom:9px}.section-label span{font-size:9px}.spaced{margin-top:12px}.building-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-height:0;grid-auto-rows:minmax(112px,1fr)}.building{padding:10px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;grid-template-rows:21px 30px 19px minmax(32px,1fr);column-gap:5px;min-height:112px}.building-heading{display:contents}.building-symbol{font-size:20px;grid-column:1;grid-row:1}.building-heading .tag{grid-column:3;grid-row:1;align-self:start}.building h3{grid-column:2;grid-row:1;font-size:12px;margin:2px 0}.building p{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.4;margin:6px 0 0;min-height:0}.building-detail{grid-column:1/-1;grid-row:3;font-size:9px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-footer{grid-column:1/-1;grid-row:4;padding-top:6px;min-height:0;gap:7px;align-items:center;flex-direction:row}.building-footer button{font-size:10px;padding:5px 8px}.building-footer small{font-size:8px;line-height:1.5}.complete{font-size:10px}aside{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}aside .panel{margin:0;padding:12px}aside .panel:last-child{flex:1;min-height:65px;overflow:hidden}.panel{padding:14px}.task-row{padding:9px 0}.task-row strong{font-size:11px}.task-row small{font-size:9px}.empty{padding:8px 0;font-size:10px}.goal{padding:8px 0;font-size:10px;gap:8px}.goal>span{font-size:9px;width:18px}aside>.panel:nth-child(2)>p{display:none}.logs p{font-size:10px;line-height:1.5;margin:9px 0}.logs span{font-size:8px;display:inline;margin-right:7px}.notice{padding:8px 10px;margin:7px 0;gap:8px;flex:0 0 auto}.notice strong{font-size:11px}.notice p{font-size:10px;line-height:1.4;margin:3px 0 0}.notice button{font-size:10px}.reports{margin:5px 0 9px;max-height:130px;overflow:auto;flex:0 0 auto}.report{padding:8px 10px;margin-bottom:5px;gap:8px}.report strong{font-size:11px}.report small{font-size:9px;margin-top:3px;line-height:1.5}.report button{font-size:10px;padding:5px 8px}.workspace-base:has(.reports) .scene{display:none}.workspace-base .main-column>.section-label{margin-top:10px}.explore-layout{grid-template-columns:minmax(0,1fr) 285px;gap:14px;height:calc(100% - 42px)}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:100%;grid-auto-rows:minmax(145px,1fr)}.area-card{padding:17px;min-height:145px}.area-card h2{font-size:21px;margin:10px 0}.area-card p{font-size:11px;line-height:1.5}.area-meta{font-size:9px;padding-top:10px}.area-number{font-size:55px}.departure{padding:14px;overflow:auto}.departure>.eyebrow,.departure>p:first-of-type{display:none}.departure h2{font-size:18px;margin:0 0 8px}.departure label{font-size:10px;margin:10px 0 5px}select{padding:7px 9px;font-size:11px;height:32px}.brief-stats{margin:12px 0;padding:5px 0}.brief-stats>div{font-size:10px;padding:6px 0}.loot-preview{display:grid;grid-template-columns:1fr 1fr;gap:6px}.loot-preview>div{gap:6px;margin:0;font-size:10px}.loot-preview .item-art{height:28px;width:28px}.loot-preview small{font-size:8px}.departure .muted{font-size:9px;line-height:1.5;margin:9px 0}.departure .primary{font-size:11px;padding:8px}.departure .spaced{margin-top:12px}.workspace-explore:has(.reports) .explore-layout{height:calc(100% - 155px)}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.inventory-item{padding:8px;gap:7px;min-height:51px}.inventory-item .large{width:32px;height:32px}.inventory-item h3{font-size:10px;white-space:nowrap}.inventory-item small{font-size:8px}.inventory-item strong{font-size:15px}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.craft-card{padding:10px;gap:8px;min-height:99px;position:relative}.craft-card .large{height:37px;width:37px}.craft-card h3{font-size:12px;margin:0 0 4px}.craft-card p{font-size:9px;line-height:1.45;margin:0 0 6px}.craft-card small{font-size:8px;line-height:1.4}.craft-card button{font-size:10px;padding:5px 7px}.equipment-list{gap:6px;max-height:55px;overflow:auto}.equipment-pill{padding:5px 9px;gap:7px;font-size:10px}.equipment-pill .item-art{height:28px;width:28px}.equipment-pill small{font-size:8px;margin-top:3px}.equipment-list>p{font-size:10px;margin:3px}.resident-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portrait{height:112px;background-size:400% auto;background-position:calc(var(--character)*100% / 3) 34%}.resident-body{padding:12px}.resident-body h2{font-size:18px;margin:9px 0}.resident-body h2 small{font-size:9px}.resident-body p{min-height:30px;font-size:10px;line-height:1.5;margin:4px 0 9px}.resident-body label{font-size:10px;margin:9px 0 5px}.equipment-slots{gap:6px;margin:10px 0}.equipment-slots>div{padding:7px;gap:5px}.equipment-slots strong{font-size:10px}.equipment-slots small{font-size:8px}.resident-actions{margin-top:8px;gap:2px}.resident-actions button{font-size:9px;padding:4px}.recruit-grid{gap:10px}.recruit{padding:10px 12px}.recruit h3{font-size:12px;margin:0 0 5px}.recruit p{font-size:10px;margin:0;line-height:1.4}.recruit button{font-size:10px;padding:7px}.view-switches,.mobile-tabs{display:flex;gap:6px;margin:0 0 10px}.view-switches button,.mobile-tabs button{font-size:11px;padding:6px 13px}.view-switches .active,.mobile-tabs .active{background:var(--accent);color:var(--bg)}.mobile-tabs,.facility-selector,.resident-selector{display:none}.filters{gap:5px;margin-bottom:12px}.filters button{font-size:10px;padding:5px 10px}.codex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.codex-item{padding:10px;display:flex;align-items:center;gap:9px;min-height:72px}.codex-item .item-art{width:37px;height:37px;margin:0;flex-shrink:0}.codex-item h3{font-size:11px;margin:0 0 6px}.codex-item small{font-size:8px;line-height:1.2}.codex-item .text-button{margin-left:auto;font-size:9px;padding:5px}.blueprint-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.blueprint-grid .panel{padding:15px}.blueprint-grid .panel h3{font-size:13px}.blueprint-grid .panel p{font-size:11px;line-height:1.5}.blueprint-grid .panel small{font-size:9px;margin-bottom:11px}.blueprint-grid button{font-size:10px}footer{padding:4px 20px;font-size:9px;gap:16px;align-items:center}footer small{font-size:9px}footer span{font-size:9px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;max-width:min(430px,90vw);padding:22px}dialog::backdrop{background:#0009}dialog form{display:flex;justify-content:flex-end}dialog form button{font-size:11px}dialog .item-art{margin:5px auto 15px}dialog p{font-size:12px}dialog h2{font-size:20px}
@media(max-width:1150px) and (min-width:701px){.building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.codex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resident-grid{gap:8px}.resident-body{padding:9px}.resident-body h2{gap:6px}.resident-body h2 small{font-size:8px}.base-grid{grid-template-columns:minmax(0,1fr) 195px}.craft-card .large{height:30px;width:30px}.craft-card{gap:6px;padding:8px}.scene{height:66px;flex-basis:66px}}
@media(max-height:730px) and (min-width:701px){.scene{height:66px;flex-basis:66px}.portrait{height:90px}.resident-body p{min-height:26px;font-size:9px}.resident-body label{margin-top:7px}.building-grid{grid-auto-rows:minmax(108px,1fr)}.recruit{padding:8px 10px}.workspace-explore:has(.reports) .area-card{min-height:120px}.logs p:nth-child(n+4){display:none}}
@media(max-width:700px){#app{grid-template-rows:48px 76px minmax(0,1fr) 20px}.shell{display:flex;flex-direction:column}header{padding:0 12px}.brand{font-size:16px}.brand small{font-size:6px}.brand-mark{font-size:24px}.header-tools{gap:2px}.header-tools button{font-size:9px;padding:4px 5px}.header-meta{display:none}.resource-bar{padding:5px 12px;grid-template-columns:1fr 1fr;gap:5px 14px}.resource .item-art{width:23px;height:23px}.resource-symbol{font-size:20px;width:23px}.resource small{font-size:8px;margin:0}.resource strong{font-size:14px}.resource strong span{font-size:8px}.resource{gap:6px}.resource .rate{display:block;font-size:9px}nav{padding:5px 7px;flex-shrink:0;position:static;border-right:0;border-bottom:1px solid var(--line)}nav>div:first-child{flex-direction:row;gap:2px;justify-content:space-around}nav button{padding:5px 8px;font-size:9px;gap:2px;flex-direction:column}nav button span{font-size:17px;width:auto}nav button.active{box-shadow:inset 0 -2px var(--accent)}nav button b{display:none}.nav-bottom{padding:5px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.nav-bottom .eyebrow,.nav-bottom p,.nav-bottom>.text-button{display:none}.nav-materials{width:100%;display:flex;justify-content:space-between;margin:0 3px;gap:6px}.nav-materials div{font-size:8px;gap:4px}.nav-materials strong{font-size:8px}.speed-panel{display:flex;align-items:center;gap:7px;width:auto;margin:0}.speed-panel label{font-size:9px;margin:0}.speed-panel label span{display:none}.speed-control button{font-size:9px;padding:4px 7px}.nav-bottom>.outline{width:auto;font-size:9px;padding:4px 7px}main{padding:10px 12px;flex:1;min-height:0;height:auto}.view-title{height:28px;min-height:28px;margin-bottom:8px}.view-title h1{font-size:17px}.view-title .tag{display:none}.base-grid{height:calc(100% - 36px);display:flex;flex-direction:column;gap:10px}.scene{display:none}.facility-selector,.resident-selector{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-shrink:0}.facility-selector label,.resident-selector label{font-size:10px;color:var(--muted);white-space:nowrap}.facility-selector select,.resident-selector select{flex:1;height:30px;padding:5px 8px}.building-grid{display:block;flex:0 0 auto}.building{display:none;min-height:142px;grid-template-rows:24px 32px 21px 45px;padding:12px}.building.selected-facility{display:grid}.building h3{font-size:14px}.building p{font-size:11px}.building-detail{font-size:10px}.building-footer{flex-direction:row}.building-footer button{font-size:11px;padding:7px 12px}.building-footer small{font-size:10px}.main-column{flex:0 0 auto}.base-grid aside{display:block;flex:1;min-height:0}.base-grid aside>.panel{padding:10px}.base-grid aside>.panel:nth-child(n+2){display:none}.base-grid .section-label.spaced{display:none}.notice,.report{flex-direction:row;align-items:center}.notice{padding:7px 9px}.notice p{font-size:9px}.notice strong{font-size:10px}.notice button{font-size:9px;white-space:nowrap}.reports{max-height:100px;margin:5px 0 8px}.report{padding:7px;gap:5px}.report-actions{width:auto;flex-shrink:0}.report strong{font-size:10px}.report small{font-size:8px}.report button{font-size:9px;padding:5px}.report-actions .text-button{display:none}.explore-layout{display:flex;flex-direction:column;height:auto;gap:9px}.area-grid{grid-template-columns:1fr 1fr;gap:6px;height:auto}.area-card{min-height:57px;padding:9px;gap:3px}.area-card .eyebrow,.area-card p,.area-number{display:none}.area-card h2{font-size:13px;margin:0}.area-meta{padding:0;border:0;flex-direction:row;font-size:8px;gap:4px}.area-meta span:last-child{display:none}.departure{padding:11px;overflow:visible}.departure h2,.departure>.eyebrow,.departure>p{display:none}.departure label{display:inline-block;width:70px;margin:5px 0;font-size:10px}.departure select{display:inline-block;width:calc(100% - 75px);height:29px;margin-bottom:5px}.brief-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 13px;margin:7px 0;padding:4px 0}.brief-stats>div{font-size:9px;padding:4px 0}.loot-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.loot-preview .item-art{height:23px;width:23px}.loot-preview>div{font-size:9px;gap:4px}.loot-preview small{font-size:7px}.departure>.primary{margin-top:10px;font-size:11px;padding:8px}.departure .spaced{margin-top:10px}.departure .task-row{padding:6px 0}.workspace-explore:has(.reports) .explore-layout{height:auto}.mobile-tabs{display:flex;margin-bottom:10px}.mobile-tabs button{padding:6px 12px;font-size:10px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inventory-item{padding:9px;min-height:47px;gap:7px}.inventory-item .large{height:30px;width:30px}.inventory-item h3{font-size:10px}.inventory-item small{font-size:8px}.inventory-item strong{font-size:15px}.craft-grid{grid-template-columns:1fr;gap:6px}.craft-card{padding:9px;min-height:61px;gap:8px}.craft-card .large{height:33px;width:33px}.craft-card h3{font-size:11px;margin-bottom:3px}.craft-card p{display:none}.craft-card small{font-size:9px}.craft-card button{font-size:10px;padding:6px 8px}.equipment-list{max-height:none;display:grid;grid-template-columns:1fr 1fr}.workspace-inventory[data-mode=stock] .craft-label,.workspace-inventory[data-mode=stock] .craft-grid,.workspace-inventory[data-mode=stock] .equipment-label,.workspace-inventory[data-mode=stock] .equipment-list,.workspace-inventory[data-mode=craft] .stock-label,.workspace-inventory[data-mode=craft] .inventory-grid,.workspace-inventory[data-mode=craft] .equipment-label,.workspace-inventory[data-mode=craft] .equipment-list,.workspace-inventory[data-mode=equipment] .stock-label,.workspace-inventory[data-mode=equipment] .inventory-grid,.workspace-inventory[data-mode=equipment] .craft-label,.workspace-inventory[data-mode=equipment] .craft-grid{display:none}.craft-label,.equipment-label{margin-top:0}.resident-grid{display:block}.resident-card{display:none}.resident-card.selected-person{display:block}.portrait{height:62px;background-size:400% auto;background-position:calc(var(--character)*100% / 3) 34%}.resident-body{padding:10px 12px}.resident-body h2{font-size:17px;margin:6px 0}.resident-body>.tag{float:right;margin-top:4px}.resident-body p{font-size:9px;min-height:0;margin:3px 0 6px}.resident-body label{font-size:9px;margin:7px 0 4px}.resident-body select{height:29px;font-size:10px}.equipment-slots{margin:8px 0;gap:8px}.equipment-slots>div{padding:7px}.equipment-slots strong{font-size:10px}.equipment-slots button{padding:0;font-size:9px}.resident-actions{margin-top:6px}.workspace-residents[data-mode=roster] .recruit-label,.workspace-residents[data-mode=roster] .recruit-grid,.workspace-residents[data-mode=recruit] .resident-selector,.workspace-residents[data-mode=recruit] .resident-grid{display:none}.recruit-label{margin-top:0}.recruit-grid{grid-template-columns:1fr}.recruit p{font-size:10px}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.codex-item{padding:7px;min-height:62px;gap:5px;flex-wrap:wrap}.codex-item .item-art{width:24px;height:24px}.codex-item>div:nth-child(2){flex:1;min-width:0}.codex-item h3{font-size:9px;margin:0 0 3px}.codex-item small{font-size:7px}.codex-item .text-button{font-size:8px;padding:0;margin:0 0 0 auto}.filters{gap:4px;margin-bottom:8px}.filters button{font-size:9px;padding:4px 7px}.view-switches{gap:5px;margin-bottom:8px}.view-switches button{font-size:10px;padding:5px 10px}.blueprint-grid{grid-template-columns:1fr 1fr;gap:7px}.blueprint-grid .panel{padding:10px}.blueprint-grid .panel h3{font-size:12px;margin:8px 0}.blueprint-grid .panel p{font-size:10px;margin:0 0 7px;line-height:1.4}.blueprint-grid .panel small{font-size:8px;margin-bottom:8px}.blueprint-grid .panel button{font-size:9px;padding:5px 7px}.blueprint-grid .tag{font-size:8px}.section-label{font-size:10px}footer{padding:3px 12px;font-size:8px}footer span{display:none}footer small{font-size:8px}}

@media(max-width:700px){.resource-bar{grid-template-rows:1fr 1fr;align-items:center}.resource{height:30px}.resource strong{line-height:16px}.resource small{line-height:10px}.portrait{background-position:calc(var(--character)*100% / 3) 32%}}

.return-hub{font-size:11px;color:var(--muted);margin-right:6px}@media(max-width:700px){.return-hub{font-size:8px;margin-right:2px}.header-tools button{font-size:8px;padding:4px}.brand{gap:7px;font-size:15px}.brand-mark{font-size:22px}}