:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e1a;--card:#10172a;--line:#243049;--fg:#e8e6e3;--muted:#8b93a7;--accent:#e86aa6;--green:#6fcf97;--ochre:#d9a441;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--sans);margin:0;line-height:1.5}body{font-size:15px}h1,h2,h3,.modal-title,.identity-name,.era-year,.title{font-family:var(--serif);font-weight:400}.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85em}.accent{color:var(--accent)}a{color:var(--green)}p{margin:0 0 .6em}button{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#182238;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--muted)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:default}button.active{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#140a10;padding:10px 18px;font-weight:600}button.quiet{background:0 0}button.link{color:var(--muted);background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.wide{width:100%;margin:8px 0}.timebar{border-bottom:1px solid var(--line);background:var(--card);z-index:5;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px 16px;display:grid;position:sticky;top:0}.brand{font-family:var(--serif);color:var(--accent)}.timebar-era{align-items:center;gap:16px;min-width:0;display:flex}.era-year{letter-spacing:.02em;white-space:nowrap;font-size:2rem}.progress{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .4s}.timebar-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.speeds{gap:2px;display:inline-flex}.speeds button{padding:6px 8px}.layout{grid-template-columns:280px minmax(0,1fr) 280px;gap:16px;max-width:1400px;margin:0 auto;padding:16px;display:grid}.column{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.card-kicker{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem}.card-identity{border-color:#4a2a3d}.identity-name{margin:0 0 4px;font-size:1.35rem}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.facts-big dd{font-size:1.1rem}.code{color:var(--muted);letter-spacing:.05em;word-break:break-all;margin:12px 0 0}.gauge{margin:8px 0}.gauge-head{justify-content:space-between;font-size:.9em;display:flex}.gauge-bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.gauge-fill{background:var(--green);height:100%;transition:width .6s}.help{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:.9em}.scene-box{justify-content:center;width:100%;display:flex}.scene-frame{border:1px solid var(--line);background:#000;border-radius:6px;position:relative;overflow:hidden}.scene-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;inset:0}.scene-canvas.front{animation:.9s both scene-in}.scene-canvas.front:not(.fading){animation:none}.scene-canvas.back{opacity:0}.scene-canvas.back.fading{opacity:1;animation:.9s both scene-out}@keyframes scene-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}@keyframes scene-out{0%{opacity:1}to{opacity:0;transform:translate(-6px)}}.scene-era{color:#ffffffb3;font-family:var(--serif);text-shadow:0 1px 2px #000;font-size:1.1rem;position:absolute;bottom:10px;right:12px}.era-year{animation:.5s both year-tick;display:inline-block}@keyframes year-tick{0%{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:none}}.era-text{animation:.8s both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.square.lit{animation:.6s both light-up}@keyframes light-up{0%{filter:brightness(2);transform:scale(1.8)}to{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.scene-canvas,.era-year,.era-text,.square{animation:none!important}}.scene-caption{color:var(--muted);margin:6px 2px 0}.banner{color:var(--ochre);margin:0}.chronicle-list{margin:0;padding:0;list-style:none}.entry{border-top:1px solid var(--line);grid-template-columns:70px 1fr;gap:10px;padding:8px 0;display:grid}.entry:first-child{border-top:none}.entry p{margin:0}.entry-year{color:var(--muted);padding-top:2px}.entry-crossroad p{color:var(--accent)}.entry-civ p{color:var(--muted)}.entry-end p{color:var(--ochre);font-family:var(--serif);font-size:1.1em}.data{color:var(--green);margin-top:4px!important}.civs{margin:0;padding:0;list-style:none}.civs li{padding:3px 0}.civ-name{font-family:var(--serif)}.timemap{flex-wrap:wrap;gap:3px;display:flex}.square{border-radius:2px;width:12px;height:12px}.modal-backdrop{z-index:10;background:#050810cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:var(--card);border:1px solid #4a2a3d;border-radius:10px;width:100%;max-width:640px;padding:24px}.modal-title{margin:0 0 12px;font-size:1.8rem}.modal-context{font-size:1.05rem}.data-box{color:var(--green);background:#0e1a16;border:1px solid #27513c;border-radius:6px;margin:12px 0 16px;padding:10px 12px}.sources{flex-direction:column;gap:2px;margin-top:6px;display:flex}.sources a{color:#8fc9a8;word-break:break-all;font-size:.9em}.branches{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.branch{text-align:left;border-color:#3a4766;align-items:center;gap:14px;width:100%;padding:12px 14px;font-size:1.05rem;display:flex}.branch:hover,.branch:focus-visible{border-color:var(--accent)}.branch-num{color:var(--accent);min-width:1.2em}.modal-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.screen{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:10vh 20px 40px;display:flex}.title{margin:0;font-size:3rem}.tagline{color:var(--muted);margin:0 0 16px;font-style:italic}.intro{font-size:1.1rem}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.end-facts{grid-template-columns:1fr 1fr}.end-crossroads{margin:0;padding-left:20px}.end-crossroads li{padding:3px 0}@media (width<=960px){.layout{grid-template-columns:1fr;padding:12px}.column-center{order:-1}.timebar{grid-template-columns:1fr;gap:6px;padding:8px 12px;position:static}.timebar-controls button{padding:4px 8px;font-size:.9em}.era-year{font-size:1.6rem}.title{font-size:2.2rem}}.memorial{padding-top:6vh}.globes{flex-wrap:wrap;justify-content:center;gap:32px;margin:8px 0;display:flex}.globe{text-align:center;margin:0}.globe canvas{image-rendering:pixelated;margin:0 auto 6px;display:block}.compare{border-collapse:collapse;width:100%}.compare th,.compare td{text-align:left;border-top:1px solid var(--line);padding:6px 8px}.compare thead th{color:var(--muted);border-top:none;font-size:.85em;font-weight:400}.compare tbody th{color:var(--muted);font-weight:400}.compare td{font-size:1.1rem}.memorial-crossroads{margin:0;padding:0;list-style:none}.memorial-crossroads li{border-top:1px solid var(--line);grid-template-columns:70px 1fr;gap:2px 10px;padding:8px 0;display:grid}.memorial-crossroads li:first-child{border-top:none}.memorial-crossroads .cr-title{color:var(--muted);grid-column:2}.memorial-crossroads .cr-choice{grid-column:2;font-size:1.05em}.memorial-crossroads .cr-real{grid-column:2}.memorial-crossroads .deviated .cr-choice{color:var(--accent)}.others{margin:0;padding:0;list-style:none}.others li{padding:3px 0}.about section{margin-top:18px}.about>button{align-self:flex-start}.about h2{margin:0 0 6px;font-size:1.4rem}.data-list{margin:0;padding:0;list-style:none}.data-list li{border-top:1px solid var(--line);padding:10px 0}.data-list .data{margin:4px 0!important}.sources-inline{flex-direction:column;gap:2px;display:flex}.sources-inline a{color:#8fc9a8;word-break:break-all;font-size:.85em}