:root{--bg:#f6f2ea;--ocean:#e7e1d4;--land:#fbf8f2;--coast:#cfc5b2;--grid:#ddd5c6;--ink:#2a241a;--muted:#847866;--faded:#c4bcae;--accent:#8b6914;--band:#ebe3d2}*{box-sizing:border-box;margin:0}body{background:var(--bg);font:15px/1.5 system-ui,sans-serif}.masthead,body{color:var(--ink)}.masthead{background:var(--band);margin-bottom:16px;border-bottom:1px solid var(--coast)}.masthead-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:stretch;justify-content:space-between;gap:16px}.masthead .brand{display:flex;align-items:center;gap:12px;padding:12px 0;color:inherit;text-decoration:none}.masthead .mark{width:30px;height:30px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.4}.masthead .title{display:block;font:600 20px/1.1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase}.masthead .kicker{display:none}.masthead .tagline{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}.lens{display:flex;border:1px solid var(--coast);border-radius:6px;overflow:hidden}.lens button{font:inherit;font-size:13px;padding:5px 12px;border:0;background:transparent;color:var(--ink);cursor:pointer}.lens button.on{background:var(--ink);color:var(--bg)}.lens button:disabled{color:var(--faded);cursor:not-allowed}main{max-width:1200px;margin:0 auto;padding:0 16px 32px}#map-wrap{position:relative}#map{width:100%;height:auto;display:block;border-radius:8px;background:var(--bg2,#ece6da)}.land{fill:var(--land);stroke:var(--coast);stroke-width:.6}.grat{fill:none;stroke:var(--grid);stroke-width:.5}.sphere{fill:var(--ocean);stroke:var(--coast);stroke-width:1}.shape{stroke:var(--land);stroke-width:.8;fill-opacity:.82;transition:fill .4s,opacity .45s;animation:fade-in .45s ease-out}.shape.leaving{opacity:0;pointer-events:none}@keyframes fade-in{0%{opacity:0}}.shape.circle{fill-opacity:.95}.shape:hover{stroke:var(--ink)}.label{pointer-events:none}.label text{text-anchor:middle;paint-order:stroke;stroke:var(--land);stroke-width:3px}.label .name{font:600 12px Georgia,serif;fill:var(--ink)}.label.small .name{font-size:11px;font-weight:400}.connections path{fill:none;stroke-width:1.4;opacity:.8;cursor:help}.routes path{fill:none;stroke-width:2;opacity:.75;stroke-linecap:round}.city circle{fill:#fff;stroke:var(--ink);stroke-width:1.2}.city text{font-size:10px;text-anchor:middle;fill:var(--ink);paint-order:stroke;stroke:var(--land);stroke-width:3px;pointer-events:none}.city,.routes path{cursor:help}.end circle{fill:var(--land);stroke:var(--muted);stroke-width:1.4}.end text{font-size:10px;font-style:italic;text-anchor:middle;fill:var(--muted);paint-order:stroke;stroke:var(--land);stroke-width:3px;pointer-events:none}.event{cursor:pointer}.event circle{stroke:#fff;stroke-width:2}.event:hover circle{stroke:var(--ink)}#caveat{left:16px;bottom:58px;font-size:11px;color:var(--muted);pointer-events:none}#caveat,#layers{position:absolute}#layers{right:12px;top:12px;display:flex;flex-direction:column;gap:2px;font-size:12px;background:var(--land);border:1px solid var(--coast);border-radius:6px;padding:6px 10px}#layers label{display:flex;gap:6px;align-items:center;cursor:pointer}#tip .reason{color:var(--muted);font-style:italic}#card{position:absolute;left:12px;top:12px;width:min(360px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;background:#fff;border:1px solid var(--coast);border-radius:8px;padding:14px 16px;box-shadow:0 8px 28px rgba(60,45,20,.18);font-size:14px}#card h2{font:600 19px/1.25 Georgia,serif;margin:4px 0}#card .meta{font-size:12px;color:var(--muted)}#card .cat{color:#fff;border-radius:3px;padding:1px 6px;text-transform:uppercase;font-size:10px;letter-spacing:.05em}#card .who{font-size:12px;color:var(--muted);margin-bottom:6px}#card p{margin:6px 0}#card .why{background:var(--bg);border-radius:6px;padding:8px 10px;margin:8px 0}#card b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}#card .thread button{display:block;width:100%;text-align:left;font:inherit;font-size:13px;background:none;border:0;border-bottom:1px solid var(--grid);padding:5px 0;cursor:pointer;color:var(--ink)}#card .thread button:hover{color:var(--accent)}#card .thread span{color:var(--muted);font-size:12px}#card .close{position:absolute;right:8px;top:6px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted)}#card .src{font-size:12px;color:var(--muted)}.lens{flex-wrap:wrap;width:-moz-fit-content;width:fit-content;margin:8px 0 4px}#year{left:16px;bottom:12px;font:600 clamp(24px,5vw,44px)/1 Georgia,serif;color:var(--ink)}#tip,#year{position:absolute;pointer-events:none}#tip{background:#fff;border:1px solid var(--coast);border-radius:6px;padding:8px 12px;font-size:13px;max-width:260px;box-shadow:0 4px 16px rgba(60,45,20,.12)}#tip b{display:block;font-family:Georgia,serif;font-size:14px}#tip .est{color:var(--muted);font-size:12px}#controls{margin-top:12px}#presets{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}#presets button{flex:none;font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--coast);border-radius:14px;background:var(--land);color:var(--ink);cursor:pointer}#presets button:hover{border-color:var(--accent)}#eras{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--coast);overflow-x:auto}#eras button{flex:none;font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);cursor:pointer}#eras button span{font-weight:400;font-size:11px;margin-left:4px}#eras button.on{border-bottom-color:var(--accent)}#eras button.on,#eras button:hover{color:var(--ink)}#presets button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}#chapter{margin:10px 0 0 48px;padding:10px 14px;font-size:15px;background:var(--land);border:1px solid var(--coast);border-left:3px solid var(--accent);border-radius:6px}#chapter .chapter-num{display:block;font-size:12px;color:var(--muted)}#chapter strong{font-family:Georgia,serif}.slider-row{display:flex;align-items:flex-start;gap:12px}#play{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--ink);color:var(--bg);cursor:pointer;font-size:14px}.slider{flex:1 1;min-width:0}#bands,.slider{position:relative}#bands{height:8px;border-radius:4px;overflow:hidden;margin-top:6px}#bands div{position:absolute;top:0;bottom:0;opacity:.55}#slider{width:100%;margin:2px 0 0;accent-color:var(--ink)}#ticks{position:relative;height:18px;font-size:11px;color:var(--muted)}#ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}#ticks .tick:not(.labelled){font-size:0;width:1px;height:5px;background:var(--coast);top:0}#ticks .labelled{top:4px}#ticks span:first-child{transform:none}#ticks span:last-child{transform:translateX(-100%)}section{margin-top:40px}#tabs{margin-top:28px;scroll-margin-top:12px}#tab-bar{display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--coast);overflow-x:auto}#tab-bar button{flex:none;font:inherit;font-size:14px;font-weight:600;padding:8px 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);cursor:pointer}#tab-bar button.on{color:var(--ink);border-bottom-color:var(--accent)}#tab-bar button:hover{color:var(--ink)}.tab-panel{min-height:320px}.tab-panel>section{margin-top:20px}.tab-panel:empty:after{content:"Nothing for this era yet.";display:block;margin-top:20px;color:var(--muted)}section h2{font:600 22px/1.2 Georgia,serif}.sync-year{color:var(--accent)}.lede{margin:4px 0 14px}.lede,.muted{color:var(--muted)}.muted{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chips button{font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--coast);border-radius:14px;background:var(--land);cursor:pointer;text-transform:capitalize;color:var(--ink)}.chips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.now-tag{font-size:11px;background:var(--accent);color:#fff;border-radius:3px;padding:1px 6px;margin-left:6px;white-space:nowrap}.plink{font:inherit;font-weight:600;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);border-bottom:2px solid var(--c)}.elink,.plink:hover,.ylink{color:var(--accent)}.elink,.ylink{font:inherit;font-size:13px;background:none;border:0;padding:0;cursor:pointer;text-align:left}.elink span{color:var(--muted);font-size:12px}.links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}#profile b,.links b,.scores+b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.links b{width:100%}.bar-row{display:grid;grid-template-columns:24px minmax(120px,220px) 1fr 110px;grid-gap:10px;gap:10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--grid)}.bar-row .rank{color:var(--muted);text-align:right}.bar-row small{display:block;color:var(--muted);font-size:12px}.bar-row .track{height:12px;background:var(--grid);border-radius:6px;overflow:hidden}.bar-row .fill{display:block;height:100%;border-radius:6px;transition:width .4s}.bar-row .val{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#flow-chart{width:100%;height:auto;display:block}.rise-wrap{display:flex}.rise-labels{flex:none}.rise-scroll{overflow-x:auto;flex:1 1;min-width:0;scrollbar-width:thin}#rise-chart{display:block}.lane-name{text-anchor:end;font:600 12px system-ui;fill:var(--ink)}.baseline{stroke:var(--coast)}.lane rect{opacity:.55;cursor:pointer}.lane rect.now{opacity:1}.lane rect:hover{opacity:.9}.lane rect.based{opacity:.35}.lane rect.based.now{opacity:.7}.run-name{font-size:10px;fill:#fff;font-weight:600;cursor:pointer;paint-order:stroke;stroke:rgba(0,0,0,.25);stroke-width:2px}.run-name:hover{text-decoration:underline}.axis text{font-size:11px;fill:var(--muted);text-anchor:middle}.axis .tick{stroke:var(--muted)}.axis .axis-title{font-size:12px;font-weight:600;fill:var(--ink)}.year-marker{stroke:var(--ink);stroke-width:1.5}#snapshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.snap{background:var(--land);border:1px solid var(--coast);border-top:4px solid var(--c);border-radius:8px;padding:12px 14px;font-size:14px}.snap h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.snap p{margin-top:6px}.status{font-size:11px;border-radius:3px;padding:1px 6px;background:var(--grid)}.status.rising{background:#dcebd6}.status.peak{background:#f3e2b8}.status.falling{background:#f1d6cf}.meter{height:4px;background:var(--grid);border-radius:2px;margin-top:8px}.meter span{display:block;height:100%;background:var(--c);border-radius:2px}#rival-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px}.rival{background:var(--land);border:1px solid var(--coast);border-radius:8px;padding:12px 14px;font-size:14px;opacity:.7}.rival.active{opacity:1;border-color:var(--accent)}.rival p{margin-top:6px}.rival p b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-right:4px}.vs{margin:0 8px;color:var(--muted);font-size:12px}.when{margin-top:4px}.moment{border-bottom:1px solid var(--grid);padding:8px 0}.moment.near summary strong{color:var(--accent)}.moment summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.moment .why,.moment p{margin:6px 0;font-size:14px}.moment .why{background:var(--land);border-radius:6px;padding:8px 10px}.moment .why b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.cat,.type{color:#fff;border-radius:3px;padding:1px 6px;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.cat.battle{background:#a23b2a}.cat.ideas{background:#2f6db0}.cat.empire{background:#7a4a9a}.cat.voyage{background:#2f7d7a}.cat.culture{background:#a0761c}.cat.climate{background:#5b6470}.date{color:var(--muted);font-size:13px;min-width:120px}.type.trade{background:#a0761c}.type.conquest{background:#a23b2a}.type.ideas{background:#2f6db0}.flow{fill:none;stroke-width:2;opacity:.12}.flow.active{opacity:.85;stroke-width:2.5}.flow.trade{stroke:#a0761c}.flow.conquest{stroke:#a23b2a}.flow.ideas{stroke:#2f6db0}.node circle,.node text{fill:var(--ink)}.node text{font-size:11px}.legend{display:flex;gap:8px;margin:4px 0 10px}.conn{padding:8px 0;border-bottom:1px solid var(--grid);font-size:14px}.conn p{margin-top:4px}#era-body{max-width:720px}#era-body h3{font:600 20px Georgia,serif;margin:4px 0 8px}#era-body p{margin-bottom:10px}.era-date{color:var(--muted);font-size:13px}#profile h2{margin-bottom:12px}.profile-head{border-left:4px solid var(--c);padding-left:10px;margin-bottom:8px}.profile-head h3{font:600 20px Georgia,serif}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:10px;font-size:14px}.spark{width:100%;height:auto}.spark path{fill:none;stroke-width:2.5}.spark text{font-size:10px;fill:var(--muted)}.spark-now{stroke:var(--ink);stroke-dasharray:3 3}.scores{list-style:none;padding:0;margin:4px 0 12px}.scores li{padding:4px 0;border-bottom:1px solid var(--grid)}.scores strong{width:20px;text-align:center}.scores strong,.src{display:inline-block}.src{font-size:12px;color:var(--muted);margin-top:10px}.question{border-bottom:1px solid var(--grid);padding:10px 0}.question summary{cursor:pointer;font:600 16px Georgia,serif}.question p{margin-top:8px;max-width:720px}@media (max-width:640px){.bar-row{grid-template-columns:20px 1fr 90px}.bar-row .track{grid-column:2/4;grid-row:2}}#share{position:absolute;right:12px;bottom:12px;font:inherit;font-size:12px;padding:5px 12px;border:1px solid var(--coast);border-radius:14px;background:var(--land);color:var(--ink);cursor:pointer}#share:hover{border-color:var(--accent)}.tabs{display:flex;gap:20px}.tabs a{display:flex;align-items:center;white-space:nowrap;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}.tabs a.on,.tabs a:hover{color:var(--ink)}.tabs a.on{border-bottom-color:var(--accent)}.geo-views{margin:4px 0 0}.geo-views button{text-transform:none;font-size:13px}.range{stroke:#fff;stroke-width:.6;fill-opacity:.9;cursor:help}.range:hover{stroke:var(--ink)}.range-label{font:italic 600 11px Georgia,serif;dominant-baseline:middle;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--land);stroke-width:3px;pointer-events:none}.quake{fill-opacity:.7;stroke:#fff;cursor:help}.quakes.over .quake{fill-opacity:.55}.quake:hover{fill-opacity:1;stroke:var(--ink)}.geo-legend{position:absolute;left:12px;bottom:12px;gap:8px;font-size:11px;background:var(--land);border:1px solid var(--coast);border-radius:6px;padding:8px 10px;pointer-events:none}.geo-legend,.geo-legend div{display:flex;flex-direction:column}.geo-legend div{gap:1px}.geo-legend b{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.geo-legend span,.geo-list span{display:flex;align-items:center;gap:6px}.geo-legend i,.geo-list i{flex:none;width:12px;height:9px;border-radius:2px}.geo-legend i.dot,.geo-list i.dot{width:9px;height:9px;border-radius:50%}#map-wrap>.geo-legend~#caveat{left:auto;right:16px;text-align:right}#map-wrap>.geo-legend+#caveat{bottom:12px}.geo-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.geo-list{list-style:none;padding:0;margin:6px 0 8px}.geo-list li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid var(--grid)}.geo-list small{color:var(--muted);font-size:12px;text-align:right}.geo-facts .big{font:600 20px Georgia,serif;color:var(--ink)}.geo-facts .snap>b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);display:block;margin-top:10px}.src a{color:inherit}.geo-views{display:flex;flex-direction:column;gap:0}.geo-views .chips{align-items:center;margin-bottom:6px}.geo-views .group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600;width:160px}.country{stroke:#fff;stroke-width:.5;cursor:help}.country:hover{stroke:var(--ink)}.bi-key{gap:3px!important}.bi-grid{display:grid;grid-template-columns:repeat(3,16px);grid-gap:1px;gap:1px;margin:2px 0}.bi-grid i{width:16px!important;height:16px!important;border-radius:0!important}.bi-key small{color:var(--muted);font-size:10px;max-width:170px}.geo-facts .snap p b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-right:6px}.scatter-wrap{position:relative;margin-top:24px}.scatter-wrap h3{font:600 17px Georgia,serif}.scatter{width:100%;height:auto;display:block;margin-top:6px}.scatter .grid line{stroke:var(--grid)}.scatter text{font-size:11px;fill:var(--muted)}.scatter .axis-title{font-size:12px;font-weight:600;fill:var(--ink)}.scatter .ref{stroke:#4b8a3a;stroke-dasharray:5 4;stroke-width:1.5}.scatter .ref-label{fill:#4b8a3a;font-weight:600}.scatter circle{stroke:var(--bg);stroke-width:1.5;fill-opacity:.9;cursor:help}.scatter circle.on{stroke:var(--ink)}.scatter .dot-label{fill:var(--ink);font-size:11px;font-weight:600;paint-order:stroke;stroke:var(--bg);stroke-width:3px;pointer-events:none}.scatter-tip{position:absolute;transform:translate(12px,12px);pointer-events:none;background:#fff;border:1px solid var(--coast);border-radius:6px;padding:8px 12px;font-size:13px;box-shadow:0 4px 16px rgba(60,45,20,.12);white-space:nowrap}.scatter-tip b{display:block;font-family:Georgia,serif}.scatter-tip .est{color:var(--muted);font-size:12px}.geo-legend .bi-grid{display:grid;grid-template-columns:repeat(3,16px);grid-gap:1px;gap:1px;margin:2px 0}.geo-legend b .unit{text-transform:none;letter-spacing:0;font-weight:400;color:var(--muted)}.boundary{fill:none;stroke-linecap:round;cursor:help}.boundary:hover{stroke-width:4px!important}.volcano{stroke:#5a2a10;cursor:help}.volcano:hover{stroke:var(--ink);stroke-width:1.6px!important}.quakes.plain .quake{fill:#4a4237!important;fill-opacity:.35;stroke:none}.geo-legend .tri,.geo-list .tri{width:0!important;height:0!important;border-radius:0!important;background:none!important;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--c)}.geo-legend .line,.geo-list .line{height:3px!important;border-radius:2px}.geo-legend .line.dash,.geo-list .line.dash{background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 6px)!important}.plate-label{font:600 10px system-ui,sans-serif;letter-spacing:.14em;fill:var(--muted);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:var(--land);stroke-width:3px;pointer-events:none;opacity:.9}.geo-legend i.no-data{background:repeating-linear-gradient(45deg,#f3efe7 0 2px,#cfc6b6 2px 3.5px)!important}.geo-legend i:not(.tri):not(.line),.geo-list i{box-shadow:inset 0 0 0 1px rgba(60,45,20,.15)}.shape.dim{fill-opacity:.18}.label.dim{opacity:.35}.event.dim{opacity:.3}#tour-start{position:absolute;left:12px;top:12px;font:inherit;font-size:13px;font-weight:600;padding:6px 14px;border:1px solid var(--accent);border-radius:16px;background:var(--land);color:var(--accent);cursor:pointer;box-shadow:0 2px 8px rgba(60,45,20,.12)}#tour-start:hover{background:var(--accent);color:var(--land)}#tour{position:absolute;left:12px;bottom:12px;width:min(380px,calc(100% - 24px));background:#fff;border:1px solid var(--coast);border-left:3px solid var(--accent);border-radius:8px;padding:14px 16px;box-shadow:0 8px 28px rgba(60,45,20,.18);font-size:14px}#tour .close{position:absolute;right:8px;top:6px;border:0;background:none;font-size:20px;color:var(--muted);cursor:pointer}#tour .meta{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}#tour .when{font:600 13px Georgia,serif;color:var(--muted);margin-top:6px}#tour h2{font:600 20px/1.25 Georgia,serif;margin:2px 0 6px}#tour .moments{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#tour .moments button{font:inherit;font-size:12px;padding:3px 10px;border:1px solid var(--coast);border-radius:12px;background:var(--land);color:var(--ink);cursor:pointer}#tour .moments button:hover{border-color:var(--accent)}#tour .tour-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--accent)}#tour .nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}#tour .nav button{font:inherit;font-size:13px;padding:5px 14px;border:1px solid var(--coast);border-radius:14px;background:var(--land);color:var(--ink);cursor:pointer}#tour .nav button:disabled{color:var(--faded);cursor:default}#tour .nav .next{background:var(--ink);border-color:var(--ink);color:var(--land);font-weight:600}#tour .dots{display:flex;gap:5px}#tour .dots span{width:6px;height:6px;border-radius:50%;background:var(--faded)}#tour .dots span.on{background:var(--accent)}.war-intro{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:24px;gap:24px;align-items:start;margin-bottom:16px}.war-intro h1{font:600 30px/1.15 Georgia,serif}.war-intro h1 span{font-size:18px;font-weight:400;color:var(--muted);margin-left:6px}.war-intro p{margin-top:8px;color:var(--ink)}.war-numbers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.war-numbers div{background:var(--land);border:1px solid var(--coast);border-radius:6px;padding:8px 12px}.war-numbers b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.war-numbers .big{display:block;font:600 20px/1.2 Georgia,serif}.war-numbers small{font-size:12px;color:var(--muted)}.war-phases{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:6px;gap:6px;margin-bottom:12px;counter-reset:ph}.war-phases button{width:100%;height:100%;text-align:left;font:600 13px/1.3 Georgia,serif;padding:7px 10px;border:1px solid var(--coast);border-radius:6px;background:var(--land);color:var(--ink);cursor:pointer}.war-phases button span{display:block;font:400 11px system-ui,sans-serif;color:var(--muted)}.war-phases button:hover{border-color:var(--accent)}.war-phases button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.war-phases button.on span{color:var(--faded)}.war-country{stroke:#fff;stroke-width:.5}.war-country.neutral{fill:transparent;stroke:var(--coast)}.war-areas path{stroke:#fff;stroke-width:.8}.moment{cursor:pointer}.moment circle{fill:var(--ink);stroke:#fff;stroke-width:2}.moment.event circle{fill:var(--accent)}.moment.on circle,.moment:hover circle{stroke:var(--accent);stroke-width:3}.moment.on circle{r:8}.war-legend i.occ-A{background:repeating-linear-gradient(45deg,#3d6ea5 0 2px,#f1ebe0 2px 4px)}.war-legend i.occ-B{background:repeating-linear-gradient(45deg,#b04a3a 0 2px,#f1ebe0 2px 4px)}.war-legend i.neutral{background:var(--land);border:1px solid var(--coast)}#year.war-date{font-size:clamp(22px,4vw,38px);left:auto;right:16px}.war-story{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:24px;gap:24px;margin-top:14px;padding:14px 16px;background:var(--land);border:1px solid var(--coast);border-left:3px solid var(--accent);border-radius:6px}.war-story .when{font-size:12px;color:var(--muted)}.war-story h2{font:600 22px/1.2 Georgia,serif;margin:2px 0 6px}.war-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px}.war-nav button{font:inherit;padding:5px 14px;border:1px solid var(--coast);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.war-nav button.next{background:var(--ink);border-color:var(--ink);color:var(--land);font-weight:600}.war-nav button:disabled{opacity:.4;cursor:default}.war-nav a{color:var(--accent);margin-left:6px}.war-steps{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--coast);max-width:760px}.war-steps li{position:relative}.war-steps li:before{content:"";position:absolute;left:-20px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--land);border:2px solid var(--coast)}.war-steps li.on:before{background:var(--accent);border-color:var(--accent)}.war-steps button{display:block;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.45;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:none;color:var(--ink);cursor:pointer}.war-steps button span{display:block;font-size:12px;font-weight:600;color:var(--accent)}.war-steps button:hover,.war-steps li.on button{background:var(--land);border-color:var(--coast)}.war-moments{display:flex;flex-direction:column;gap:4px}.war-moments>b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:2px}.war-moments button{display:flex;align-items:center;gap:8px;text-align:left;font:inherit;font-size:14px;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:none;color:var(--ink);cursor:pointer}.war-moments button span{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.war-moments button.on,.war-moments button:hover{background:#fff;border-color:var(--coast)}.war-moments i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ink)}.war-moments i.event{background:var(--accent)}.war-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.war-cards div{background:var(--land);border:1px solid var(--coast);border-radius:6px;padding:12px 14px}.war-cards b{font:600 16px Georgia,serif}.war-cards p{font-size:14px;margin-top:4px;color:var(--ink)}.war-sides{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.war-sides>div{background:var(--land);border:1px solid var(--coast);border-top:4px solid var(--side);border-radius:6px;padding:12px 14px}.war-sides>div>b{font:600 17px Georgia,serif;color:var(--side)}.war-sides ul{list-style:none;padding:0;margin-top:6px}.war-sides li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--grid);font-size:14px}.war-sides small{color:var(--muted);font-size:12px;text-align:right}.page{max-width:720px}.page h1{font:600 32px/1.2 Georgia,serif;margin:24px 0 8px}.page h2{font:600 20px/1.2 Georgia,serif;margin:28px 0 8px}.page li,.page p{line-height:1.65}.page p{margin:0 0 12px}.page ul{padding-left:20px}.page li{margin-bottom:6px}.page a{color:var(--accent)}.feedback{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.feedback label{display:grid;grid-gap:4px;gap:4px;font-weight:600;font-size:14px}.feedback small{font-weight:400;color:var(--muted)}.feedback input,.feedback select,.feedback textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--coast);border-radius:6px;background:var(--land);color:var(--ink)}.feedback button{justify-self:start;font:inherit;font-weight:600;padding:8px 18px;border:0;border-radius:6px;background:var(--ink);color:var(--land);cursor:pointer}.feedback button:disabled{opacity:.45;cursor:default}.form-note{font-size:14px;color:var(--muted)}.form-note.ok{color:var(--ink);font-weight:600}.form-note.err{color:#a23b2a}.makers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:8px}.maker{padding:14px 16px;border:1px solid var(--coast);border-radius:8px;background:var(--land)}.maker b{font:600 17px/1.3 Georgia,serif}.maker p{margin:4px 0 8px;font-size:14px}.coffee{display:inline-block;margin-top:4px;padding:9px 18px;border-radius:6px;background:#ffdd00;color:#2a241a!important;font-weight:600;text-decoration:none}.coffee:hover{filter:brightness(.95)}.sources{padding-left:20px}.sources li{margin-bottom:8px}.source-note{margin:28px 0 0;padding-top:12px;border-top:1px solid var(--coast);font-size:13px;line-height:1.6;color:var(--muted)}.source-note a{color:inherit}.tabs a .new{margin-left:5px;padding:1px 5px;border-radius:8px;background:#d03b3b;color:#fff;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.lane{fill:none;stroke:#9c8f7a;stroke-linecap:round;opacity:.8}.lane:hover{stroke:var(--ink)}.chokepoint{cursor:pointer;outline:none}.chokepoint .hit{fill:transparent}.chokepoint .dot{stroke:#fff;stroke-width:2;fill-opacity:.9}.chokepoint.on .dot,.chokepoint:focus-visible .dot,.chokepoint:hover .dot{stroke:var(--ink);stroke-width:2.5}.cp-label{font:600 13px Georgia,serif;fill:var(--ink);paint-order:stroke;stroke:var(--ocean);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.chokepoint.on .cp-label{text-decoration:underline}.geo-legend .size-key circle{fill:none;stroke:var(--muted)}.geo-legend .size-key text{font-size:10px;fill:var(--muted);text-anchor:middle}.status-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}.status-tag i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}.cp-card{margin-top:16px;background:var(--land);border:1px solid var(--coast);border-radius:8px;padding:14px 18px}.cp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cp-head h2{margin:0;font:600 22px Georgia,serif}.cp-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:24px;gap:24px;margin-top:10px}.cp-grid p{margin-bottom:10px}.cp-grid p>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.cp-grid .cp-now{border-left:3px solid var(--accent);padding-left:10px}.cp-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.flow-bars{margin:6px 0 8px}.flow-bars svg{width:100%;height:auto;display:block}.flow-bars .base{stroke:var(--coast)}.flow-bars .hit{fill:transparent}.flow-bars text{font-size:11px;text-anchor:middle;fill:var(--muted)}.flow-bars text.val{fill:var(--ink);font-weight:600}.flow-bars figcaption{font-size:12px;color:var(--muted)}.cp-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.cp-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--coast)}.cp-table td{padding:7px 8px;border-bottom:1px solid var(--grid)}.cp-table .n{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-table tr{cursor:pointer}.cp-table tr.on td,.cp-table tr:hover td{background:var(--land)}.cp-table button{font:inherit;border:0;background:none;padding:0;color:var(--ink);cursor:pointer;text-align:left}.cp-numbers{grid-template-columns:repeat(4,1fr);margin-top:12px}.cp-chips button{text-transform:none;display:inline-flex;align-items:center;gap:6px}.cp-chips i{width:8px;height:8px;border-radius:50%;flex:none}.cp-chips button.on i{box-shadow:0 0 0 1.5px var(--bg)}.cp-card+h2{margin-top:24px}.trade-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trade-controls .chips{margin-bottom:0}.trade .chips button{text-transform:none}.partner-chips{align-items:center;margin:10px 0 0}.partner-chips .group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600;margin-right:6px}.trade .lede{margin-top:10px}.war-numbers .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.trade-countries .country{stroke:#fff}.trade-countries .country.major{cursor:pointer}.trade-countries .country:hover{filter:brightness(.92)}.trade-link{fill:none;stroke:var(--ink);stroke-opacity:.55;stroke-linecap:round}.trade-link:hover{stroke-opacity:.85}.trade-end{fill:#fff;stroke:var(--ink);pointer-events:none}.trade-hint{margin-top:14px;color:var(--muted);font-style:italic}.trade-panel{margin-top:16px}.trade-panel .cp-head .muted{font-size:13px}.trade-panel .close{margin-left:auto;font:inherit;font-size:12px;border:1px solid var(--coast);border-radius:12px;background:var(--bg);padding:3px 10px;cursor:pointer;color:var(--ink)}.trade-numbers{grid-template-columns:repeat(4,1fr);margin-top:12px}.trade-lists{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:14px}.trade-lists h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}.trade-list{list-style:none;padding:0}.trade-list li{display:grid;grid-template-columns:9.5em 1fr 3em;align-items:center;grid-gap:8px;gap:8px;padding:3px 0;font-size:14px}.trade-list .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-list .bar{height:10px}.trade-list .bar i{display:block;height:100%;background:#73481a;border-radius:0 3px 3px 0}.trade-list small{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.trade-change{margin-top:12px;border-left:3px solid var(--accent);padding-left:10px}.trade-change b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.trade .geo-list li{cursor:pointer}.cp-table.compact{font-size:13px;margin-top:4px}.cp-table.compact td{padding:4px 6px}.leaning{margin:4px 0 12px;background:var(--land);border:1px solid var(--coast);border-radius:8px;padding:12px 14px}.leaning svg{width:100%;height:auto;display:block}.leaning .col-head{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;fill:var(--accent)}.leaning .tick{stroke:var(--grid)}.leaning .tick-label{font-size:11px;fill:var(--muted);text-anchor:middle}.leaning .row{cursor:pointer}.leaning .row .hit{fill:transparent}.leaning .row.on .hit{fill:var(--band)}.leaning .row-label{font-size:13px;fill:var(--ink);text-anchor:end}.leaning .self{font-size:11px;fill:var(--muted);font-style:italic}.leaning .val{font-size:11.5px;font-weight:600;fill:var(--ink);paint-order:stroke;stroke:var(--land);stroke-width:3px}.leaning figcaption{font-size:12px;color:var(--muted);margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.leaning figcaption span{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}.leaning .dot-now,.leaning .dot-then{width:10px;height:10px;border-radius:50%;display:inline-block}.leaning .dot-then{border:2px solid #b9ad99;background:#fff}.leaning .dot-now{background:#a54d22}.trade>.src{margin-top:12px}@media (max-width:760px){.masthead{margin-bottom:12px}.masthead-inner{flex-wrap:wrap;gap:0}.masthead .brand{padding:10px 0 4px}.masthead .tagline{display:none}.masthead .kicker{display:block;font-size:12px;color:var(--muted);margin-top:2px}.tabs{width:100%;gap:18px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;white-space:nowrap;padding:8px 0 9px}#map-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#map-wrap>*{order:1}#map{order:0;flex:0 0 100%}#year{order:-2}#caveat{order:-1;flex:1 1;text-align:right;align-self:flex-end}#card,#caveat,#layers,#map-wrap>.geo-legend,#share,#tour,#tour-start,#year{position:static}#year{font-size:26px}#share{margin-left:auto}#layers{flex:0 0 100%;flex-flow:row wrap;gap:4px 14px}#card,#tour{position:relative;inset:auto;flex:0 0 100%;width:100%;max-height:none;box-shadow:none}#map-wrap>.geo-legend{flex:0 0 100%;flex-flow:row wrap;gap:6px 16px}#eras button span{display:none}#ticks .labelled{font-size:0}#ticks span:first-child,#ticks span:last-child{font-size:11px}#chapter{margin-left:0}.war-intro,.war-sides,.war-story{grid-template-columns:1fr}.geo-views .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.geo-views .chips::-webkit-scrollbar{display:none}.geo-views .chips>*{flex:none}.geo-views .group{width:76px;white-space:normal;font-size:10px}.cp-grid{grid-template-columns:1fr;gap:8px}.cp-numbers,.trade-numbers{grid-template-columns:repeat(2,1fr)}.trade-lists{grid-template-columns:1fr;gap:10px}.cp-table td:nth-child(4),.cp-table th:nth-child(4){display:none}}.upi{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:8px}.upi img{border:1px solid var(--coast);border-radius:8px;background:#fff}.upi p{margin:0 0 10px;font-size:14px}.upi .upi-id{margin:12px 0 0;color:var(--muted)}.upi code{font-size:14px}.copy,.upi code{color:var(--ink)}.copy{margin-left:6px;font:inherit;font-size:12px;padding:2px 8px;border:1px solid var(--coast);border-radius:4px;background:var(--land);cursor:pointer}