/* Ver 2.0: a compact management workspace. Scenery keeps the existing art. */
:root{--ink:#213e3b;--ink-soft:#5a706a;--deep:#234942;--teal:#276c5c;--mint:#e3eee6;--paper:#fffdf7;--line:#d5ded1;--bg:#edf0e6;--gold:#ca9c45;--shadow:0 3px 12px #273d3510;font-size:14px}
*{scrollbar-width:thin;scrollbar-color:#abbcaf transparent}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
body{overflow:hidden;margin:0}button,input,select{font:inherit}button:disabled{opacity:.55}.environment{height:100dvh;min-height:0;display:flex;flex-direction:column}h1{font-size:25px;line-height:1.4;letter-spacing:.01em}h2{font-size:18px}h3{font-size:14px}p{line-height:1.65}small{font-size:12px}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:4px}.primary,.soft-button{border-radius:7px;font-size:13px;min-height:40px;padding:9px 12px;box-shadow:none}.primary{background:var(--teal);border-color:var(--teal)}.text-button{font-size:12px}.white-panel{padding:18px;border:1px solid var(--line);border-radius:10px;box-shadow:none;margin-bottom:16px}select{min-height:40px;border:1px solid #b5c5b7;border-radius:6px;background:#fffef9;width:100%;padding:8px 28px 8px 10px;color:var(--ink)}.chip{padding:6px 10px;font-size:12px}.muted{font-size:12px}.section-heading{min-height:0;margin:0 0 15px;align-items:center}.screen-instruction{font-size:12px;color:var(--ink-soft);margin:4px 0 0}.section-heading p{margin:4px 0 0}.full-section{grid-column:1/-1;min-width:0}.table-scroll{overflow:auto}.table-scroll table{width:100%}
/* Header / resources */
.environment .topbar{min-height:72px;flex:0 0 auto;display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(190px,1.1fr) auto;gap:18px;padding:10px 20px;border-bottom:1px solid var(--line);height:auto;z-index:15}.brand{font-size:24px;gap:10px}.brand-mark{width:34px;height:34px;font-size:23px;outline:none}.brand small{font-size:10px;letter-spacing:.02em;margin-top:3px}.brand small b{font-weight:500;color:var(--ink-soft);margin-left:6px}.day-number{font-size:32px}.day-display{gap:9px;font-size:12px}.day-display small{font-size:10px}.day-display b{margin-left:6px}.header-actions{gap:8px}.header-actions .soft-button{min-height:34px;padding:6px 12px}.icon-button{font-size:12px}.weather-summary{position:relative;min-width:0}.weather-summary summary{display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none}.weather-summary summary>span:nth-child(2){flex:1}.weather-symbol{font-size:25px}.weather-summary small{display:block;font-size:11px;color:var(--ink-soft)}.weather-summary .weather-effects{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-width:80vw;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:14px;box-shadow:0 10px 25px #1d3a3525;font-size:12px;z-index:20}.weather-effects small{font-size:12px;margin-top:8px}.resourcebar{min-height:40px;padding:0 20px;background:#e2e8d9;flex:0 0 auto;gap:0}.resource{padding:6px 18px;flex:0 1 auto;gap:8px;font-size:12px;border-color:#cbd6c2}.resource:first-child{padding-left:0}.resource strong{font:700 17px system-ui;margin-left:3px}.res-icon{font-size:16px}.rescue-small{display:flex;align-items:center;gap:9px;margin-left:auto;min-width:0;padding-left:15px;font-size:12px}.rescue-small strong{font-size:15px}.rescue-small .mini-track{width:65px}
/* Navigation and independent main scrolling keep controls on screen. */
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:160px minmax(0,1fr);width:100%;max-width:none;margin:0}.sidenav{padding:17px 10px;align-items:stretch;gap:5px;min-height:0;overflow-y:auto;background:#294c43}.nav-caption{padding:3px 9px 14px;color:#a8c6b6;font-size:10px;letter-spacing:.12em}.nav-item{min-height:42px;width:100%;flex-direction:row;justify-content:flex-start;padding:10px;gap:12px;border-radius:7px}.nav-item span{font-size:20px;width:24px;text-align:center}.nav-item b{font-size:12px;white-space:nowrap}.nav-item.active{box-shadow:none;background:#e9eed8;color:#254937}.nav-bottom{padding-top:20px;opacity:1;gap:3px;margin-top:auto;font-size:11px;color:#b9cdbc}.nav-bottom .text-button{text-align:center;color:#b9cdbc;font-size:11px}.environment .workspace main{height:100%;min-height:0;max-width:none;min-width:0;width:100%;margin:0;overflow-y:auto;overflow-x:hidden;padding:14px 20px 28px;scroll-padding-top:12px}.attention-bar{display:flex;align-items:center;gap:14px;line-height:1.5;border:1px solid #cbd9c5;background:#f7faf0;border-radius:7px;padding:8px 12px;margin:0 0 16px;font-size:11px}.attention-bar>span{flex-shrink:0;font-weight:700}.attention-bar>div{display:flex;flex-wrap:wrap;gap:4px 12px}.attention-bar.has-alerts{border-color:#dbc391;background:#fff6df;color:#6e541d}.attention-link{padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.content-grid{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.content-grid.view-map{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.content-grid.view-camp{grid-template-columns:minmax(0,1fr)}
/* Exploration */
.exploration-main{min-width:0}.view-map .map-section{grid-row:auto}.view-map .map-frame{aspect-ratio:3/2;max-height:none;width:100%;border-width:3px;border-radius:11px;box-shadow:var(--shadow)}.map-caption small{display:none}.map-caption{top:3%;left:3%}.map-caption span{font-size:10px}.map-bottom{font-size:11px;padding:8px 0;gap:8px;align-items:center}.map-bottom>span{padding:0}.map-bottom .text-button{font-size:11px}.map-key{font-size:9px;bottom:3%}.weather-note{font-size:9px;bottom:3%}.pin-name{font-size:10px;padding:3px 6px}.island-forecast{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fffdf5;margin:0 0 10px;font-size:11px}.island-forecast>div{display:flex;flex-direction:column;gap:2px;flex:1;padding:0 8px;border-left:1px solid var(--line)}.island-forecast .forecast-label{font-size:10px;color:var(--ink-soft)}.island-forecast .current{color:var(--teal);background:none}.island-forecast small{font-size:10px}.island-forecast details{position:relative}.island-forecast summary{font-size:10px;cursor:pointer}.island-forecast details p{position:absolute;top:18px;right:0;background:var(--paper);width:220px;padding:12px;border:1px solid var(--line);border-radius:7px;z-index:10;font-size:11px}.nui-suggestions{margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.nui-suggestions summary{padding:10px 12px;font-size:12px}.nui-suggestions>div{display:grid;grid-template-columns:1fr}.nui-suggestions article{padding:12px}.nui-suggestions p{font-size:12px}.view-map>.inspector{position:sticky;top:0;padding:16px;min-width:0;margin:0;background:#fffdf7;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.inspector-top .eyebrow{font-size:9px}.inspector .danger{font-size:10px}.inspector h2{font-size:19px;margin:8px 0 3px}.place-sub{font-size:11px;margin-bottom:12px}.char-picker{gap:5px;margin:8px 0}.char-picker>button{min-width:0;padding:5px 2px;border-radius:7px;background:#f0f2e8;border:1px solid transparent}.char-picker>button.selected{background:#e4f0df;border-color:var(--teal)}.char-picker .nui{width:34px;height:42px;max-height:42px;display:block;margin:auto}.char-picker span{font-size:10px}.char-picker small{font-size:10px}.assignment-talent{display:flex;flex-wrap:wrap;gap:3px 8px;border-bottom:1px solid var(--line);padding:5px 0 10px;margin-bottom:12px}.assignment-talent b{font-size:12px}.assignment-talent small{font-size:10px;color:var(--ink-soft)}.assignment-talent .text-button{font-size:10px;padding:0;text-decoration:underline}.action-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.action-heading h3{font-size:13px;margin:0}.action-heading>span{font-size:11px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.action-tile{min-height:38px;border:1px solid #d7dfce;background:#f2f3e9;border-radius:6px;font-size:11px;padding:7px 3px;display:flex;align-items:center;justify-content:center;gap:4px}.action-tile.selected{background:#276c5c;color:white;border-color:#276c5c}.action-tile:hover:not(:disabled){box-shadow:0 0 0 2px #7cae9850}.action-tile>span{font-size:13px}.inspector .field-label{font-size:11px;margin:10px 0 5px}.inspector .action-help{font-size:11px;line-height:1.6;margin:9px 0}.inspector .muted{font-size:10px}.plan-estimate{background:#edf3e8;border-radius:6px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;font-size:11px;margin:8px 0}.plan-estimate>b{font-size:10px;color:var(--ink-soft)}.plan-estimate small{font-size:10px;color:var(--ink-soft)}.estimate-warning{color:#a34c37}.assign-confirm{margin-top:10px}.assign-confirm .primary{font-size:13px;min-height:42px}.assign-confirm .assigned{font-size:10px;text-align:center;margin:7px 0 13px}.destination-details{border-top:1px solid var(--line);padding-top:10px}.destination-details summary{font-size:11px;font-weight:700;cursor:pointer}.destination-details summary>span{font-weight:400;font-size:10px;margin-left:6px}.loot-row{margin:8px 0;display:flex;flex-wrap:wrap;gap:5px}.loot-row>span{flex:1 1 65px;min-width:65px;padding:7px;font-size:10px;border-radius:5px;background:#eff1e7}.loot-row b{font-size:11px;margin-top:2px}.loot-row small{font-size:9px}.destination-details .description{font-size:11px;margin-bottom:0}.assigned-avatars{font-size:10px;margin-top:10px;gap:8px;align-items:center}.assigned-avatars .assigned-crew .nui{width:27px;height:34px}.assigned-avatars .assigned-crew{gap:5px}.mobile-locations{display:none}.costs{gap:5px}.cost{font-size:10px;padding:6px 8px;line-height:1.5;border-radius:5px}.cost-count{font-size:10px}.cost.short{background:#fff0e8;color:#a0412b}.panel-divider{margin:15px 0}
/* Compact time controls and three permanent, numeric-only character summaries. */
.phasebar{position:relative;bottom:auto;left:auto;right:auto;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:7px 18px;padding:8px 20px;background:#fffdf5;border-top:1px solid #bdcbb6;backdrop-filter:none;z-index:12;max-height:none;box-shadow:0 -3px 12px #203e3010}.phase-track{grid-column:1;grid-row:1;gap:18px;font-size:11px}.phase-track>span{gap:5px;padding:0;font-size:11px;opacity:1;color:#728277}.phase-track>span.current{color:#286447;font-weight:800}.phase-track i{font-size:14px}.phase-note{grid-column:2;grid-row:1;text-align:right;display:block}.phase-note strong{font-size:11px}.phase-note small{font-size:9px;display:none}.phasebar>.advance{grid-column:2;grid-row:2!important;min-width:176px;min-height:55px;font-size:13px;padding:10px 16px;align-self:stretch}.order-crew{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;min-width:0}.order-nui{position:relative;padding:6px 9px;min-height:66px;height:auto;background:#edf1e5;border:1px solid #d9e0d0;border-radius:7px;display:flex;align-items:center;flex-direction:row;gap:8px;touch-action:manipulation;cursor:pointer}.order-nui:hover{border-color:#85a88e;background:#e4edde}.order-nui .nui{width:34px;min-width:34px;flex:0 0 34px;height:46px;align-self:center}.order-nui>span{min-width:0;flex:1}.order-nui b{font-size:11px;line-height:1.4}.order-nui .order-work{display:block;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden!important;max-height:none;line-height:1.5}.order-stats{display:grid;grid-template-columns:repeat(4,max-content);gap:2px 7px;margin-top:4px;font-size:9px;line-height:1.4}.order-stats>span{white-space:nowrap}.order-stats strong{font-size:11px;font-weight:700}.order-nui:focus-visible{outline-offset:1px}
/* Camp sections and status pages */
.section-tabs{display:flex;gap:4px;padding:4px;background:#dfe7d8;border-radius:8px;margin-bottom:16px;width:max-content;max-width:100%;overflow-x:auto}.section-tabs button{min-height:37px;padding:8px 18px;border-radius:5px;font-size:12px;white-space:nowrap;flex-shrink:0}.section-tabs button.selected{background:#fffdf6;color:#215842;box-shadow:0 2px 5px #1e3b2510;font-weight:700}.camp-life-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:20px;align-items:start}.camp-life-layout>div{min-width:0}.camp-art-frame{border-radius:11px;border:3px solid var(--paper);box-shadow:var(--shadow);margin-bottom:12px}.camp-actions{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0}.camp-actions h2{font-size:16px;margin-bottom:7px}.camp-actions p{font-size:11px;margin-bottom:10px}.evening-shortcuts{gap:5px;flex-wrap:wrap;margin-bottom:10px}.evening-shortcuts button{font-size:10px;min-height:32px;padding:6px 8px}.chore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chore-button{padding:12px 9px;min-height:94px;border:1px solid var(--line);border-radius:7px;background:#f4f5ea;gap:4px}.chore-button>span:first-child{font-size:20px}.chore-button strong{font-size:12px}.chore-button small{font-size:10px}.chore-button .cost{background:none;padding:1px;font-size:9px}.chore-button .cost-count{font-size:9px}.camp-conversation{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.camp-conversation summary{font-size:12px;cursor:pointer}.camp-conversation .white-panel{margin:10px 0;border:0;padding:5px}.camp-conversation .meter-row{margin-top:9px}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.build-card{padding:16px;border:1px solid var(--line);box-shadow:none;border-radius:9px}.build-card p{font-size:12px}.build-icon{font-size:24px}.build-card h3{font-size:16px}.build-progress{font-size:12px}.night-prep-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.night-prep-layout aside{min-width:0}.night-prep-layout aside .white-panel p{font-size:12px}.night-prep-art .night-scene{min-height:300px}.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.animal-card{padding:12px;flex-direction:column}.animal-card .scene-sprite{width:90px;height:90px;align-self:center}.animal-card h3{font-size:15px}.animal-card small{font-size:11px}.status-roster,.specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.status-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--character-accent);border-radius:10px;padding:16px;min-width:0;display:flex;flex-direction:column}.status-card.focused{box-shadow:0 0 0 2px #9eb99c50}.status-identity{display:flex;align-items:center;gap:12px;margin-bottom:10px}.status-identity>.nui{height:92px;width:70px;flex:0 0 70px}.status-identity small{font-size:10px;color:var(--ink-soft)}.status-identity h2{font-size:18px;margin:5px 0}.status-identity span{font-size:10px}.status-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:10px;padding:4px 6px}.status-card .main-vitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.meter-label{font-size:12px;margin-bottom:5px}.meter-label strong{font-size:13px}.meter-label strong small{font-size:9px}.meter{height:6px}.status-talent{margin:15px 0 10px;padding:12px;background:#f0f2e7;border-radius:7px}.status-talent b{font-size:13px}.status-talent p{font-size:11px;margin:6px 0 0}.condition-item{padding:10px;border-radius:7px}.condition-item p{font-size:11px}.condition-item h4{font-size:12px}.status-equipment{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.status-equipment h3{font-size:12px}.status-equipment h3 small{font-size:10px;float:right}.status-equipment p{display:flex;justify-content:space-between;gap:6px;font-size:11px;margin:5px 0}.status-equipment p>span{color:var(--ink-soft)}.status-actions{margin-top:auto;display:flex;gap:6px;padding-top:15px}.status-actions button{font-size:11px;flex:1}.skills-table{border-collapse:collapse}.skills-table caption{text-align:left;color:var(--ink-soft);font-size:12px;padding-bottom:14px}.skills-table th,.skills-table td{padding:12px;text-align:center;border-bottom:1px solid var(--line);font-size:13px}.skills-table th:first-child{text-align:left}.skills-table .nui{width:40px;height:48px;display:block;margin:0 auto 6px}.skills-table td b{display:block;font-size:11px;margin-top:4px}.skills-table .best-skill{background:#e7efda;color:#3b6b3c}.skills-table td span{letter-spacing:.12em;color:#a68335}.status-history{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-history article{border-bottom:1px solid var(--line);padding:10px 0}.status-history article p{font-size:12px;margin:5px 0}.status-history .meter-row{margin:14px 0}.status-history .recent-job{font-size:12px}.specialty-grid .white-panel p{font-size:12px}.status-hub .conversation-card{max-width:none}
/* Lists: fewer oversized decorative cards, clearer costs. */
.storage-overview{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.item{padding:12px;min-height:66px;border-radius:7px}.item-icon{font-size:21px}.item>span:nth-child(2){font-size:12px}.item strong{font-size:18px}.item small{font-size:10px}.pocket-title .nui{width:45px;height:58px}.pocket-title h2{font-size:15px}.pockets .white-panel{padding:14px}.gear-row{font-size:11px}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.craft-card{padding:14px;border-radius:8px;border:1px solid var(--line);box-shadow:none;background:#f7f7ef;display:flex;flex-direction:column}.craft-card h3{font-size:14px}.craft-card p{font-size:11px;min-height:34px}.craft-card button{margin-top:auto}.craft-card>.costs{margin:10px 0}.craft-equipment{gap:12px}.craft-equipment .white-panel{padding:14px}.craft-equipment .equipment-selects{gap:6px}.craft-equipment label{font-size:11px}.craft-equipment select{font-size:12px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-grid article{padding:14px;border-radius:8px}.project-art{height:85px!important;width:100%!important}.project-grid h3{font-size:14px}.project-grid p{font-size:11px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.route-card{padding:18px;border-radius:10px}.route-card p{font-size:12px}.route-card li{padding:10px 0}.guide-grid{gap:16px}.guide-grid p,.guide-grid dd{font-size:13px}.guide-steps p{font-size:12px}.rules-list dt{font-size:13px}.journal-entry{font-size:13px}dialog{max-height:88dvh;border-radius:12px}.dialog-header{padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.dialog-header h2{font-size:18px}.dialog-content{padding:18px 20px}.dialog-content p{font-size:13px}.close-button{height:34px;width:34px}.dialog-content .primary{min-height:42px}.choice-button,.night-option{padding:14px;border-radius:8px}.choice-button small,.night-option small{font-size:12px}#toast{bottom:142px;max-width:80vw;font-size:13px}
@media(min-width:1450px){.workspace{grid-template-columns:176px minmax(0,1fr)}.environment .workspace main{padding:18px 28px 30px}.content-grid.view-map{grid-template-columns:minmax(0,1fr) 350px}.order-stats{font-size:10px;gap:9px}.order-nui b{font-size:12px}.order-nui .order-work{font-size:11px}}
@media(max-width:1150px){.workspace{grid-template-columns:138px minmax(0,1fr)}.nav-item{gap:7px;padding:9px 7px}.nav-item b{font-size:11px}.environment .topbar{gap:12px;grid-template-columns:minmax(160px,1fr) auto minmax(170px,1fr) auto}.header-actions .icon-button{display:none}.content-grid.view-map{grid-template-columns:minmax(0,1fr) 275px;gap:12px}.environment .workspace main{padding:12px 14px 24px}.view-map>.inspector{padding:12px}.island-forecast{gap:5px}.forecast-label{display:none}.map-bottom .text-button{display:none}.order-stats{grid-template-columns:repeat(2,max-content);gap:1px 10px}.phasebar>.advance{min-width:150px}.order-nui{gap:6px;padding:5px 7px}.status-roster{grid-template-columns:1fr}.status-card{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px;align-items:start}.status-identity{grid-column:1;grid-row:1/3}.status-tags{grid-column:2}.status-card .main-vitals{grid-column:2;grid-row:2}.status-talent{grid-column:3;grid-row:1/3;margin:0}.status-card .condition-list{grid-column:1/-1}.status-equipment{grid-column:1/3;margin:0}.status-actions{grid-column:3;align-self:end}.camp-life-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.night-prep-layout{grid-template-columns:minmax(0,1fr) 300px}.craft-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.environment .topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.day-display{grid-column:2}.weather-summary{grid-row:2;grid-column:1/-1}.weather-summary summary{font-size:12px}.weather-summary .weather-symbol{font-size:19px}.weather-summary small{display:inline;margin-left:12px;font-size:11px}.weather-summary .weather-effects{right:auto;left:0}.brand{font-size:22px}.resourcebar{padding:0 12px;overflow-x:auto;gap:0}.resource{padding:6px 12px;font-size:11px}.rescue-small .mini-track{display:none}.content-grid.view-map{grid-template-columns:1fr}.view-map>.inspector{position:static;grid-row:auto}.view-map .map-frame{max-width:800px;margin:auto}.view-map .char-picker{max-width:400px}.view-map .action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.assigned-avatars{display:none}.camp-life-layout,.night-prep-layout{grid-template-columns:1fr}.camp-actions{display:block}.chore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storage-overview{grid-template-columns:1fr}.pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pockets .pocket-title{display:block}.pockets .pocket-title h2{font-size:13px}.craft-equipment{grid-template-columns:1fr}.craft-equipment .equipment-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phasebar{gap:6px 10px;padding:7px 12px}.phasebar>.advance{min-width:120px;font-size:11px;padding:7px}.order-nui .nui{width:24px;min-width:24px;flex-basis:24px;height:38px}.order-stats{font-size:9px;gap:2px 6px}.order-nui b{font-size:10px}.phase-track{gap:10px}.phase-note strong{font-size:10px}.attention-bar{display:block}.attention-bar>div{margin-top:3px}}
@media(max-width:650px){body{overflow:hidden}.environment .topbar{padding:8px 12px;gap:7px 10px;min-height:0}.brand{font-size:19px;gap:6px}.brand-mark{width:26px;height:26px;font-size:19px;border-width:1px}.brand small{font-size:8px}.brand small b{font-size:9px}.day-number{font-size:26px}.day-display{gap:4px}.day-display span:nth-child(2){font-size:10px}.day-display small{font-size:8px}.header-actions{gap:5px}.header-actions .round-button{display:none}.header-actions .soft-button{min-height:30px;font-size:11px;padding:5px 8px}.weather-summary small{font-size:10px;margin-left:5px}.weather-summary .weather-symbol{font-size:17px}.resourcebar{min-height:34px;padding:0 10px}.resource{font-size:10px;gap:5px;padding:5px 9px;flex:0 0 auto}.resource strong{font-size:13px}.resource .res-icon{font-size:12px}.rescue-small{font-size:10px;flex:0 0 auto;padding-right:10px;gap:5px}.rescue-small strong{font-size:12px}.workspace{display:flex;flex-direction:column;min-height:0}.sidenav{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:5px 8px;gap:4px;min-height:44px;align-items:center}.nav-caption,.nav-bottom{display:none}.nav-item{min-height:32px;width:auto;flex:0 0 auto;gap:5px;padding:7px 9px;border-radius:5px;flex-direction:row}.nav-item span{font-size:14px;width:auto}.nav-item b{font-size:11px}.environment .workspace main{padding:10px 12px 20px;flex:1;height:auto;min-height:0}.attention-bar{font-size:10px;padding:7px 9px;margin-bottom:12px}.attention-link{font-size:10px}.section-heading{margin-bottom:12px;gap:8px}.section-heading .eyebrow{display:none}h1{font-size:21px}.screen-instruction{font-size:11px}.chip{font-size:10px;padding:5px 7px}.island-forecast{padding:7px;gap:8px;font-size:10px}.island-forecast small{font-size:9px}.view-map .map-frame{aspect-ratio:3/2}.map-caption{display:none}.map-key{display:none}.weather-note{display:none}.map-bottom{font-size:10px;padding:7px 0}.mobile-locations{display:flex;overflow:auto;padding:8px 0;gap:5px;flex-wrap:nowrap}.mobile-locations button{white-space:nowrap;flex:0 0 auto;font-size:10px;min-height:32px;padding:6px 10px;background:#f6f7eb;border:1px solid var(--line);border-radius:5px}.mobile-locations button.selected{background:var(--teal);color:white}.pin-name{font-size:8px;padding:2px 4px}.pin-dot{width:13px;height:13px;border-width:2px}.view-map .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-tile{min-height:40px;font-size:12px}.char-picker>button{min-height:54px;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:5px;gap:2px}.char-picker .nui{grid-row:1/3;width:30px;height:38px}.char-picker span,.char-picker small{font-size:10px}.section-tabs{width:100%;padding:3px;gap:2px}.section-tabs button{padding:8px 10px;font-size:11px;flex:1;min-height:35px}.status-card{display:flex;padding:14px;gap:0}.status-identity .nui{height:80px}.status-card .main-vitals{width:100%}.status-talent{margin:14px 0;width:100%}.status-card .condition-list{width:100%}.status-equipment{width:100%;margin:10px 0}.status-actions{width:100%;align-self:auto}.skills-table th,.skills-table td{padding:10px 5px;font-size:11px}.skills-table td span{letter-spacing:0;font-size:10px}.skills-table th:first-child{min-width:50px}.skills-table .nui{width:28px;height:36px}.specialty-grid,.status-history{grid-template-columns:1fr;gap:0}.chore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-stage h2{font-size:16px}.camp-stage p{display:none}.build-grid,.animal-grid{grid-template-columns:1fr}.animal-card{flex-direction:row}.animal-card .scene-sprite{width:70px;height:80px;flex-shrink:0}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pockets{grid-template-columns:1fr}.pockets .pocket-title{display:flex}.craft-grid,.project-grid,.route-grid{grid-template-columns:1fr}.craft-equipment .equipment-selects{grid-template-columns:1fr}.craft-card p{min-height:0}.guide-grid{grid-template-columns:1fr}.phasebar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px;padding:6px 8px;max-height:none;overflow:visible;flex:0 0 auto}.phase-track{grid-column:1;grid-row:1;gap:12px;font-size:10px}.phase-track>span{font-size:10px;gap:3px}.phase-track i{font-size:12px}.phase-note{display:none}.phasebar>.advance{grid-row:1!important;grid-column:2;min-height:31px;min-width:0;font-size:10px;padding:6px 8px;max-width:146px}.order-crew{grid-column:1/-1;grid-row:2;gap:5px}.order-nui{min-height:73px;display:flex;flex-direction:row;align-items:center;gap:4px;padding:5px;overflow:hidden}.order-nui .nui{width:24px;min-width:24px;height:33px;flex:0 0 24px}.order-nui>span{min-width:0;width:auto;flex:1}.order-nui b{font-size:9px;white-space:nowrap;letter-spacing:-.02em}.order-nui .order-work{font-size:8px;line-height:1.5}.order-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;font-size:8px}.order-stats strong{font-size:9px}.order-stats>span{display:flex;justify-content:space-between;gap:2px}.order-stats>span:nth-child(2),.order-stats>span:nth-child(4){letter-spacing:-.06em}dialog{width:calc(100vw - 20px);max-width:none;max-height:90dvh}.dialog-content{padding:14px}.dialog-header{padding:12px 14px}.dialog-header h2{font-size:16px}#toast{bottom:125px;font-size:12px}}
@media(max-width:380px){.brand small{display:none}.order-nui .nui{display:none}.order-nui{padding:5px 7px}.phase-track{gap:8px}.nav-item{padding:7px}.phasebar>.advance{font-size:9px}.status-identity h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.storage-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.storage-controls>.soft-button{font-size:11px;min-height:40px}.storage-controls .selected{background:#dfebd6;border-color:#6d9974}.storage-hub .item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-card>.care-advice{grid-column:1/-1}.status-card>.care-advice .condition-item{display:block}.status-card>.care-advice .remedy-button{margin-top:7px}.camp-hub .build-grid{margin-top:12px}.camp-hub .section-heading.small{margin-top:4px}.camp-art-frame .camp-stage h2{font-size:20px}.camp-art-frame .camp-stage p{font-size:10px}.phasebar .order-nui{touch-action:none}
@media(max-width:900px){.storage-hub .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.storage-controls{display:block}.storage-controls>.soft-button{margin-bottom:12px;min-height:32px}.storage-hub .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-art-frame .camp-stage h2{font-size:15px}}

.craft-actor-picker{margin:16px 0;padding:16px;border:2px solid #287d89;border-radius:12px;background:#f1fbff}.craft-actor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.craft-actor-options .craft-actor{display:flex;align-items:center;gap:8px;text-align:left;padding:10px;border:2px solid #b5cfd6;border-radius:10px;background:white;min-width:0;color:#123c43}.craft-actor-options .craft-actor.selected{border-color:#126c7a;background:#d9f4fb;box-shadow:0 0 0 1px #126c7a}.craft-actor-options .craft-actor .nui{width:56px;height:68px;flex:0 0 56px;object-fit:contain}.craft-actor span{min-width:0}.craft-actor small{display:block;font-size:14px}.craft-actor-summary{font-weight:700;font-size:16px}.craft-actor:disabled{opacity:.55}@media(max-width:850px){.craft-actor-options{grid-template-columns:1fr}.craft-actor-options .craft-actor .nui{width:44px;height:52px;flex-basis:44px}}

.breakfast-panel{margin-top:20px}.breakfast-crew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.breakfast-crew article{padding:14px;border:1px solid #b5cfd6;border-radius:10px}.breakfast-crew .nui{width:48px;height:60px;flex:0 0 48px}.breakfast-options{display:flex;gap:8px;margin:10px 0}.breakfast-options button{flex:1}.breakfast-stock{width:100%;border-collapse:collapse;font-size:14px}.breakfast-stock th,.breakfast-stock td{padding:10px;text-align:left;border-bottom:1px solid #cbdce0;white-space:nowrap}@media(max-width:850px){.breakfast-crew{grid-template-columns:1fr}}

.opening-story{max-width:760px;margin:auto}.opening-art{height:180px;border-radius:12px;margin-bottom:20px;background-position:center;background-size:cover}.opening-art.island{background-image:url('./assets/cloth-v8/camp-ground.png')}.opening-art.camp{background-image:url('./assets/cloth-v8/camp-ground.png')}.opening-story>p{font-size:16px;line-height:1.95}.opening-story>h3{font-size:24px}.opening-dialogue article{display:flex;gap:16px;align-items:center;margin:14px 0;padding:12px;background:#edf8fc;border-radius:12px}.opening-dialogue .nui{width:72px;height:84px;flex:0 0 72px;object-fit:contain}.opening-dialogue p{margin:5px 0;font-size:16px;line-height:1.7}.opening-controls{display:flex;justify-content:space-between;gap:12px;margin:24px 0 8px}@media(max-width:600px){.opening-art{height:130px}.opening-dialogue article{gap:8px}.opening-dialogue .nui{width:52px;height:64px;flex-basis:52px}}