/* FIELD ATLAS / 01. Theme contract follows Astryx semantic token names.
   Applied to the existing HTML/Canvas interface without changing simulation. */
body[data-ui="atlas"]{
 --paper-50:#fffefa;--paper-100:#f6f4ee;--paper-200:#eeece4;--ink-950:#242b28;--ink-700:#4d5751;--ink-500:#687169;--orange-600:#b94822;--orange-500:#d05b30;--sage-100:#e5eadf;--sage-600:#47624c;--red-600:#b13c32;
 --color-background-body:var(--paper-100);--color-background-surface:var(--paper-50);--color-text-primary:var(--ink-950);--color-text-secondary:var(--ink-500);--color-border:#dcded3;--color-accent:var(--orange-600);--color-on-accent:var(--paper-50);--color-success:var(--sage-600);--color-danger:var(--red-600);--color-background-muted:var(--paper-200);
 --spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-control:.5rem;--radius-container:1rem;--radius-map:1.25rem;--font-body:"Segoe UI",Arial,sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;--font-data:Consolas,"Courier New",monospace;--rail-width:5.5rem;--header-height:5rem;--border-width:1px;--control-height:2.75rem;--shadow-panel:0 .25rem 1.5rem #242b2808;
 --bg:var(--color-background-body);--panel:var(--color-background-surface);--panel2:var(--color-background-muted);--line:var(--color-border);--line2:var(--color-border);--border:var(--color-border);--text:var(--color-text-primary);--txt:var(--color-text-primary);--muted:var(--color-text-secondary);--subtle:var(--color-text-secondary);--accent:var(--color-accent);--lime:var(--color-accent);--gold:var(--color-accent);--shadow:var(--shadow-panel);
 margin:0;background:var(--color-background-body);color:var(--color-text-primary);font:400 .875rem/1.55 var(--font-body);letter-spacing:normal;color-scheme:light;overflow-x:hidden;min-height:100dvh;
}
body[data-ui="atlas"] *{box-sizing:border-box}
body[data-ui="atlas"] :is(button,input,select){font:inherit}
body[data-ui="atlas"] button{cursor:pointer;touch-action:manipulation;transition:background .16s,border-color .16s,color .16s;letter-spacing:normal}
body[data-ui="atlas"] button:disabled{cursor:not-allowed;opacity:.42}
body[data-ui="atlas"] :is(a,button,input,select,summary,canvas):focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
body[data-ui="atlas"] :is(h1,h2,h3,p){text-wrap:pretty}
body[data-ui="atlas"] a{color:var(--color-accent)}
body[data-ui="atlas"] .atlas-icon{width:1.35rem;height:1.35rem;flex-shrink:0;vertical-align:middle}
body[data-ui="atlas"] .atlas-nav{position:fixed;inset:0 auto 0 0;width:var(--rail-width);background:var(--ink-950);z-index:25;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6) var(--spacing-2);gap:var(--spacing-2)}
body[data-ui="atlas"] .atlas-emblem{color:var(--paper-100);width:2.75rem;height:2.75rem;margin-bottom:var(--spacing-10);padding:0;border:0;background:transparent}
body[data-ui="atlas"] .atlas-emblem svg{width:100%;height:100%}
body[data-ui="atlas"] .atlas-nav-link{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.45rem;width:100%;min-height:4.25rem;border:0;padding:var(--spacing-2);border-radius:var(--radius-control);background:transparent;color:#aeb8b0;text-decoration:none;position:relative}
body[data-ui="atlas"] .atlas-nav-link small{font-size:.625rem;font-weight:600;letter-spacing:.01em}
body[data-ui="atlas"] .atlas-nav-link .atlas-icon{width:1.5rem;height:1.5rem}
body[data-ui="atlas"] .atlas-nav-link:hover{background:#ffffff0a;color:var(--paper-50)}
body[data-ui="atlas"] .atlas-nav-link.is-current{color:#f5b28c;background:#d05b301a}
body[data-ui="atlas"] .atlas-nav-link.is-current::before{content:"";position:absolute;left:calc(-1 * var(--spacing-2));height:1.5rem;width:.2rem;background:#e88c61;border-radius:var(--radius-control)}
body[data-ui="atlas"] .atlas-nav-stamp{margin-top:auto;color:#94a197;font:500 .5rem var(--font-data);writing-mode:vertical-rl;letter-spacing:.18em}
body[data-ui="atlas"] :is(.app-shell,.sector-shell){padding:0 var(--spacing-8) var(--spacing-8);margin-left:var(--rail-width);min-height:100dvh}
body[data-ui="atlas"][data-view="region"]{padding:0 var(--spacing-8) var(--spacing-8) calc(var(--rail-width) + var(--spacing-8))}
body[data-ui="atlas"] :is(.topbar,.bar,.header){height:var(--header-height);min-height:var(--header-height);margin:0;padding:var(--spacing-4) 0;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width) solid var(--color-border);background:transparent;gap:var(--spacing-5);box-shadow:none}
body[data-ui="atlas"] :is(.brand,.identity){display:flex;align-items:center;gap:var(--spacing-3);min-width:0}
body[data-ui="atlas"] :is(.brand-mark,.brand>.mark,.identity>.diamond){display:none}
body[data-ui="atlas"] :is(.brand h1,.brand strong,.identity h1){font:750 1rem/1.15 var(--font-display);letter-spacing:.1em;color:var(--color-text-primary);margin:0}
body[data-ui="atlas"] :is(.brand h1 span,.brand em,.identity h1 em){color:var(--color-text-primary);font-style:normal}
body[data-ui="atlas"] :is(.brand-kicker,.brand small,.identity .tiny){font:500 .55rem var(--font-data);color:var(--color-text-secondary);letter-spacing:.14em;margin-bottom:.35rem}
body[data-ui="atlas"] .brand-kicker .accent{color:var(--color-accent)}
body[data-ui="atlas"] :is(.top-actions,.bar>nav,.header-links){display:flex;gap:var(--spacing-2);align-items:center;flex-shrink:0}
body[data-ui="atlas"] :is(.world-link,.bar>nav a,.back-link){min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);font-size:.6875rem;font-weight:650;letter-spacing:0;color:var(--color-text-primary);text-decoration:none}
body[data-ui="atlas"] :is(.world-link,.bar>nav a,.back-link):hover{background:var(--color-background-muted)}
body[data-ui="atlas"] .top-metrics{display:flex;gap:var(--spacing-6);margin-left:auto;margin-right:var(--spacing-6)}
body[data-ui="atlas"] .metric{min-width:0;padding:0;border:0;display:flex;align-items:center;gap:var(--spacing-2)}
body[data-ui="atlas"] .metric span{font-size:.5625rem;letter-spacing:.08em;color:var(--color-text-secondary);margin:0}
body[data-ui="atlas"] .metric strong{font:650 1rem var(--font-data);color:var(--color-text-primary)}
body[data-ui="atlas"] :is(.saved,.signal){color:var(--color-success);font:500 .625rem var(--font-data);letter-spacing:0}
body[data-ui="atlas"] .saved .dot{background:var(--color-success);box-shadow:none}
body[data-ui="atlas"] .icon-btn{width:var(--control-height);height:var(--control-height);background:var(--color-background-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}
body[data-ui="atlas"] .atlas-page-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) 0 var(--spacing-6)}
body[data-ui="atlas"] .atlas-kicker{margin:0 0 var(--spacing-2);font:550 .625rem var(--font-data);color:var(--color-accent);letter-spacing:.12em}
body[data-ui="atlas"] .atlas-page-title{font:650 clamp(1.75rem,2.5vw,2.7rem)/1.1 var(--font-display);letter-spacing:-.055em;margin:0 0 var(--spacing-2)}
body[data-ui="atlas"] .atlas-page-description{margin:0;color:var(--color-text-secondary);font-size:.8125rem}
body[data-ui="atlas"] .atlas-heading-status{display:flex;align-items:center;gap:var(--spacing-3);border-left:var(--border-width) solid var(--color-border);padding-left:var(--spacing-5);max-width:21rem}
body[data-ui="atlas"] .atlas-heading-status>.atlas-icon{color:var(--color-accent);width:1.65rem;height:1.65rem}
body[data-ui="atlas"] .atlas-heading-status p{margin:0}
body[data-ui="atlas"] .atlas-heading-status strong{font-size:.75rem;font-weight:650;display:block}
body[data-ui="atlas"] .atlas-heading-status small{font-size:.625rem;color:var(--color-text-secondary);display:block;margin-top:var(--spacing-1)}
body[data-ui="atlas"] :is(.panel,.save-panel){background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);box-shadow:none;padding:var(--spacing-5);margin:0;min-width:0}
body[data-ui="atlas"] .panel-heading{margin:0 0 var(--spacing-2);padding:0;min-height:0}
body[data-ui="atlas"] .heading-symbol{display:none}
body[data-ui="atlas"] :is(.eyebrow,.tiny){font:550 .5625rem/1.5 var(--font-data);letter-spacing:.09em;color:var(--color-text-secondary)}
body[data-ui="atlas"] .panel h2{color:var(--color-text-primary);font:650 1.05rem/1.25 var(--font-display);letter-spacing:-.025em;margin:var(--spacing-1) 0 var(--spacing-4)}
body[data-ui="atlas"] :is(.panel p,.note,.fine,.microcopy,.armory-note,.inspector-type){color:var(--color-text-secondary)!important;font-size:.75rem;line-height:1.6}
body[data-ui="atlas"] :is(.primary,.primary-button){background:var(--color-accent);border:var(--border-width) solid var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-control);box-shadow:none;min-height:var(--control-height);padding:.75rem 1rem;font:650 .6875rem/1.4 var(--font-body);letter-spacing:.015em;transform:none}
body[data-ui="atlas"] :is(.primary,.primary-button):hover:not(:disabled){background:var(--orange-500);border-color:var(--orange-500);filter:none}
body[data-ui="atlas"] .primary-button strong{font-size:.6875rem;font-weight:650}
body[data-ui="atlas"] .primary-button small{font-size:.625rem;color:#ffeddf;letter-spacing:0}
body[data-ui="atlas"] :is(.secondary,.action-btn,.ghost-button,.subtle,.tool-grid button,.security-actions button,.armory-actions button){background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-control);box-shadow:none;min-height:var(--control-height);padding:.625rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:0}
body[data-ui="atlas"] :is(.secondary,.action-btn,.ghost-button,.subtle,.tool-grid button,.security-actions button,.armory-actions button):hover:not(:disabled){background:var(--color-background-muted);border-color:#b9bfb2}
body[data-ui="atlas"] :is(.security-actions button small,.armory-actions button small){color:var(--color-text-secondary);font-size:.625rem;font-weight:400}
body[data-ui="atlas"] :is(input,select){border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background-surface);color:var(--color-text-primary);min-height:var(--control-height);padding:.625rem .75rem;max-width:100%;font-size:.875rem}
body[data-ui="atlas"] :is(input[type="checkbox"]){min-height:0;padding:0;accent-color:var(--color-accent);width:1rem;height:1rem}
body[data-ui="atlas"] :is(.atlas-highlight){outline:2px solid var(--color-accent);outline-offset:2px}
/* The atlas gives the map the main slot and collects tools in one end panel. */
body[data-ui="atlas"] .grid{display:grid;grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:var(--spacing-5);padding:0;min-height:0}
body[data-ui="atlas"] .stage{grid-column:1;position:sticky;top:var(--spacing-4);height:calc(100dvh - 15rem);min-height:32rem;overflow:hidden;border:var(--border-width) solid #ced4c5;border-radius:var(--radius-map);background:#e7e9da;box-shadow:var(--shadow-panel);isolation:isolate}
body[data-ui="atlas"] .stage #world{width:100%;height:100%;display:block}
body[data-ui="atlas"] .atlas-dock{display:flex;flex-direction:column;gap:var(--spacing-4);height:calc(100dvh - 15rem);min-height:32rem;overflow:auto;scrollbar-width:thin;scrollbar-color:#c6ccbf transparent;padding:0 var(--spacing-1) var(--spacing-1) 0;overscroll-behavior:contain}
body[data-ui="atlas"] .atlas-dock .panel{flex-shrink:0;padding:var(--spacing-4);border-radius:var(--radius-container)}
body[data-ui="atlas"] .stage-hud{left:var(--spacing-5);right:var(--spacing-5);gap:var(--spacing-3)}
body[data-ui="atlas"] .stage-hud.top{top:var(--spacing-5);align-items:flex-start}
body[data-ui="atlas"] .stage-id{padding:var(--spacing-3) var(--spacing-4);background:#fffef9ed;border:var(--border-width) solid #d5dbce;box-shadow:0 .15rem .75rem #242b2810;border-radius:var(--radius-control);max-width:calc(100% - 8rem);min-width:0;gap:var(--spacing-1)}
body[data-ui="atlas"] .stage-id #sector-title{color:var(--color-text-primary);font:650 .6875rem/1.4 var(--font-body);letter-spacing:0}
body[data-ui="atlas"] .stage-id #source-pill{color:var(--color-success);font:550 .5rem/1.4 var(--font-data);letter-spacing:.05em}
body[data-ui="atlas"] .pulse{display:none}
body[data-ui="atlas"] .zoom{background:#fffef9ed;border:var(--border-width) solid #d5dbce;box-shadow:none;border-radius:var(--radius-control);padding:var(--spacing-1);gap:var(--spacing-1);display:flex;align-items:center}
body[data-ui="atlas"] .zoom button{border:0;background:transparent;color:var(--color-text-primary);width:2.75rem;height:2.75rem;font-weight:400;font-size:1.25rem;border-radius:var(--radius-control)}
body[data-ui="atlas"] .zoom button:hover{background:var(--color-background-muted)}
body[data-ui="atlas"] #zoom-value{color:var(--color-text-secondary);font:.625rem var(--font-data);min-width:2rem}
body[data-ui="atlas"] .stage-hud.bottom{bottom:var(--spacing-4);color:var(--color-text-secondary);font:.5625rem var(--font-data);gap:var(--spacing-2)}
body[data-ui="atlas"] .stage-hud.bottom>span{background:#fffef9ed;padding:var(--spacing-2);border-radius:var(--radius-control);color:var(--color-text-primary);border:var(--border-width) solid #d5dbce}
body[data-ui="atlas"] .controls-hint{display:none}
body[data-ui="atlas"] .atlas-map-shortcuts{position:absolute;z-index:3;bottom:3.4rem;left:var(--spacing-5);display:flex;gap:var(--spacing-1);background:#fffef9f2;padding:var(--spacing-1);border:var(--border-width) solid #d5dbce;border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}
body[data-ui="atlas"] .atlas-shortcut{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:0;border-radius:var(--radius-control);padding:var(--spacing-2) var(--spacing-3);min-height:var(--control-height);color:var(--color-text-primary);background:transparent;font-size:.6875rem}
body[data-ui="atlas"] .atlas-shortcut:hover{background:var(--color-background-muted)}
body[data-ui="atlas"] .atlas-shortcut .atlas-icon{width:1rem;height:1rem;color:var(--color-accent)}
body[data-ui="atlas"] .atlas-map-legend{position:absolute;top:6.75rem;left:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-2);font-size:.5625rem;color:var(--color-text-primary);margin:0;background:#fffef9d9;padding:.35rem .625rem;border-radius:var(--radius-control);pointer-events:none}
body[data-ui="atlas"] .atlas-map-legend i{width:.5rem;height:.5rem;border-radius:.125rem;display:inline-block;margin-left:var(--spacing-2)}
body[data-ui="atlas"] .atlas-map-legend i:first-child{margin-left:0}
body[data-ui="atlas"] .legend-building{background:#a8ad9e}body[data-ui="atlas"] .legend-forest{background:#9fb69a}body[data-ui="atlas"] .legend-water{background:#8fb5c0}
body[data-ui="atlas"] .atlas-north{position:absolute;right:var(--spacing-6);bottom:5rem;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);font:.625rem var(--font-data);pointer-events:none}
body[data-ui="atlas"] .atlas-north .atlas-icon{width:2rem;height:2rem}
body[data-ui="atlas"] .demo-watermark{top:10rem;color:var(--color-danger);background:#fff7edee;border:var(--border-width) solid #e2b999;border-radius:var(--radius-control);font:.625rem var(--font-data);letter-spacing:.04em;max-width:85%;padding:var(--spacing-2) var(--spacing-3)}
body[data-ui="atlas"] .sector-notice{background:#fffef9ee;color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);font-size:.875rem;border-radius:var(--radius-container);padding:var(--spacing-6);max-width:80%}
body[data-ui="atlas"] .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:var(--border-width) solid var(--color-border);margin:var(--spacing-4) 0;padding:var(--spacing-3) 0}
body[data-ui="atlas"] .stats>div{border:0;border-radius:0;background:transparent;padding:0;text-align:center;border-right:var(--border-width) solid var(--color-border)}
body[data-ui="atlas"] .stats>div:last-child{border-right:0}
body[data-ui="atlas"] .stats strong{font:650 1.2rem var(--font-data);color:var(--color-text-primary)}
body[data-ui="atlas"] .stats span{font-size:.5625rem;color:var(--color-text-secondary)}
body[data-ui="atlas"] .object-card{border:var(--border-width) dashed #cdd2c5;border-radius:var(--radius-control);background:var(--color-background-body);padding:var(--spacing-4);color:var(--color-text-primary);min-height:0}
body[data-ui="atlas"] .object-card strong{font-size:.875rem;color:var(--color-text-primary)}
body[data-ui="atlas"] .object-card .focus-sign{font-size:1.6rem;color:var(--color-accent);height:auto;margin:0 0 var(--spacing-2)}
body[data-ui="atlas"] .object-card :is(p,dt){font-size:.6875rem;color:var(--color-text-secondary)}
body[data-ui="atlas"] .object-card dd{font:500 .6875rem var(--font-data);color:var(--color-text-primary);overflow-wrap:anywhere}
body[data-ui="atlas"] .route-status{background:var(--sage-100);border:0;color:var(--color-text-primary);border-radius:var(--radius-control);padding:var(--spacing-3)}
body[data-ui="atlas"] .route-status strong{color:var(--color-text-primary);font:650 1.25rem var(--font-data)}
body[data-ui="atlas"] .facts{grid-template-columns:1fr 1.2fr;gap:var(--spacing-3);margin:var(--spacing-4) 0}
body[data-ui="atlas"] .facts dt{font:500 .5625rem var(--font-data);color:var(--color-text-secondary)}
body[data-ui="atlas"] .facts dd{font:550 .625rem/1.5 var(--font-data);color:var(--color-text-primary);max-width:none}
body[data-ui="atlas"] .area-settings{border-color:var(--color-border);padding-block:var(--spacing-2)}
body[data-ui="atlas"] .area-settings summary{color:var(--color-accent);font-weight:600;font-size:.75rem}
body[data-ui="atlas"] .area-settings label{font-size:.75rem;color:var(--color-text-primary)}
body[data-ui="atlas"] .area-settings :is(input,select){background:var(--color-background-body);font-size:1rem;color:var(--color-text-primary);border-color:var(--color-border)}
body[data-ui="atlas"] .compass button{min-height:var(--control-height);min-width:4rem;border:var(--border-width) solid var(--color-border);color:var(--color-text-primary);background:var(--color-background-body);border-radius:var(--radius-control)}
body[data-ui="atlas"] .compass button small{font:500 .5rem var(--font-data);letter-spacing:.05em}
body[data-ui="atlas"] .toggle{min-height:var(--control-height);font-size:.8125rem;margin:0;color:var(--color-text-primary)}
body[data-ui="atlas"] .attribution{color:var(--color-text-secondary);font-size:.625rem;padding:var(--spacing-2);line-height:1.6;margin:0}
body[data-ui="atlas"] .bag-chip{background:var(--color-background-body);border:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-control);font-size:.6875rem;padding:var(--spacing-2)}
body[data-ui="atlas"] .bag-chip strong{color:var(--color-text-primary)}
body[data-ui="atlas"] .expedition-meters{background:var(--sage-100);border:0;border-radius:var(--radius-control);color:var(--color-text-secondary);padding:var(--spacing-3);font-size:.6875rem}
body[data-ui="atlas"] .expedition-meters b{color:var(--color-text-primary);font-family:var(--font-data)}
/* Settlement: supplies become a horizontal instrument strip. */
body[data-ui="atlas"] .atlas-supply{display:flex;align-items:center;gap:var(--spacing-5);margin:0 0 var(--spacing-5);padding:var(--spacing-4) var(--spacing-5)}
body[data-ui="atlas"] .atlas-supply>.panel-heading,body[data-ui="atlas"] .atlas-supply>h2{display:none}
body[data-ui="atlas"] .atlas-supply .resources{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-4);flex:1;min-width:0}
body[data-ui="atlas"] .resource{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:var(--spacing-2);padding:0;border:0;background:transparent;text-align:left}
body[data-ui="atlas"] .res-icon{width:2rem;height:2.25rem;border:0;border-radius:var(--radius-control);display:grid;place-items:center;background:var(--color-background-body);color:var(--color-success)!important}
body[data-ui="atlas"] .res-icon .atlas-icon{width:1.3rem;height:1.3rem}
body[data-ui="atlas"] .res-name{font-size:.625rem;line-height:1.3;color:var(--color-text-secondary);font-weight:500}
body[data-ui="atlas"] .res-rate{font:400 .5625rem var(--font-data);margin-top:var(--spacing-1)}
body[data-ui="atlas"] .rate-good{color:var(--color-success)}body[data-ui="atlas"] .rate-bad{color:var(--color-danger)}
body[data-ui="atlas"] .res-count{font:650 1.25rem var(--font-data);color:var(--color-text-primary)}
body[data-ui="atlas"] .atlas-supply .capacity-line{display:none}
body[data-ui="atlas"] .content-grid{display:grid;grid-template-columns:15.5rem minmax(0,1fr) 17.5rem;gap:var(--spacing-4);padding:0;min-height:0;align-items:start}
body[data-ui="atlas"] .sidebar{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0;min-height:0}
body[data-ui="atlas"] .sidebar-left{height:calc(100dvh - 21.5rem);overflow:auto;scrollbar-width:thin;min-height:34rem;padding-right:var(--spacing-1)}
body[data-ui="atlas"] .sidebar-right{height:calc(100dvh - 21.5rem);overflow:auto;min-height:34rem;scrollbar-width:thin;padding-right:var(--spacing-1)}
body[data-ui="atlas"] .overview-row{padding:var(--spacing-2) 0;border:0;border-bottom:var(--border-width) solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary)}
body[data-ui="atlas"] .overview-row strong{color:var(--color-text-primary);font:550 .6875rem var(--font-data)}
body[data-ui="atlas"] .danger-track{background:var(--color-background-muted);height:.25rem;border-radius:var(--radius-control);margin:var(--spacing-3) 0}
body[data-ui="atlas"] #danger-fill{background:var(--color-accent);border-radius:var(--radius-control)}
body[data-ui="atlas"] :is(.perimeter-heading,.perimeter-item){font-size:.625rem;color:var(--color-text-secondary)}
body[data-ui="atlas"] .perimeter-panel{background:transparent;border:0;margin:var(--spacing-4) 0;padding:0}
body[data-ui="atlas"] .perimeter-item strong{color:var(--color-text-primary)}
body[data-ui="atlas"] .perimeter-track{background:var(--color-background-muted)}
body[data-ui="atlas"] .perimeter-track>span{background:var(--color-success)}
body[data-ui="atlas"] .intel-box{background:var(--color-background-body);border:0;border-left:3px solid var(--color-accent);border-radius:0;padding:var(--spacing-3);margin-top:var(--spacing-4)}
body[data-ui="atlas"] .intel-eyebrow{color:var(--color-accent);font:550 .5625rem/1.6 var(--font-data);letter-spacing:0}
body[data-ui="atlas"] .security-status{color:var(--color-text-secondary);font-size:.6875rem}
body[data-ui="atlas"] .security-actions{grid-template-columns:1fr;gap:var(--spacing-2)}
body[data-ui="atlas"] .security-actions button{display:flex;align-items:center;justify-content:space-between;font-weight:600;white-space:normal;text-align:left}
body[data-ui="atlas"] .security-actions button small{margin:0;font:400 .625rem var(--font-data)}
body[data-ui="atlas"] .quest{background:transparent;border:0;border-top:var(--border-width) solid var(--color-border);border-radius:0;gap:var(--spacing-3);padding:var(--spacing-3) 0}
body[data-ui="atlas"] .quest-check{background:var(--color-background-body);border:var(--border-width) solid var(--color-border);color:var(--color-success);border-radius:100%;width:1.2rem;height:1.2rem;line-height:1rem}
body[data-ui="atlas"] .quest-name{font-size:.75rem;color:var(--color-text-primary)}
body[data-ui="atlas"] .quest-help{font-size:.6875rem;color:var(--color-text-secondary)}
body[data-ui="atlas"] .next-day{margin-top:0;width:100%;flex-shrink:0}
body[data-ui="atlas"] .next-day-icon{display:none}
body[data-ui="atlas"] .world-panel{position:sticky;top:var(--spacing-4);height:calc(100dvh - 21.5rem);min-height:34rem;grid-column:2;grid-row:1;border:var(--border-width) solid #a6b496;border-radius:var(--radius-map);box-shadow:var(--shadow-panel);background:#bac8a6;overflow:hidden}
body[data-ui="atlas"] .world-topbar{top:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);gap:var(--spacing-2)}
body[data-ui="atlas"] .world-location{background:#fffef9ed;border:var(--border-width) solid #d5dbce;color:var(--color-text-primary);border-radius:var(--radius-control);padding:var(--spacing-3);font:600 .5625rem/1.4 var(--font-data);letter-spacing:0;box-shadow:none;max-width:calc(100% - 9.5rem)}
body[data-ui="atlas"] .world-location small{margin:var(--spacing-1) 0 0;font:400 .5rem/1.4 var(--font-data);color:var(--color-text-secondary)}
body[data-ui="atlas"] .online-dot{background:var(--color-success);box-shadow:none;width:.375rem;height:.375rem;display:inline-block;margin-right:var(--spacing-1)}
body[data-ui="atlas"] .world-tools{background:#fffef9ed;border:var(--border-width) solid #d5dbce;border-radius:var(--radius-control);padding:var(--spacing-1);gap:0}
body[data-ui="atlas"] .world-tool{min-width:var(--control-height);height:var(--control-height);background:transparent;color:var(--color-text-primary);border-radius:var(--radius-control);font-size:1.125rem}
body[data-ui="atlas"] .world-tools>span{color:var(--color-text-secondary);font:.5625rem var(--font-data);min-width:2rem}
body[data-ui="atlas"] .world-hint{display:none}
body[data-ui="atlas"] .building-toolbar{padding:var(--spacing-4);border-top:var(--border-width) solid #d5dbce;background:#fffef9f5;box-shadow:none;backdrop-filter:blur(.5rem)}
body[data-ui="atlas"] .toolbar-header{margin:0 0 var(--spacing-3);gap:var(--spacing-2)}
body[data-ui="atlas"] .toolbar-header h3{font:650 .875rem var(--font-display);margin:var(--spacing-1) 0 0;color:var(--color-text-primary)}
body[data-ui="atlas"] .minor-btn{min-height:var(--control-height);padding:var(--spacing-2) var(--spacing-3);border:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:.6875rem;border-radius:var(--radius-control)}
body[data-ui="atlas"] .minor-btn span{display:none}
body[data-ui="atlas"] .minor-btn.is-active{background:var(--ink-950);border-color:var(--ink-950);color:var(--paper-50)}
body[data-ui="atlas"] .building-list{gap:var(--spacing-2);padding:0 0 var(--spacing-1);scrollbar-color:var(--color-border) transparent}
body[data-ui="atlas"] .building-card{width:5.25rem;min-height:6.25rem;padding:var(--spacing-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background-surface);color:var(--color-text-primary)}
body[data-ui="atlas"] .building-card:hover{background:var(--color-background-body);border-color:var(--color-accent)}
body[data-ui="atlas"] .building-card.is-selected{background:#fff0e5;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}
body[data-ui="atlas"] .building-emoji{height:2.6rem;display:grid;place-items:center;font-size:1.5rem;color:var(--color-text-primary)!important}
body[data-ui="atlas"] .building-emoji .atlas-icon{width:2rem;height:2rem;stroke-width:1.3}
body[data-ui="atlas"] .building-name{font-size:.625rem;font-weight:650;color:var(--color-text-primary);margin-top:var(--spacing-1)}
body[data-ui="atlas"] .building-cost{font:400 .5625rem var(--font-data);color:var(--color-text-secondary);margin-top:var(--spacing-1)}
body[data-ui="atlas"] .building-card.is-selected .building-cost{color:var(--color-accent)}
body[data-ui="atlas"] .inspector-tabs{border-bottom:var(--border-width) solid var(--color-border);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}
body[data-ui="atlas"] .inspector-tabs button{background:transparent;min-height:var(--control-height);border:0;border-bottom:2px solid transparent;border-radius:0;padding:var(--spacing-2) 0;color:var(--color-text-secondary);font-size:.6875rem}
body[data-ui="atlas"] .inspector-tabs button.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}
body[data-ui="atlas"] :is(.inspector-panel,.activity-panel){min-height:0}
body[data-ui="atlas"] .inspector-empty{min-height:9rem;background:var(--color-background-body);border:var(--border-width) dashed #cdd2c5;border-radius:var(--radius-control);color:var(--color-text-primary);padding:var(--spacing-4)}
body[data-ui="atlas"] .empty-symbol{color:var(--color-accent);font-size:1.75rem}
body[data-ui="atlas"] .inspector-empty p{font-size:.75rem;max-width:none}
body[data-ui="atlas"] .inspector-visual{background:var(--color-background-body);border-color:var(--color-border);border-radius:var(--radius-control);color:var(--color-text-primary)!important;min-width:3.25rem;height:3.25rem;font-size:2rem}
body[data-ui="atlas"] .inspector-visual .atlas-icon{width:2rem;height:2rem}
body[data-ui="atlas"] .inspector-data{color:var(--color-text-secondary);font-size:.75rem;line-height:1.9;padding:var(--spacing-3) 0}
body[data-ui="atlas"] .inspector-data strong{color:var(--color-text-primary);font:550 .75rem var(--font-data)}
body[data-ui="atlas"] .work-row>span{color:var(--color-text-secondary);font-size:.75rem}
body[data-ui="atlas"] .stepper button{background:var(--color-background-body);border-color:var(--color-border);color:var(--color-text-primary);width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control)}
body[data-ui="atlas"] .stepper strong{color:var(--color-text-primary)}
body[data-ui="atlas"] .action-btn.danger{color:var(--color-danger);border-color:#e4c7bd;background:#fff6f0}
body[data-ui="atlas"] .activity{max-height:20rem;gap:var(--spacing-4);padding-right:var(--spacing-2);scrollbar-color:var(--color-border) transparent}
body[data-ui="atlas"] .event{border-left:2px solid var(--color-border);padding-left:var(--spacing-3)}
body[data-ui="atlas"] .event.important{border-color:var(--color-accent)}body[data-ui="atlas"] .event.alert{border-color:var(--color-danger)}
body[data-ui="atlas"] .event-day{font:500 .5625rem var(--font-data);letter-spacing:0;color:var(--color-text-secondary)}
body[data-ui="atlas"] .event-text{font-size:.75rem;line-height:1.6;color:var(--color-text-primary);margin-top:var(--spacing-1)}
body[data-ui="atlas"] .save-panel{padding:var(--spacing-3);gap:var(--spacing-2);display:flex;flex-direction:column}
body[data-ui="atlas"] .save-panel button{width:100%;text-align:left;font-size:.625rem}
body[data-ui="atlas"] .resident-card{background:var(--color-background-body);border-color:var(--color-border);color:var(--color-text-primary)}
body[data-ui="atlas"] .resident-card.is-selected{background:#fff0e5;border-color:var(--color-accent)}
body[data-ui="atlas"] :is(.resident-name,.resident-health,.resident-details strong,.resident-identity strong){color:var(--color-text-primary)}
body[data-ui="atlas"] :is(.resident-job-label,.resident-job-name,.resident-state,.resident-profession,.resident-details p){color:var(--color-text-secondary)}
body[data-ui="atlas"] .resident-job{width:100%;color:var(--color-text-primary);background:var(--color-background-surface);border-color:var(--color-border);font-size:.75rem}
body[data-ui="atlas"] .resident-avatar{background:var(--sage-100);color:var(--color-success);border-color:var(--color-border)}
body[data-ui="atlas"] .roster-summary{background:var(--color-background-body);border-color:var(--color-border);color:var(--color-text-secondary);font-size:.6875rem}
body[data-ui="atlas"] .roster-summary strong{color:var(--color-text-primary)}
body[data-ui="atlas"] .resident-line{background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);min-height:3.5rem;padding:var(--spacing-2);gap:var(--spacing-2)}
body[data-ui="atlas"] .resident-line.is-picked{background:#fff0e5;border-color:var(--color-accent)}
body[data-ui="atlas"] .person-avatar{background:var(--sage-100);border:0;color:var(--color-success);font-size:1rem;border-radius:100%;width:2rem;height:2rem}
body[data-ui="atlas"] .person-name strong{color:var(--color-text-primary);font-size:.75rem}
body[data-ui="atlas"] .person-name small{color:var(--color-text-secondary);font-size:.625rem}
body[data-ui="atlas"] .person-health{color:var(--color-success);font:.5625rem var(--font-data)}
body[data-ui="atlas"] .person-health.is-hurt{color:var(--color-danger)}
body[data-ui="atlas"] .resident-detail{background:var(--color-background-body);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--spacing-3);color:var(--color-text-primary)}
body[data-ui="atlas"] .resident-detail h3{color:var(--color-text-primary);font:650 1rem var(--font-display)}
body[data-ui="atlas"] .resident-bars label{color:var(--color-text-secondary);font-size:.625rem}
body[data-ui="atlas"] .resident-bars :is(b,progress){color:var(--color-success);accent-color:var(--color-success)}
body[data-ui="atlas"] .skill-cloud span{background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);font-size:.625rem}
body[data-ui="atlas"] .sidebar>.panel,body[data-ui="atlas"] .sidebar>.save-panel{flex:0 0 auto}
body[data-ui="atlas"] .journal :is(p,b){color:var(--color-text-primary)}
body[data-ui="atlas"] .atlas-day-action{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);flex-shrink:0;min-height:var(--control-height);border:0;border-radius:var(--radius-control);padding:var(--spacing-3) var(--spacing-5);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;font-size:.8125rem}
body[data-ui="atlas"] .atlas-day-action:hover{background:var(--orange-500)}
body[data-ui="atlas"][data-view="base"] .atlas-heading-status{display:none}
/* Rooms and raid decisions share the visual system but retain explicit danger cues. */
body[data-ui="atlas"] :is(.modal-backdrop,.interior-overlay){background:#202824ab;backdrop-filter:blur(.35rem);padding:var(--spacing-5);overflow:auto;align-items:start}
body[data-ui="atlas"] :is(.modal,.interior-panel){margin-block:auto;background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-map);box-shadow:0 1rem 5rem #20282430;color:var(--color-text-primary);padding:var(--spacing-6);flex-shrink:0}
body[data-ui="atlas"] .modal h2,body[data-ui="atlas"] .interior-heading h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-text-primary)}
body[data-ui="atlas"] .modal h2 span{color:var(--color-accent)}
body[data-ui="atlas"] .modal p,body[data-ui="atlas"] .modal dd{color:var(--color-text-secondary)}
body[data-ui="atlas"] .modal dl{background:var(--color-background-body);border-radius:var(--radius-control)}
body[data-ui="atlas"] .modal dt{color:var(--color-accent)}
body[data-ui="atlas"] .modal-close{color:var(--color-text-primary);min-width:var(--control-height);min-height:var(--control-height)}
body[data-ui="atlas"] :is(.raid-intel,.interior-info){background:var(--color-background-body);border:var(--border-width) solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-control);font-size:.8125rem}
body[data-ui="atlas"] .raid-heading{color:var(--color-danger)}
body[data-ui="atlas"] .raid-choice{background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--spacing-4)}
body[data-ui="atlas"] .raid-choice strong{color:var(--color-text-primary)}
body[data-ui="atlas"] .raid-choice small{color:var(--color-text-secondary)}
body[data-ui="atlas"] .raid-choice:hover:not(:disabled){background:#fff0e5;border-color:var(--color-accent)}
body[data-ui="atlas"] .interior-grid{background:var(--paper-200);border:var(--spacing-2) solid #bbc4b1;border-radius:var(--radius-control);gap:var(--spacing-1);padding:var(--spacing-1)}
body[data-ui="atlas"] .room-cell{background:#e0e5d5;border:var(--border-width) solid #b7c1aa;color:var(--ink-950);border-radius:.2rem}
body[data-ui="atlas"] .room-cell.wall{background:#73816a;border-color:#73816a}
body[data-ui="atlas"] .room-cell.spot{background:#ead5ac;color:#704b20;border-color:#cfaf72}
body[data-ui="atlas"] .room-cell.searched{background:#e9ecdf;color:#86927e}
body[data-ui="atlas"] .room-cell.player{background:var(--orange-600);color:var(--paper-50);border-color:var(--orange-600);box-shadow:inset 0 0 0 2px #ffdbbc}
body[data-ui="atlas"] .room-cell.enemy{background:#994840;color:var(--paper-50);border-color:#994840}
body[data-ui="atlas"] .interior-dpad button{background:var(--color-background-body);border-color:var(--color-border);color:var(--color-text-primary);min-width:3rem;min-height:var(--control-height);border-radius:var(--radius-control)}
body[data-ui="atlas"] .battle-panel{background:var(--ink-950);border-color:#64705f;color:var(--paper-50);border-radius:var(--radius-container);box-shadow:0 1rem 3rem #20282430;max-height:55dvh;overflow:auto}
body[data-ui="atlas"] .battle-panel button{min-height:var(--control-height);border-color:#65715f;background:#394336;color:var(--paper-50);border-radius:var(--radius-control)}
body[data-ui="atlas"] #toast{background:var(--ink-950);color:var(--paper-50);border:0;border-radius:var(--radius-control);font-size:.8125rem;font-weight:500;line-height:1.5;padding:var(--spacing-3) var(--spacing-5);box-shadow:0 .75rem 2rem #20282425;z-index:1100;bottom:var(--spacing-6)}
body[data-ui="atlas"] #toast.error{background:var(--color-danger);color:var(--paper-50)}
/* Archived regional map receives the same shell and typography. */
body[data-ui="atlas"] .layout{height:auto;min-height:0;grid-template-columns:15.5rem minmax(0,1fr) 18rem;gap:var(--spacing-4);padding:0}
body[data-ui="atlas"] .side{gap:var(--spacing-4);height:calc(100dvh - 15rem);min-height:34rem;overflow:auto}
body[data-ui="atlas"] .map-wrapper{height:calc(100dvh - 15rem);min-height:34rem;border-radius:var(--radius-map);border-color:var(--color-border);background:#e7e9da}
body[data-ui="atlas"] .fallback{background:#e7e9da}
body[data-ui="atlas"] .fallback :is(text,.fpoint){fill:var(--ink-700)}
body[data-ui="atlas"] .fallback .outline{stroke:#839779;fill:#c7d3ba}
body[data-ui="atlas"] .fallback .graticule{stroke:#b8c5ac}
body[data-ui="atlas"] :is(.map-head,.map-bottom,.map-legend){background:#fffef9ed;border-color:var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-control);font-size:.625rem}
body[data-ui="atlas"] :is(.offline-banner,.map-state,.keyfacts,.coordinate-box,.journal){background:var(--color-background-body);color:var(--color-text-secondary);border-color:var(--color-border)}
body[data-ui="atlas"] :is(.coordinate-box strong,.keyfacts b){color:var(--color-text-primary);font-family:var(--font-data)}
body[data-ui="atlas"] :is(.coordinate-box>span,.keyfacts>span,.label,.credits){color:var(--color-text-secondary);font-size:.6875rem}
body[data-ui="atlas"] .town{background:transparent;border-color:var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-control);min-height:var(--control-height);font-size:.75rem}
body[data-ui="atlas"] .town.is-active{background:var(--sage-100);border-color:#a1b094;color:var(--color-success)}
body[data-ui="atlas"] .town small{color:var(--color-text-secondary)}
body[data-ui="atlas"] .mobile-footer{display:none}
body[data-ui="atlas"] ::-webkit-scrollbar-thumb{background:var(--color-border)}
@media(min-width:1800px){body[data-ui="atlas"] .grid{grid-template-columns:minmax(0,1fr) 22rem}body[data-ui="atlas"] .atlas-page-heading{padding-block:var(--spacing-10)}body[data-ui="atlas"] .content-grid{grid-template-columns:17rem minmax(0,1fr) 20rem}}
@media(max-width:1390px){body[data-ui="atlas"]{--rail-width:4.5rem}body[data-ui="atlas"] :is(.app-shell,.sector-shell){padding-inline:var(--spacing-5)}body[data-ui="atlas"] .content-grid{grid-template-columns:13.5rem minmax(0,1fr) 15rem;gap:var(--spacing-3)}body[data-ui="atlas"] .top-metrics{gap:var(--spacing-3);margin-right:var(--spacing-3)}body[data-ui="atlas"] .metric{flex-direction:column;align-items:start;gap:.1rem}body[data-ui="atlas"] .top-actions .world-link:first-child{display:none}body[data-ui="atlas"] .saved{display:none}body[data-ui="atlas"] .atlas-supply .resources{gap:var(--spacing-3)}body[data-ui="atlas"] .resource{grid-template-columns:1.5rem 1fr;gap:var(--spacing-2)}body[data-ui="atlas"] .res-count{grid-column:2;font-size:1.1rem}body[data-ui="atlas"] .res-icon{width:1.5rem;height:1.5rem;grid-row:span 2}body[data-ui="atlas"] .res-rate{font-size:.5rem}body[data-ui="atlas"] .layout{grid-template-columns:13rem minmax(0,1fr) 16rem}}
@media(max-width:1100px){body[data-ui="atlas"] .content-grid{grid-template-columns:minmax(0,1fr) 17rem}body[data-ui="atlas"] .world-panel{grid-column:1;min-height:37rem;height:calc(100dvh - 21.5rem)}body[data-ui="atlas"] .sidebar-right{grid-column:2;grid-row:1;min-height:37rem}body[data-ui="atlas"] .sidebar-left{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;overflow:visible}body[data-ui="atlas"] .grid{grid-template-columns:minmax(0,1fr) 17.5rem}body[data-ui="atlas"] .atlas-heading-status{display:none}body[data-ui="atlas"] .atlas-supply{padding:var(--spacing-3)}body[data-ui="atlas"] .layout{grid-template-columns:13rem minmax(0,1fr)}body[data-ui="atlas"] .layout>.right{grid-column:1/-1;height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr}body[data-ui="atlas"] .map-wrapper{min-height:35rem}}
@media(max-width:760px){
 body[data-ui="atlas"]{--rail-width:0rem;--header-height:4.25rem;font-size:.875rem;padding:0!important}
 body[data-ui="atlas"] :is(.app-shell,.sector-shell){margin-left:0;padding:0 var(--spacing-4) calc(6rem + env(safe-area-inset-bottom))}
 body[data-ui="atlas"][data-view="region"]{padding:0 var(--spacing-4) calc(6rem + env(safe-area-inset-bottom))!important}
 body[data-ui="atlas"] .atlas-nav{inset:auto 0 0;width:100%;height:calc(4.5rem + env(safe-area-inset-bottom));padding:var(--spacing-2) var(--spacing-2) calc(var(--spacing-2) + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:0;border-top:var(--border-width) solid #465046}
 body[data-ui="atlas"] :is(.atlas-emblem,.atlas-nav-stamp){display:none}
 body[data-ui="atlas"] .atlas-nav-link{width:20%;min-height:3.25rem;gap:.2rem;border-radius:var(--radius-control)}
 body[data-ui="atlas"] .atlas-nav-link .atlas-icon{width:1.25rem;height:1.25rem}
 body[data-ui="atlas"] .atlas-nav-link small{font-size:.5625rem}
 body[data-ui="atlas"] .atlas-nav-link.is-current::before{left:25%;top:calc(-1 * var(--spacing-2));width:50%;height:.15rem}
 body[data-ui="atlas"] :is(.topbar,.bar,.header){padding-block:var(--spacing-3);height:auto;min-height:var(--header-height);flex-wrap:wrap;gap:var(--spacing-2)}
 body[data-ui="atlas"] :is(.brand h1,.brand strong,.identity h1){font-size:.8125rem;letter-spacing:.05em}
 body[data-ui="atlas"] :is(.brand-kicker,.brand small,.identity .tiny){font-size:.45rem;letter-spacing:.07em}
 body[data-ui="atlas"] :is(.bar>nav,.header-links){gap:var(--spacing-2);flex-direction:row}
 body[data-ui="atlas"] :is(.bar>nav a,.back-link,.world-link){font-size:.5625rem;padding:.4rem .6rem;min-height:var(--control-height)}
 body[data-ui="atlas"] .bar>nav a:first-child{display:none}
 body[data-ui="atlas"] .top-metrics{order:3;flex-basis:100%;justify-content:space-between;padding:var(--spacing-3) 0 0;border-top:var(--border-width) solid var(--color-border);margin:var(--spacing-1) 0 0;gap:var(--spacing-2)}
 body[data-ui="atlas"] .metric{flex:1;flex-direction:row;align-items:center;justify-content:space-between;padding-right:var(--spacing-3);gap:var(--spacing-1)}
 body[data-ui="atlas"] .metric span{font-size:.5rem}body[data-ui="atlas"] .metric strong{font-size:.8125rem}
 body[data-ui="atlas"] .top-actions{margin:0;gap:var(--spacing-1)}
 body[data-ui="atlas"] .top-actions .world-link{display:none}
 body[data-ui="atlas"] .atlas-day-action{display:none}
 body[data-ui="atlas"] .atlas-page-heading{padding:var(--spacing-5) 0 var(--spacing-4);gap:0}
 body[data-ui="atlas"] .atlas-page-title{font-size:1.75rem;letter-spacing:-.045em}
 body[data-ui="atlas"] .atlas-kicker{font-size:.5rem;margin-bottom:var(--spacing-2)}
 body[data-ui="atlas"] .atlas-page-description{font-size:.75rem;max-width:22rem}
 body[data-ui="atlas"] .grid{display:flex;flex-direction:column;gap:var(--spacing-4);padding:0}
 body[data-ui="atlas"] .stage{width:100%;position:relative;top:auto;height:62dvh;min-height:28rem;max-height:42rem;order:0;border-radius:var(--radius-container)}
 body[data-ui="atlas"] .atlas-dock{height:auto;min-height:0;overflow:visible;width:100%;padding:0;gap:var(--spacing-4);order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-ui="atlas"] .atlas-dock>.panel{width:100%;min-width:0;grid-row:auto}
 body[data-ui="atlas"] .atlas-dock>.attribution{grid-column:1/-1}
 body[data-ui="atlas"] .stage-hud{left:var(--spacing-3);right:var(--spacing-3)}
 body[data-ui="atlas"] .stage-hud.top{top:var(--spacing-3);gap:var(--spacing-2)}
 body[data-ui="atlas"] .stage-id{max-width:calc(100% - 7.75rem);padding:var(--spacing-2);border-radius:var(--radius-control)}
 body[data-ui="atlas"] .stage-id #sector-title{font-size:.5625rem;line-height:1.3}
 body[data-ui="atlas"] .stage-id #source-pill{font-size:.4375rem;line-height:1.4;letter-spacing:0}
 body[data-ui="atlas"] .zoom{gap:0;padding:0}body[data-ui="atlas"] .zoom button{min-width:2.75rem;width:2.75rem;height:2.75rem}body[data-ui="atlas"] #zoom-value{min-width:1.5rem;font-size:.5rem}
 body[data-ui="atlas"] .atlas-map-legend{left:var(--spacing-3);top:5.8rem;font-size:.5rem;gap:var(--spacing-1)}
 body[data-ui="atlas"] .atlas-map-shortcuts{left:var(--spacing-3);bottom:3.5rem;gap:0;padding:var(--spacing-1)}
 body[data-ui="atlas"] .atlas-shortcut{padding:var(--spacing-2);gap:var(--spacing-1);font-size:.625rem}
 body[data-ui="atlas"] .atlas-shortcut .atlas-icon{width:.875rem;height:.875rem}
 body[data-ui="atlas"] .atlas-map-legend i{margin-left:var(--spacing-1)}
 body[data-ui="atlas"] .atlas-north{right:var(--spacing-4);bottom:4.5rem}
 body[data-ui="atlas"] .stage-hud.bottom{bottom:var(--spacing-3);flex-wrap:wrap;font-size:.5rem}
 body[data-ui="atlas"] .demo-watermark{top:8rem;font-size:.5rem}
 body[data-ui="atlas"] .atlas-supply{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}
 body[data-ui="atlas"] .atlas-supply .resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}
 body[data-ui="atlas"] .resource{grid-template-columns:1.75rem minmax(0,1fr) auto;gap:var(--spacing-1)}
 body[data-ui="atlas"] .res-icon{grid-row:1;width:1.75rem;height:2rem}
 body[data-ui="atlas"] .res-count{grid-column:auto;font-size:1rem}
 body[data-ui="atlas"] .res-name{font-size:.5625rem}body[data-ui="atlas"] .res-rate{font-size:.4375rem}
 body[data-ui="atlas"] .content-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}
 body[data-ui="atlas"] .world-panel{order:0;position:relative;top:auto;height:65dvh;min-height:34rem;max-height:47rem;width:100%;border-radius:var(--radius-container)}
 body[data-ui="atlas"] :is(.sidebar-left,.sidebar-right){display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;width:100%;padding:0;gap:var(--spacing-4)}
 body[data-ui="atlas"] .sidebar-right{order:1}body[data-ui="atlas"] .sidebar-left{order:2}
 body[data-ui="atlas"] :is(.sidebar .panel,.panel){margin:0;width:100%;padding:var(--spacing-4);order:initial}
 body[data-ui="atlas"] .sidebar-left .next-day{display:flex;order:-1}
 body[data-ui="atlas"] .world-location{max-width:calc(100% - 9rem);padding:var(--spacing-2);font-size:.5rem}
 body[data-ui="atlas"] .world-location small{font-size:.4375rem}
 body[data-ui="atlas"] .world-topbar{left:var(--spacing-2);right:var(--spacing-2);top:var(--spacing-2)}
 body[data-ui="atlas"] .world-tool{min-width:2.75rem;width:2.75rem}
 body[data-ui="atlas"] .world-tools>span{min-width:1.5rem;font-size:.5rem}
 body[data-ui="atlas"] .building-toolbar{padding:var(--spacing-3)}
 body[data-ui="atlas"] .building-card{width:5rem;min-height:6rem}
 body[data-ui="atlas"] .toolbar-header h3{font-size:.8125rem}
 body[data-ui="atlas"] .toolbar-header .eyebrow{font-size:.5rem}
 body[data-ui="atlas"] .minor-btn{padding:var(--spacing-2);min-width:2.75rem}
 body[data-ui="atlas"] .toolbar-actions{gap:var(--spacing-1);flex-wrap:nowrap}
 body[data-ui="atlas"] .layout{display:flex;flex-direction:column;gap:var(--spacing-4)}
 body[data-ui="atlas"] .map-wrapper{width:100%;height:62dvh;min-height:28rem;order:0}
 body[data-ui="atlas"] .layout :is(.left,.right){height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;width:100%;order:1}
 body[data-ui="atlas"] .header-links .signal{display:none}
 body[data-ui="atlas"] .modal{width:min(32rem,100%);padding:var(--spacing-5)}
 body[data-ui="atlas"] .modal dl{grid-template-columns:1fr;gap:var(--spacing-2)}
 body[data-ui="atlas"] .interior-panel{padding:var(--spacing-4);margin:auto 0}
 body[data-ui="atlas"] .interior-heading h2{font-size:1rem}
 body[data-ui="atlas"] .interior-grid{max-width:20rem}
 body[data-ui="atlas"] .battle-panel{bottom:calc(5rem + env(safe-area-inset-bottom))}
 body[data-ui="atlas"] #toast{bottom:calc(5rem + env(safe-area-inset-bottom));max-width:calc(100% - 2rem);font-size:.75rem}
}
@media(max-width:480px){body[data-ui="atlas"] .atlas-dock{display:flex;flex-direction:column}body[data-ui="atlas"] .atlas-map-shortcuts{bottom:4rem}body[data-ui="atlas"] .atlas-north{bottom:5rem}body[data-ui="atlas"] .metric{flex-direction:column;align-items:start;padding-right:0}body[data-ui="atlas"] .atlas-supply .resources{gap:var(--spacing-3) var(--spacing-2)}body[data-ui="atlas"] .res-count{font-size:.9375rem}body[data-ui="atlas"] .brand-kicker{max-width:12rem}body[data-ui="atlas"] .world-tool{min-width:2.75rem}body[data-ui="atlas"] .world-location{max-width:calc(100% - 9rem)}}
@media(prefers-reduced-motion:reduce){body[data-ui="atlas"] *,body[data-ui="atlas"] *::before,body[data-ui="atlas"] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}