: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}.music{border-left:1px solid var(--line);align-items:center;gap:2px;margin-left:2px;padding-left:2px;padding-right:8px;display:flex}.tools .music button{color:var(--muted)}.tools .music button.on{color:var(--gold-soft);background:0 0}.music input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--gold) var(--v), #ffffff29 var(--v));border-radius:99px;width:84px;height:4px;margin:0}.music input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff4d8;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #0009}.music input[type=range]::-moz-range-thumb{background:#fff4d8;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #0009}.music input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.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-figure{margin:0 0 16px}.ev-figure a{background:#1d1810;border:1px solid #3a3326;border-radius:8px;display:block;overflow:hidden}.ev-figure img{object-fit:cover;object-position:center 25%;width:100%;max-height:300px;display:block}.ev-figure figcaption{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.45}.ev-figure figcaption span{opacity:.7}.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)}.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;align-content:start;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-focus{color:#ffe3a3;text-shadow:0 1px 3px #000000f2,0 0 18px #f2962873;font-weight:600}.z-far .polity-label:not(.is-focus){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}.city.crowded .city-name,.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:.45s 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)}}.headline.leaving{pointer-events:none;animation:.6s both headline-out}@keyframes headline-out{to{opacity:0;transform:translate(-50%,-6px)}}.flash{--tilt:-1.4deg;--accent:var(--gold);z-index:6;text-align:left;color:#1d1710;width:340px;transform:rotate(var(--tilt));transform-origin:50% 0;background:#f1e8d4;border:0;border-radius:6px;flex-direction:column;gap:10px;padding:10px 10px 14px;transition:right .35s;animation:.55s cubic-bezier(.2,.9,.25,1.15) both flick;display:flex;position:absolute;top:84px;right:28px;box-shadow:inset 0 2px #ffffff59,0 24px 60px #0009,0 0 0 1px #00000040}.has-panel .flash{right:calc(var(--panel-w) + 40px)}.flash.major{width:380px}.flash.leaving{pointer-events:none;z-index:5;animation:.65s cubic-bezier(.5,0,.75,0) both flick-out}.flash:hover{box-shadow:0 2px 0 #ffffff59 inset, 0 28px 70px #000000a6, 0 0 0 2px var(--accent)}@keyframes flick{0%{opacity:0;transform:translateY(-24px) rotate(calc(var(--tilt) * -4)) scale(.86);filter:brightness(2.2)blur(3px)}35%{opacity:1;filter:brightness(1.5)blur()}to{opacity:1;transform:rotate(var(--tilt));filter:none}}@keyframes flick-out{to{opacity:0;transform:translate(30px, 260px) rotate(calc(var(--tilt) * 3)) scale(.35)}}.flash-photo{aspect-ratio:4/3;background:#2a241b;border-radius:2px;display:block;position:relative;overflow:hidden}.flash-photo img{object-fit:cover;filter:sepia(.18)contrast(1.05);width:100%;height:100%;animation:1.6s both develop;display:block}@keyframes develop{0%{filter:sepia(.8)brightness(1.8)contrast(.6)}}.flash-date{color:#f7dca0;font:600 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;background:#0a0805c7;border-radius:3px;padding:3px 8px;position:absolute;bottom:8px;left:8px}.flash-text{flex-direction:column;gap:3px;padding:0 4px;display:flex}.flash-kind{font:600 10px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6d5f48}.flash-kind i{color:color-mix(in srgb, var(--accent) 55%, #3b2f1c);font-style:normal}.flash b{font:500 21px/1.15 var(--serif);letter-spacing:-.01em}.flash em{color:#4a3f2e;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-style:normal;line-height:1.45;display:-webkit-box;overflow:hidden}.flash-more{font:600 11.5px var(--sans);color:#8a6516;margin-top:2px}.reel{right:16px;bottom:calc(var(--tl-h) + 28px);z-index:4;flex-direction:row-reverse;gap:6px;transition:right .35s;display:flex;position:absolute}.reel-item{background:#f1e8d4;border:0;border-radius:3px;width:58px;height:44px;padding:3px;transition:transform .2s,opacity .3s;animation:.5s both reel-in;box-shadow:0 6px 18px #00000080}.reel-item:hover{transform:translateY(-3px)scale(1.06);opacity:1!important}.reel-item img{object-fit:cover;filter:sepia(.25);width:100%;height:100%;display:block}@keyframes reel-in{0%{opacity:0;transform:translateY(10px)scale(.7)}}.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):not(.intro-tip){color:#d4cbb8;max-width:440px;margin:0 auto 24px;font-size:15px;line-height:1.65}.intro-tip{max-width:420px;color:var(--muted);margin:20px auto 0;font-size:12.5px;line-height:1.6}.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}.reel-item:nth-child(n+4){display:none}}@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}.music-label{display:none}.music{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:12px;margin:0;padding:4px 12px 4px 4px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000059}.music input[type=range]{width:88px}.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)}.flash{top:auto;bottom:calc(var(--tl-h) + 64px);width:min(300px,100vw - 40px);margin-right:calc(min(300px,100vw - 40px)/-2);padding:8px 8px 10px;right:50%}.flash.major{width:min(300px,100vw - 40px)}.flash-photo{aspect-ratio:16/9}.flash b{font-size:17px}.flash em{-webkit-line-clamp:2;font-size:12px}.reel{display:none}.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}.chooser{background:radial-gradient(at 50% 45%,#121a2e 0%,#070b14 62%,#04060b 100%);flex-direction:column;align-items:center;gap:34px;padding:48px 16px 40px;display:flex;position:fixed;inset:0;overflow:hidden auto}.ch-globe{pointer-events:none;opacity:.55;width:min(118vmin,980px);height:auto;animation:2s both fade;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ch-lines{fill:none;stroke:#f2deb429;stroke-width:1px}.ch-rim{fill:none;stroke:#7ea6ef40;stroke-width:1.5px;filter:drop-shadow(0 0 24px #7ea6ef59)}.ch-head{text-align:center;max-width:560px;margin-top:auto;animation:1s both rise;position:relative}.ch-head h1{font:400 clamp(42px, 8vw, 72px)/1 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.025em;margin:14px 0 12px}.ch-head p{color:#d4cbb8;max-width:470px;margin:0 auto;font-size:15.5px;line-height:1.65}.ch-cards{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1140px;display:flex;position:relative}.ch-card{--accent:var(--gold);text-align:left;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d16c7;border-radius:20px;flex-direction:column;flex:0 350px;align-items:flex-start;gap:8px;padding:26px 26px 22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;animation:.9s both rise;display:flex;box-shadow:0 30px 80px #00000080}.ch-card:hover,.ch-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 34px 90px #0000008c, 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 60px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-4px)}.ch-card:focus-visible{outline:none}.ch-emblem{width:58px;height:58px;color:var(--accent);filter:drop-shadow(0 4px 18px color-mix(in srgb, var(--accent) 35%, transparent));margin-bottom:6px}.ch-span{font:italic 300 17px var(--serif);color:var(--accent)}.ch-title{font:500 29px/1.1 var(--serif);letter-spacing:-.015em}.ch-teaser{color:#cfc6b3;flex:1;font-size:14.5px;line-height:1.6}.ch-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:10px;padding-top:14px;display:flex}.ch-stats{color:var(--muted);font-size:12.5px}.ch-go{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.ch-go svg{transition:transform .3s}.ch-card:hover .ch-go svg{transform:translate(3px)}.ch-soon{text-align:center;max-width:780px;color:var(--muted);margin:0 0 auto;font-size:12.5px;line-height:1.7;animation:1.2s .6s both fade;position:relative}.ch-soon span{font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);opacity:.8;margin-right:8px}.ch-howto{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d16b8;border-radius:20px;width:100%;max-width:1090px;padding:26px 28px 22px;animation:1s .4s both rise;position:relative}.ch-howto h2{font:600 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}.ch-howto ol{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px 28px;margin:0;padding:0;list-style:none;display:grid}.ch-howto li{align-items:flex-start;gap:14px;animation:.8s both rise;display:flex}.ch-howto li>svg{fill:none;width:34px;height:34px;stroke:var(--gold-soft);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background:#f2b5441f;border-radius:50%;flex:none;padding:7px}.ch-howto li:nth-child(2)>svg{fill:var(--gold-soft)}.ch-howto h3{font:500 17px/1.2 var(--serif);margin:4px 0}.ch-howto h3 span{font:600 11px var(--sans);color:var(--muted);margin-right:2px}.ch-howto p{color:#cfc6b3;margin:0;font-size:13.5px;line-height:1.6}.ch-howto b{color:var(--text);font-weight:600}.ch-howto kbd{font:500 11px var(--sans);border:1px solid var(--line);background:#ffffff0f;border-radius:5px;padding:1px 5px}.ch-howto .ch-tip{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:14px;font-size:12.5px}.boot{color:var(--muted);font:italic 300 18px var(--serif);background:radial-gradient(at 50% 45%,#121a2e 0%,#070b14 62%,#04060b 100%);place-items:center;display:grid;position:fixed;inset:0}.boot span{animation:1.4s infinite alternate fade}.war-menu li.all{border-top:1px solid var(--line)}@media (max-width:820px){.chooser{gap:26px;padding-top:40px}.ch-head{margin-top:0}.ch-card{flex-basis:480px;padding:22px 20px 18px}.ch-title{font-size:25px}.ch-howto{padding:20px 18px 18px}.ch-howto ol{grid-template-columns:1fr}}.war-menu li:not(.soon):not(.on){cursor:pointer}.war-menu li:not(.soon):not(.on):hover{background:#ffffff0f}