#chronicle-view{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#061514a3;backdrop-filter:blur(3px);color:#edf1df}
.chronicle-shell{width:min(1400px,100%);max-height:calc(100dvh - 48px);overflow:auto;display:flex;flex-direction:column;border:1px solid #b4cbb080;border-radius:8px;background:linear-gradient(135deg,#102e2df5,#172b34f7);box-shadow:0 20px 100px #0008,0 0 50px #9fe2b018;font-family:system-ui,sans-serif}
.chronicle-shell>*{flex-shrink:0}
.chronicle-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px 20px;border-bottom:1px solid #b4cbb02e}
.chronicle-header .eyebrow{font-size:10px;color:#b8d5c3;letter-spacing:.18em}.chronicle-header h1{font:38px/1.15 Georgia,serif;margin:7px 0;color:#ecddab}.chronicle-header p{font:13px/1.5 system-ui;margin:7px 0 0;color:#c1d1ca}.chronicle-header nav{display:flex;gap:10px;align-items:center;flex-shrink:0}
#chronicle-view button{font:13px/1.3 system-ui;padding:11px 15px;background:#203e3a;border:1px solid #a3c1b56b;color:#eaf0df;min-height:40px}#chronicle-view button:hover{background:#355950}#chronicle-view .chronicle-primary{color:#243d37;background:#ebd79e;border-color:#eedeb4;font-weight:650}#chronicle-view .chronicle-primary:hover{background:#f4e6bc}
.chronicle-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0}.chronicle-projection{position:relative;min-height:340px;height:min(52vh,560px);overflow:hidden;border-right:1px solid #b4cbb02e;background:radial-gradient(ellipse at 48% 53%,#81b7aa24 0,#112d3600 70%),linear-gradient(125deg,#0b242b,#153137)}
.chronicle-projection::before{content:"";position:absolute;inset:15% 18%;border:1px solid #bde7d413;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 0 42px #bde7d406,0 0 0 84px #bde7d404;pointer-events:none}.chronicle-projection::after{content:"";position:absolute;width:55%;height:65px;bottom:-40px;left:22.5%;background:#acdfc666;filter:blur(40px);pointer-events:none}
#chronicle-map{position:absolute;inset:8px 22px 40px}#chronicle-map svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px #8ed7c225)}
.chronicle-region{stroke:#ded9b8;stroke-opacity:.65;stroke-width:.9;fill-opacity:.81;transition:fill 1.1s ease,fill-opacity .8s ease,stroke .8s ease}.chronicle-region.changing{stroke:#fff1b6;stroke-width:1.9;fill-opacity:1}.chronicle-region.neutral{stroke:#f3dfaa;stroke-width:1.45}.chronicle-region-label{text-anchor:middle;fill:#faf2d4;paint-order:stroke;stroke:#18332bec;stroke-width:2.6;stroke-linejoin:round}.chronicle-region-name{font:15px Georgia,serif}.chronicle-owner-name{font:7.5px system-ui;letter-spacing:.13px}.chronicle-rivers{opacity:.6;pointer-events:none}.chronicle-rivers path{stroke:#add7d5!important;stroke-width:1.5!important;fill:none!important}.chronicle-minora circle{fill:#17352e;stroke:#fff0a4;stroke-width:1.6}.chronicle-minora path{fill:none;stroke:#fff0a4;stroke-width:.8}.chronicle-city-name{font:8px system-ui;fill:#fff0b9;paint-order:stroke;stroke:#15352e;stroke-width:2.3}
.chronicle-map-caption{position:absolute;bottom:13px;left:22px;right:22px;display:flex;justify-content:space-between;gap:16px;margin:0;font:9px/1.4 system-ui;letter-spacing:.1em;color:#bad2ccaa;pointer-events:none}#chronicle-map-message{position:absolute;top:40%;left:14%;right:14%;margin:0;text-align:center;font:15px/1.7 system-ui;color:#f2dfab;background:#122d30d9;padding:20px;border:1px solid #bad2cc44;border-radius:5px}
.chronicle-narration{padding:28px 25px;display:flex;flex-direction:column;justify-content:flex-start}.chronicle-narration .eyebrow{color:#e8d6a1;font-size:10px;letter-spacing:.16em}.chronicle-narration h2{font:28px/1.2 Georgia,serif;margin:14px 0 18px;color:#f2e9c7}.chronicle-narration p{font:14px/1.75 system-ui;margin:0;color:#e0e7df}#chronicle-owners{display:grid;gap:8px;margin:22px 0}#chronicle-owners>div{display:flex;align-items:center;gap:8px;font:11px/1.4 system-ui;color:#c4d1c9}.chronicle-swatch{height:9px;width:9px;flex:0 0 9px;border:1px solid #faf1cd66;border-radius:50%}#chronicle-play-state{font:11px/1.55 system-ui;color:#a9c0b6;display:block;margin-top:auto;padding-top:16px}#chronicle-present{color:#f3daa2;font:13px/1.6 system-ui;margin:0 0 5px}
.chronicle-controls{border-top:1px solid #b4cbb02e;padding:15px 28px 14px}.chronicle-playback{display:flex;align-items:center;gap:8px}.chronicle-playback #chronicle-duration{font:12px system-ui;color:#b4c9bf;margin-left:auto;font-variant-numeric:tabular-nums}#chronicle-progress{height:3px;border-radius:2px;background:#8fb4a52e;margin:15px 0 9px;overflow:hidden}#chronicle-progress>span{display:block;height:100%;background:linear-gradient(90deg,#80bfae,#f1d59d);width:0}#chronicle-timeline{display:flex;justify-content:space-between;gap:6px}#chronicle-timeline button{min-height:30px;flex:1;padding:5px 0;font-size:11px;color:#b3c4ba;background:transparent;border-color:transparent;font-variant-numeric:tabular-nums}#chronicle-timeline button.seen{color:#e3e4c7}#chronicle-timeline button[aria-current="step"]{color:#f8e8b6;border-color:#e5d59c80;background:#c9c39318}.chronicle-key-help{font:10px/1.4 system-ui;color:#a7bfb2;margin:9px 0 0;text-align:center}
@media(max-width:900px){#chronicle-view{padding:10px}.chronicle-shell{max-height:calc(100dvh - 20px)}.chronicle-header{padding:18px 20px;gap:15px}.chronicle-header h1{font-size:30px}.chronicle-header nav{flex-direction:column;align-items:stretch}.chronicle-body{grid-template-columns:minmax(0,1fr) 270px}.chronicle-narration{padding:20px 18px}.chronicle-narration h2{font-size:24px}.chronicle-narration p{font-size:13px}.chronicle-projection{height:50vh;min-height:340px}.chronicle-controls{padding:12px 20px}}
@media(max-width:620px){.chronicle-header{align-items:flex-start}.chronicle-header .eyebrow{font-size:9px}.chronicle-header p{font-size:11px}.chronicle-header nav{gap:7px}#chronicle-view .chronicle-header button{font-size:11px;padding:9px}.chronicle-body{grid-template-columns:1fr}.chronicle-projection{border-right:0;border-bottom:1px solid #b4cbb02e;height:35vh;min-height:260px}.chronicle-narration{padding:18px 20px}.chronicle-narration h2{margin:8px 0 10px}.chronicle-narration p{line-height:1.6}#chronicle-owners{display:flex;flex-wrap:wrap;margin:13px 0;gap:8px 14px}#chronicle-play-state{padding-top:4px}.chronicle-map-caption{font-size:8px}.chronicle-controls{padding:12px}.chronicle-playback button{font-size:11px!important;padding:9px!important}.chronicle-key-help{display:none}}
@media(prefers-reduced-motion:reduce){.chronicle-region{transition:none}#chronicle-map svg{filter:none}}

@media(max-height:750px) and (min-width:621px){
  #chronicle-view{padding:12px}.chronicle-shell{max-height:calc(100dvh - 24px)}
  .chronicle-header{padding:12px 20px}.chronicle-header h1{font-size:30px;margin:3px 0}.chronicle-header p{font-size:11px;margin-top:3px}
  .chronicle-projection{min-height:260px;height:min(42vh,315px)}.chronicle-narration{padding:14px 20px}
  .chronicle-narration h2{font-size:22px;margin:8px 0 12px}.chronicle-narration p{font-size:13px;line-height:1.5}
  #chronicle-owners{gap:5px;margin:12px 0}#chronicle-play-state{padding-top:8px;font-size:10px}#chronicle-present{font-size:12px;line-height:1.4}
  .chronicle-controls{padding:10px 20px}#chronicle-progress{margin:8px 0 6px}.chronicle-key-help{margin-top:5px}
}

#chronicle-caption{white-space:pre-line;max-height:36vh;overflow:auto}#chronicle-timeline{overflow-x:auto}#chronicle-timeline button{min-width:34px;flex:1 0 34px}.chronicle-campaign-marks{pointer-events:none}.chronicle-army-route{paint-order:stroke;opacity:.95}