:root{--ink:#070b14;--glass:#0a0e18b8;--glass-strong:#0a0d16e6;--line:#f2deb424;--text:#efe7d6;--muted:#a99f8c;--gold:#f2b544;--gold-soft:#f7dca0;--teal:#6cc3b5;--serif:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--panel-w:420px;--tl-h:104px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;margin:0;overflow:hidden}body{color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{position:fixed;inset:0}.map,.map.maplibregl-map{background:radial-gradient(at 50% 40%,#121a2e 0%,#070b14 60%,#04060b 100%);position:absolute;inset:0}.map:before{content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 72% 12%,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 88% 64%,#fff7 50%,#0000 51%),radial-gradient(1px 1px at 33% 82%,#fff5 50%,#0000 51%),radial-gradient(1.5px 1.5px at 56% 30%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 8% 60%,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 94% 28%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 46% 94%,#fff4 50%,#0000 51%);background-size:420px 420px;position:absolute;inset:0}.maplibregl-canvas{outline:none}.map .maplibregl-canvas-container{opacity:0;transition:opacity 1.4s}.ready .map .maplibregl-canvas-container{opacity:1}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#03050a8c 100%);position:absolute;inset:0}.maplibregl-ctrl-attrib{color:var(--muted);font-size:10px;background:#080a1099!important}.maplibregl-ctrl-attrib a{color:var(--muted)}.maplibregl-ctrl-bottom-right{bottom:calc(var(--tl-h) + 4px)}.maplibregl-ctrl-attrib-button{filter:invert()}.glass,.header,.clock,.panel,.timeline,.legend,.tools,.headline,.tip{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);box-shadow:0 10px 40px #00000059}.header{z-index:5;border-radius:14px;position:absolute;top:16px;left:16px}.war-pick{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px 12px;display:flex}.kicker{font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.war-title{font:600 22px/1.15 var(--serif);letter-spacing:-.01em;align-items:baseline;gap:8px;display:flex}.war-title small{font:400 14px var(--serif);color:var(--muted)}.war-title svg{color:var(--muted);align-self:center}.war-menu{background:var(--glass-strong);border:1px solid var(--line);border-radius:12px;width:330px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #00000080}.war-menu li{border-radius:8px;grid-template-columns:1fr auto;gap:0 10px;padding:9px 12px;display:grid}.war-menu li b{font:500 14px var(--serif)}.war-menu li span{color:var(--muted);grid-column:1;font-size:12px}.war-menu li em{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:99px;grid-area:1/2/span 2;align-self:center;padding:2px 7px;font-size:10.5px;font-style:normal}.war-menu li.on{cursor:pointer;background:#f2b5441f}.war-menu li.on b{color:var(--gold-soft)}.war-menu li.soon{opacity:.55;cursor:not-allowed}.clock{z-index:4;pointer-events:none;border-radius:14px;width:330px;padding:14px 18px 16px;position:absolute;top:96px;left:16px}.clock-month{font:500 13px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}.clock-year{font:300 64px/.95 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clock-meta{color:var(--muted);flex-wrap:wrap;gap:0 6px;margin-top:6px;font-size:12px;display:flex}.clock-meta .num{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.chapter{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;animation:.7s both rise}.chapter-n{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.chapter h3{font:500 19px/1.2 var(--serif);color:var(--gold-soft);margin:2px 0 6px}.chapter p{color:#d7cfbe;margin:0;font-size:13px;line-height:1.55}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tools{z-index:5;border-radius:12px;gap:4px;padding:4px;transition:right .35s;display:flex;position:absolute;top:16px;right:16px}.has-panel .tools{right:calc(var(--panel-w) + 32px)}.tools button,.tools .toggle{color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:flex}.tools button:hover,.tools .toggle:hover{background:#ffffff0f}.tools button.on{color:var(--gold-soft);background:#f2b54429}.tools .toggle{cursor:pointer;color:var(--muted)}.tools .toggle input{accent-color:var(--gold);margin:0}.panel{top:16px;right:16px;bottom:calc(var(--tl-h) + 28px);width:var(--panel-w);z-index:6;background:var(--glass-strong);border-radius:16px;flex-direction:column;animation:.45s cubic-bezier(.2,.8,.2,1) both slide;display:flex;position:absolute;overflow:hidden}@keyframes slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.panel header{border-bottom:1px solid var(--line);padding:18px 22px 14px;position:relative}.panel .close{width:32px;height:32px;color:var(--muted);background:#ffffff0f;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.panel .close:hover{color:var(--text);background:#ffffff1f}.panel h2{font:500 27px/1.12 var(--serif);letter-spacing:-.01em;margin:6px 36px 4px 0}.ev-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:11.5px;display:flex}.ev-outcome{font-weight:600}.ev-when{color:var(--gold-soft);margin:0;font-size:13px}.ev-body{scrollbar-width:thin;scrollbar-color:#4a4232 transparent;flex:1;padding:16px 22px 20px;overflow-y:auto}.ev-body p{color:#ddd4c2;margin:0 0 12px;font-size:14px;line-height:1.62}.ev-body .ev-summary{font:400 17px/1.5 var(--serif);color:var(--text)}.ev-sides{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px;display:grid}.ev-sides>div{border:1px solid var(--line);background:#ffffff09;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-size:12.5px;display:flex}.ev-sides>div:first-child{border-color:#f2b5444d}.ev-sides b{font:500 14px/1.25 var(--serif)}.ev-sides span:not(.lbl){color:#cfc6b3}.ev-sides em{color:var(--muted);font-size:12px;font-style:normal}.lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.ev-casualties{font-size:13px!important}.ev-significance{border-left:2px solid var(--gold);font-style:italic;font-family:var(--serif);padding-left:12px;color:var(--gold-soft)!important}.ev-certainty{background:#ffffff09;border:1px dashed #f2deb438;border-radius:10px;margin:14px 0;padding:12px 14px}.ev-certainty p{color:#c9bfab!important;margin:8px 0 0!important;font-size:12.5px!important}.cert-row{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.cert-geo{color:var(--muted);flex-basis:100%;font-size:12px}.cert-meter{gap:3px;display:inline-flex}.cert-meter i{background:#ffffff1f;border-radius:3px;width:14px;height:5px}.c-high .cert-meter i,.c-medium .cert-meter i:nth-child(-n+2){background:var(--gold)}.c-low .cert-meter i:first-child{background:#e0785a}.ev-sources summary{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.ev-sources ol{color:#cfc6b3;margin:8px 0;padding-left:18px;font-size:12.5px}.ev-sources li{overflow-wrap:anywhere;margin-bottom:5px}.ev-sources a{color:var(--gold-soft)}.ev-row{color:var(--muted)!important;font-size:11px!important}.ev-row code{overflow-wrap:anywhere;font-size:10.5px}.panel footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.panel footer button{color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:12px 14px;font-size:12.5px;overflow:hidden}.panel footer button:last-child{text-align:right;border-left:1px solid var(--line)}.panel footer button:hover:not(:disabled){color:var(--gold-soft);background:#ffffff0a}.panel footer button:disabled{opacity:.3;cursor:default}.chronicle header h2{display:inline}.chronicle .count{color:var(--muted);margin-left:8px;font-size:12px}.chronicle input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0000004d;border-radius:9px;margin-top:12px;padding:9px 12px}.chronicle ol{scrollbar-width:thin;scrollbar-color:#4a4232 transparent;flex:1;margin:0;padding:6px 10px 16px;list-style:none;overflow-y:auto}.chronicle h4{font:500 12px var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:14px 8px 4px}.chronicle li button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 88px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.chronicle li button:hover{background:#ffffff0d}.chronicle li.future{opacity:.45}.chronicle li.now button{background:#f2b5441a}.chronicle li.sel button{background:#f2b54433}.c-date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.c-title{font:400 14px/1.3 var(--serif)}.c-star{color:var(--gold);font-size:11px}.timeline{height:var(--tl-h);z-index:7;border-radius:16px;align-items:stretch;padding:12px 14px 8px 10px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.tl-controls{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-right:4px;padding-right:10px;display:flex}.play{background:var(--gold);color:#1a1208;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s;display:grid;box-shadow:0 0 0 4px #f2b54426,0 6px 20px #f2b54440}.play:hover{transform:scale(1.06)}.play svg{fill:currentColor;width:22px;height:22px}.speed{border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:99px;padding:1px 9px;font-size:11.5px}.tl-track{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;position:relative}.tl-track svg{display:block;overflow:visible}.tl-phase rect{fill:#ffffff0a;stroke:none;transition:fill .3s}.tl-phase rect.odd{fill:#fff1}.tl-phase.on rect{fill:#f2b54433}.tl-phase text{font:500 10.5px var(--sans);fill:var(--muted);letter-spacing:.02em}.tl-phase.on text{fill:var(--gold-soft)}.tl-reign rect{fill:#f2b5448c}.tl-reign.regency rect{fill:#f2deb42e}.tl-year line{stroke:#f2deb459}.tl-year text{font:500 10.5px var(--sans);fill:var(--muted);font-variant-numeric:tabular-nums}.tick-area{stroke:none}.tl-head line{stroke:var(--gold-soft);stroke-width:1.5px}.tl-head circle{fill:var(--gold);stroke:#1a1208;stroke-width:2px;filter:drop-shadow(0 0 6px #f2b544cc)}.tl-hover{stroke:#ffffff4d;stroke-dasharray:2 3;pointer-events:none}.tl-tip{background:var(--glass-strong);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:8px;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 10px);transform:translate(-50%)}.tl-tip span{color:var(--muted)}.legend{left:16px;bottom:calc(var(--tl-h) + 28px);z-index:4;border-radius:12px;max-width:calc(100vw - 32px);font-size:12px;position:absolute}.legend-toggle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:7px 12px;font-size:11px}.legend-body{flex-wrap:wrap;gap:18px;padding:0 14px 12px;display:flex}.lg-group{flex-direction:column;gap:4px;display:flex}.lg-kinds{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.lg-row{color:#d4cbb8;white-space:nowrap;align-items:center;gap:7px;display:flex}.sw{opacity:.9;border-radius:3px;width:16px;height:11px;display:inline-block}.sw-other{opacity:.5;background:#7f97c2}.sw-vassal{background:repeating-linear-gradient(135deg,#f2b5448c 0 2px,#ffecbe33 2px 5px)}.sw-contested{background:repeating-linear-gradient(135deg,#ff7846f2 0 2px,#28140a66 2px 5px)}.ln{border-radius:2px;width:16px;height:3px;display:inline-block}.ln-front{background:#ffd27a;box-shadow:0 0 6px #ffb347}.dotc{border-radius:50%;width:11px;height:11px;display:inline-block}.polity-label{font:500 var(--size,14px)/1 var(--serif);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:#ece4d2b8;text-shadow:0 1px 3px #000000e6,0 0 14px #0009;opacity:0;pointer-events:none;transition:opacity .9s}.polity-label.shown{opacity:1}.polity-label.shown.collide{opacity:0}.polity-label.is-mongol{color:#ffe3a3;text-shadow:0 1px 3px #000000f2,0 0 18px #f2962873;font-weight:600}.z-far .polity-label:not(.is-mongol){font-size:calc(var(--size) * .8)}.city{pointer-events:none;align-items:center;gap:5px;transition:opacity .6s;display:flex}.city-dot{background:#f2ead8;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 1.5px #000000b3}.city-name{font:italic 400 12px var(--serif);color:#f2ead8d9;text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap}.city-r1 .city-name{font-size:13px}.city.gone{opacity:0!important}.z-far .city-r2{opacity:0}.z-far .city-r1 .city-name{font-size:11px}.map:not(.z-near) .city-r2 .city-name{opacity:0}.map:not(.z-near) .city-r2{opacity:.55}.headline{left:50%;bottom:calc(var(--tl-h) + 28px);z-index:6;text-align:left;background:var(--glass-strong);border-color:#f2b54459;border-radius:14px;align-items:flex-start;gap:12px;max-width:min(560px,100vw - 32px);padding:12px 16px;animation:3.4s both headline;display:flex;position:absolute;transform:translate(-50%)}.headline span{flex-direction:column;gap:2px;display:flex}.headline b{font:500 18px/1.2 var(--serif);color:var(--gold-soft)}.headline em{color:#d4cbb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-style:normal;display:-webkit-box;overflow:hidden}@keyframes headline{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.tip{z-index:8;pointer-events:none;background:var(--glass-strong);border-radius:9px;flex-direction:column;gap:2px;max-width:280px;padding:7px 11px;font-size:12px;display:flex;position:absolute;transform:translate(14px,14px)}.tip b{font:500 14px var(--serif)}.tip span{color:#cfc6b3;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tip em{color:var(--muted);font-style:normal}.intro{z-index:20;background:radial-gradient(#05080e59,#05080ecc);place-items:center;animation:.8s both fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.intro-card{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d16c7;border-radius:22px;width:min(560px,100vw - 32px);padding:36px 36px 30px;animation:1s .2s both rise;box-shadow:0 30px 80px #0009}.intro h1{font:400 clamp(38px, 7vw, 58px)/1 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.02em;margin:12px 0 0}.intro-dates{font:italic 300 20px var(--serif);color:var(--gold-soft);margin:8px 0 18px}.intro-card>p:not(.intro-dates){color:#d4cbb8;max-width:440px;margin:0 auto 24px;font-size:15px;line-height:1.65}.intro-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.intro-actions button{border:1px solid var(--line);background:#ffffff0d;border-radius:99px;padding:12px 22px;font-weight:500}.intro-actions button:hover{background:#ffffff1a}.intro-actions .primary{background:var(--gold);color:#1a1208;border:0;box-shadow:0 8px 30px #f2b5444d}.intro-actions .primary:hover{background:#ffc85e}.intro-actions .primary:disabled{opacity:.6;cursor:progress}dialog.about{border:1px solid var(--line);background:var(--glass-strong);width:calc(100vw - 32px);max-width:620px;max-height:calc(100vh - 64px);color:var(--text);border-radius:18px;padding:28px 32px;box-shadow:0 30px 80px #0009}dialog.about::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050a99}.about h2{font:500 28px var(--serif);margin:0 0 10px}.about h3{font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:18px 0 4px}.about p{color:#d4cbb8;margin:0 0 8px;line-height:1.62}.about .close{background:#ffffff0f;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:14px;right:14px}.about kbd{font:500 11px var(--sans);border:1px solid var(--line);background:#ffffff0f;border-radius:5px;padding:1px 6px}.credits{font-size:12.5px}@media (max-width:1100px){.chapter p{display:none}.clock{width:290px}}@media (max-width:720px){:root{--tl-h:92px;--panel-w:100vw}.header{top:10px;left:10px;right:10px}.war-pick{padding:8px 12px 10px}.war-title{font-size:18px}.clock{width:auto;padding:8px 12px 10px;top:78px;left:10px}.clock-year{font-size:40px}.clock-meta{display:none}.chapter{margin-top:6px;padding-top:6px}.chapter h3{max-width:200px;margin:0;font-size:14px}.chapter-n{display:none}.tools{top:auto;bottom:calc(var(--tl-h) + 20px);right:10px}.has-panel .tools{display:none}.timeline{padding:10px 10px 6px 6px;bottom:8px;left:8px;right:8px}.play{width:42px;height:42px}.tl-phase text{display:none}.panel{z-index:9;border-radius:18px 18px 0 0;width:auto;height:62vh;animation-name:sheet;inset:auto 0 0}@keyframes sheet{0%{opacity:0;transform:translateY(40px)}}.panel h2{font-size:22px}.legend{bottom:calc(var(--tl-h) + 20px);left:10px}.legend.open{max-height:50vh;overflow:auto}.headline{bottom:calc(var(--tl-h) + 70px)}.ev-sides{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.capture *,.capture :before,.capture :after{transition:none!important;animation:none!important}