:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e6d9;background:#101e23;font-synthesis:none;--line:#ffffff19;--muted:#a6b6b5;--gold:#e2bb7e;--panel:#16272c;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{border:1px solid #ffffff2e;border-radius:6px;background:#1c3339;color:inherit}button{min-height:38px;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#29444a;border-color:#e2bb7e88}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input{min-width:0;padding:8px 10px}h1,h2,p{margin:0}h1{font:normal clamp(23px,2.7vw,34px)/1.1 Georgia,serif;letter-spacing:-.025em}h2{font-size:14px;font-weight:600}button,select{font-size:12px}.atlas{height:100vh;height:100dvh;min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-width:2200px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.masthead p{margin-top:7px;font-size:12px;color:var(--muted)}.world-form>label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.seed-row{display:flex;gap:6px}.seed-row input{width:178px;font:12px ui-monospace,monospace}.seed-row #random-seed{font-size:20px;padding:3px 11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;min-height:0}.map-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:#112b35}#map{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.map-toolbar{position:absolute;z-index:1;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-toolbar>div{display:flex;pointer-events:auto;gap:3px;background:#11262ce8;padding:4px;border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 18px #0002}.map-toolbar button{background:transparent;border-color:transparent;min-height:32px;padding:6px 10px}.map-toolbar button[aria-pressed=true]{background:#dec18e;color:#1b2a2c}.zoom-buttons button:first-child,.zoom-buttons button:last-child{font-size:18px;min-width:34px;padding:2px 8px}.map-footer{position:absolute;bottom:47px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font:10px ui-monospace,monospace;color:#b2c8c9}.compass{font:17px Georgia,serif;color:#dccbab}.legend{position:absolute;bottom:14px;left:18px;right:18px;display:flex;flex-wrap:wrap;gap:8px 15px;font-size:10px;color:#c6d1ca;pointer-events:none}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:7px;height:7px;border-radius:1px}.grass{background:#8e9d6c}.forest{background:#4e7460}.desert{background:#c2ac7e}.mountain{background:#778584}.sidebar{overflow-y:auto;border-left:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:#466269 transparent}.sidebar>section,.chronicle{padding:19px 20px;border-bottom:1px solid var(--line)}.year-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.year-heading h2{font:27px Georgia,serif;color:var(--gold);font-variant-numeric:tabular-nums}.year-heading>span{font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;gap:10px}.stats strong{display:block;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}.stats span{font-size:10px;color:var(--muted)}.inspection h2{color:var(--gold)}.inspection p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.7}.inspection dl{font-size:11px;display:grid;grid-template-columns:1fr auto;gap:7px;margin:13px 0 0}.inspection dt{color:var(--muted)}.inspection dd{margin:0;text-align:right}.inspection .city-name{font:20px Georgia,serif;color:#f0dfbc;margin:14px 0 8px}.section-note{font-size:10px;font-weight:400;color:var(--muted);float:right}.nation{display:block;width:100%;margin-top:10px;text-align:left;border:0;padding:0;background:none;min-height:33px;border-radius:0}.nation:hover:not(:disabled){background:transparent}.nation-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.nation-name{display:flex;align-items:center;gap:8px}.nation-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.nation-value{color:var(--muted);font:10px ui-monospace,monospace}.nation-bar{height:3px;margin-top:7px;background:#ffffff09}.nation-bar i{height:100%;display:block}.chronicle summary{cursor:pointer;font-size:14px;font-weight:600}.chronicle summary span{font-size:10px;font-weight:400;color:var(--muted);float:right;padding-top:3px}.chronicle ol{list-style:none;padding:0;margin:14px 0 0}.chronicle li{position:relative;border-left:1px solid #e2bb7e40;margin:0 0 0 3px;padding:0 0 14px 13px;font-size:11px;line-height:1.55;color:#c0ceca}.chronicle li::before{content:"";position:absolute;width:5px;height:5px;background:#b2aa80;border-radius:50%;top:6px;left:-3px}.chronicle time{font:9px ui-monospace,monospace;display:block;color:var(--gold);margin-bottom:3px}.chronicle button{font-size:11px;line-height:1.55;text-align:left;border:0;background:transparent;padding:0;min-height:0;white-space:normal;color:inherit}.timeline{border-top:1px solid var(--line);padding:15px 24px 12px;background:#122328}.transport{display:flex;align-items:center;gap:8px}.primary{background:var(--gold);border-color:var(--gold);color:#172a2e;font-weight:650;min-width:132px}.primary:hover:not(:disabled){background:#f0d09f}#complete{margin-left:auto;color:#d6c4a2}.speed{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-left:7px}.speed select{padding:8px 9px;min-height:38px;color:#e6e5d9}.scrubber{display:flex;align-items:center;gap:16px;margin-top:12px;font:11px ui-monospace,monospace;color:var(--muted)}.scrubber label{min-width:69px;color:#e8d5b0}.scrubber input{flex:1;accent-color:var(--gold);height:22px;padding:0;cursor:pointer;min-width:35px}.scrubber input:disabled{cursor:default}.scrubber>span{min-width:65px;text-align:right}.timeline-status{font-size:10px;margin:6px 0 0;color:var(--muted);min-height:15px}
@media(min-width:1800px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.sidebar>section,.chronicle{padding:24px}.masthead{padding:26px 32px}}
@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr) 245px}.sidebar>section,.chronicle{padding:16px}.masthead{padding:17px 20px}.map-toolbar{left:10px;right:10px;top:10px}.map-toolbar button{padding:5px 7px}.legend{gap:7px 10px;left:12px;font-size:9px}.map-footer{left:12px;right:12px;bottom:54px}.year-heading{display:block}.year-heading>span{display:block;margin-top:5px}.stats strong{font-size:17px}.seed-row input{width:148px}}
@media(max-width:640px){.atlas{height:auto;min-height:100dvh;display:flex;flex-direction:column}.masthead{padding:17px 15px;display:block}.masthead h1{font-size:28px}.masthead p{font-size:11px}.world-form{margin-top:16px}.world-form>label{font-size:9px}.seed-row input{flex:1;width:auto}.workspace{display:flex;flex-direction:column;flex:1}.map-panel{height:clamp(350px,62dvh,580px);flex:none}.sidebar{border-left:0;border-top:1px solid var(--line);overflow:visible;display:grid;grid-template-columns:1fr 1fr}.sidebar>section,.chronicle{padding:16px;min-width:0}.overview{border-right:1px solid var(--line)}.year-heading{display:block}.stats{gap:6px}.stats strong{font-size:17px}.inspection{font-size:11px}.inspection dl{grid-template-columns:1fr;font-size:10px;gap:4px}.inspection dd{text-align:left}.inspection dt:not(:first-child){margin-top:4px}.nations-panel{border-right:1px solid var(--line)}.section-note{float:none;display:block;margin-top:4px}.chronicle ol{max-height:260px;overflow:auto}.timeline{order:0;position:sticky;bottom:0;z-index:2;padding:12px 14px 10px;box-shadow:0 -8px 24px #0002}.transport{gap:6px;flex-wrap:wrap}.transport button,.speed select{min-height:36px;font-size:11px}.transport .primary{min-width:120px}#complete{margin:0;flex:1}.speed{margin-left:auto;font-size:10px;gap:6px}.scrubber{gap:9px}.timeline-status{font-size:9px}.map-footer{bottom:52px}.legend{gap:6px 12px;font-size:9px}.map-toolbar{gap:6px}.map-toolbar button{font-size:10px}.zoom-buttons button:first-child,.zoom-buttons button:last-child{min-width:28px}.nation-label{font-size:10px}}
/* On phones the controls belong directly below the map. Keeping them in flow
   prevents a sticky footer from covering the year summary or selected tile. */
@media(max-width:640px){.workspace{display:contents}.map-panel{order:1}.timeline{order:2;position:static;box-shadow:none}.sidebar{order:3}.masthead{order:0}}
@media(max-width:359px){.speed{margin-left:0;flex:1}.speed select{flex:1}#complete{flex:0 1 auto}.transport{justify-content:space-between}.sidebar{grid-template-columns:1fr}.overview,.nations-panel{border-right:0}.inspection dl{grid-template-columns:1fr auto}.inspection dd{text-align:right}.inspection dt:not(:first-child){margin-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}