@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap";:root{color:var(--paper);background:var(--ink);font-synthesis:none;--ink:#111714;--ink-2:#17201d;--ink-3:#22302a;--ink-4:#34443c;--paper:#f4f0e5;--paper-2:#d4c9b3;--gold:#c9a653;--gold-dim:#a98134;--line:color-mix(in srgb, var(--paper) 12%, transparent);font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{background:radial-gradient(circle at 50% 40%, var(--ink-3), var(--ink) 68%);min-height:100vh;color:var(--paper)}.topbar{background:color-mix(in srgb, var(--ink) 90%, transparent);border-bottom:1px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;display:grid;position:relative}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand svg{color:var(--gold)}.brand span{letter-spacing:.22em;font-family:Marcellus,serif}.brand small{color:var(--paper-2);border-left:1px solid var(--line);padding-left:10px}nav{gap:4px;height:100%;display:flex}nav button{color:var(--paper-2);cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:.78rem;position:relative}nav button.active{color:var(--paper)}nav button.active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:16px;right:16px}.header-actions{justify-self:end;align-items:center;gap:6px;display:flex}.header-actions>button{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--paper-2);background:0 0;place-items:center;display:grid}.header-actions>button:hover{color:var(--gold);border-color:var(--gold)}.scenario-select{align-items:center;gap:10px;display:flex}.scenario-select span,.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:.64rem;font-weight:700}.scenario-select select{background:var(--ink-3);color:var(--paper);border:1px solid var(--line);border-radius:2px;padding:8px 30px 8px 10px}main{grid-template-columns:220px minmax(420px,1fr) 292px;height:calc(100vh - 64px);display:grid}.left-rail,.inspector{background:color-mix(in srgb,var(--ink-2) 94%,transparent);z-index:2;overflow:auto}.left-rail{border-right:1px solid var(--line);padding:26px 20px}.left-rail section+section{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.eyebrow{margin:0 0 12px}.mode-stack{gap:5px;display:grid}.mode-stack button{min-height:40px;color:var(--paper-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 11px;display:flex}.mode-stack button.active{color:var(--paper);background:var(--ink-3);border-color:var(--line);box-shadow:inset 2px 0 var(--gold)}.world-health dl{gap:14px;margin:0;display:grid}.world-health dl div{justify-content:space-between;align-items:baseline;display:flex}.world-health dt{color:var(--paper-2);font-size:.75rem}.world-health dd{margin:0;font-family:DM Mono;font-size:.8rem}.events article{padding:11px 0}.events time{color:var(--gold);font:500 .65rem DM Mono}.events p{color:var(--paper-2);margin:5px 0 0;font-size:.73rem;line-height:1.5}.map-stage{background:linear-gradient(145deg,var(--ink-2),var(--ink));position:relative;overflow:hidden}.map-stage:after{content:"";pointer-events:none;background:radial-gradient(circle at 52% 48%,transparent 0 38%,color-mix(in srgb,var(--ink) 70%,transparent) 88%);position:absolute;inset:0}.map-title{z-index:2;position:absolute;top:28px;left:32px}.map-title span,.map-title p{text-transform:uppercase;letter-spacing:.12em;color:var(--paper-2);font:500 .65rem DM Mono}.map-title h1{text-wrap:balance;margin:7px 0 6px;font:400 clamp(1.7rem,3vw,2.7rem)/1.1 Marcellus,serif}.map-title p{color:var(--gold);margin:0}.world-map{width:100%;height:100%;filter:drop-shadow(0 24px 32px color-mix(in srgb,var(--ink) 75%,transparent))}.ocean-sphere{fill:color-mix(in srgb,var(--blue) 12%,var(--ink));stroke:color-mix(in srgb,var(--paper) 18%,transparent);stroke-width:.7px}.graticule{fill:none;stroke:color-mix(in srgb,var(--paper) 8%,transparent);stroke-width:.35px}.context-country{fill:var(--ink-3);stroke:color-mix(in srgb,var(--paper) 16%,transparent);stroke-width:.45px;transition:fill .2s}.context-country:hover{fill:var(--ink-4)}.province{cursor:pointer;outline:none}.province path{stroke:color-mix(in srgb,var(--ink) 75%,transparent);stroke-width:.8px;transition:filter .2s,stroke .2s}.province:hover path,.province:focus path{filter:brightness(1.18);stroke:var(--paper);stroke-width:1.2px}.province.selected path{stroke:var(--paper);stroke-width:1.8px;filter:brightness(1.18)}.province-label{text-anchor:middle;fill:var(--paper);pointer-events:none;paint-order:stroke;stroke:var(--ink);stroke-width:1.8px;font:500 5.5px DM Mono}.roads path{fill:none;stroke:color-mix(in srgb,var(--paper-2) 68%,transparent);stroke-dasharray:3 4}.trade-routes path{fill:none;stroke:var(--gold);stroke-dasharray:4 8;animation:1.8s linear infinite flow}.move-orders path{fill:none;stroke:var(--paper);stroke-width:1.4px;stroke-dasharray:1 5;stroke-linecap:round;opacity:.85}.unit-marker{cursor:pointer}.unit-marker circle{fill:var(--ink);stroke:var(--paper);stroke-width:1.5px}.unit-marker.selected-unit circle:first-child{stroke:var(--gold);stroke-width:3px;filter:drop-shadow(0 0 5px var(--gold))}.unit-marker .moving-dot{fill:var(--gold);stroke:var(--ink);stroke-width:1px}.unit-marker svg{color:var(--gold)}.unit-marker text{fill:var(--paper);font:600 8px DM Mono}.map-legend{z-index:2;color:var(--paper-2);gap:18px;font-size:.65rem;display:flex;position:absolute;bottom:24px;left:30px}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend .map-source{border-left:1px solid var(--line);opacity:.7;padding-left:4px}.map-legend i{width:20px;height:2px;display:inline-block}.legend-road{border-top:2px dashed var(--paper-2)}.legend-trade{border-top:2px dashed var(--gold)}.legend-order{border-top:2px dotted var(--paper)}.legend-unit{background:var(--paper);border-radius:50%;width:8px!important;height:8px!important}.inspector{border-left:1px solid var(--line);padding:28px 24px 100px}.inspector-head h2{text-wrap:balance;margin:0;font:400 1.65rem/1.15 Marcellus,serif}.inspector-head>p:last-child{color:var(--paper-2);margin:8px 0 25px;font-size:.78rem}.controlled{background:color-mix(in srgb,var(--sage) 20%,transparent);color:var(--sage);text-transform:uppercase;letter-spacing:.08em;margin-left:6px;padding:3px 5px;font-size:.58rem}.control-meter{border-block:1px solid var(--line);padding:15px 0 22px}.control-meter>span,.control-meter>strong{font-size:.7rem}.control-meter>strong{float:right;font-family:DM Mono}.control-meter>div{background:var(--ink-4);height:4px;margin-top:10px}.control-meter i{background:var(--gold);height:100%;display:block}.stats{grid-template-columns:1fr 1fr;gap:18px 10px;margin:22px 0;display:grid}.stats div{min-width:0}.stats dt{color:var(--paper-2);align-items:center;gap:6px;font-size:.65rem;display:flex}.stats dd{text-overflow:ellipsis;margin:5px 0 0;font:500 .75rem DM Mono;overflow:hidden}.market,.forces{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.market>div:first-child{justify-content:space-between;align-items:center;display:flex}.market span{color:var(--paper-2);font-size:.65rem}.market>strong{color:var(--sage);font:500 1.4rem DM Mono}.spark{align-items:end;gap:4px;height:42px;margin-top:8px;display:flex}.spark i{background:var(--sage);opacity:.65;flex:1}.spark i:first-child{height:25%}.spark i:nth-child(2){height:35%}.spark i:nth-child(3){height:30%}.spark i:nth-child(4){height:58%}.spark i:nth-child(5){height:48%}.spark i:nth-child(6){height:75%}.spark i:nth-child(7){height:90%}.force-row{width:100%;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:8px 6px;font-size:.75rem;display:flex}.force-row.selected{border-color:var(--gold);background:var(--ink-3)}.force-row span{align-items:center;gap:8px;display:flex}.force-row small{color:var(--paper-2);font:500 .6rem DM Mono}.empty-copy{color:var(--paper-2);font-size:.72rem}.force-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.primary-action,.secondary-action{border:1px solid var(--gold);cursor:pointer;height:44px;font-weight:700}.primary-action{background:var(--gold);color:var(--ink)}.secondary-action{color:var(--paper);background:0 0}.secondary-action:disabled{opacity:.42;cursor:not-allowed}.time-dock{z-index:10;background:color-mix(in srgb,var(--ink) 94%,transparent);border:1px solid var(--line);box-shadow:0 14px 36px color-mix(in srgb,var(--black) 38%,transparent);align-items:center;gap:8px;padding:7px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.time-dock>div:first-child{color:var(--paper-2);align-items:center;gap:7px;padding:0 8px;font-size:.65rem;display:flex}.time-dock strong{color:var(--paper);font-family:DM Mono}.time-dock button{cursor:pointer;border:0;height:34px}.play{background:var(--gold);width:38px;color:var(--ink);place-items:center;display:grid}.speed{display:flex}.speed button{color:var(--paper-2);background:0 0;padding:0 9px;font-size:.65rem}.speed button.active{background:var(--ink-3);color:var(--paper)}.next{background:var(--ink-3);color:var(--paper);padding:0 12px;font-size:.7rem}.notice{z-index:20;background:var(--paper);color:var(--ink);box-shadow:0 10px 30px color-mix(in srgb,var(--black) 40%,transparent);padding:10px 16px;font-size:.75rem;font-weight:700;position:fixed;top:78px;left:50%;transform:translate(-50%)}@keyframes flow{to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:reduce){.trade-routes path{animation:none}}@media (width<=1000px){main{grid-template-columns:180px 1fr}.inspector{width:280px;box-shadow:-20px 0 40px color-mix(in srgb,var(--ink) 45%,transparent);position:absolute;top:64px;bottom:0;right:0}.map-stage{padding-right:260px}.topbar nav{display:none}}@media (width<=720px){body{overflow:auto}.topbar{grid-template-columns:1fr auto}.brand small,.scenario-select span,.header-actions>button{display:none}.header-actions,.scenario-select{min-width:0}.scenario-select select{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}main{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 64px)}.left-rail{display:none}.map-stage{min-height:620px;padding-right:0}.inspector{width:auto;position:relative;top:auto;right:auto}.time-dock{bottom:10px}.map-title{left:20px}}