:root{--bg:#0c1018;--surface:#141a24;--surface2:#1b2330;--ink:#f4efe5;--muted:#aeb7c4;--line:#303a49;--amber:#e7a547;--state:#e7a547;--war:#e56a5d;--exchange:#58b4a8;--revolution:#a887d5;--science:#6aa7df;--diplomacy:#d8c26a;--shadow:0 18px 50px #00000047}.era-row{scrollbar-width:none}.era-row::-webkit-scrollbar{display:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 52% 10%,#1b2230 0,#0c1018 35%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input{font:inherit}button,a{touch-action:manipulation}.shell{max-width:1500px;margin:auto;padding:0 32px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.brand{color:var(--ink);letter-spacing:.05em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand b{color:var(--amber);font-weight:600}.brand-mark{border:1px solid var(--amber);width:38px;height:38px;color:var(--amber);border-radius:50%;place-items:center;display:grid}.brand-mark svg{width:20px}.period{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;align-items:baseline;gap:12px;font-size:.8rem;display:flex}.period strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.05rem}.timeline{padding:48px 0 24px}.timeline-copy{grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;display:grid}.timeline-copy h1{letter-spacing:-.04em;max-width:850px;margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:400;line-height:.98}.timeline-copy>p{color:var(--muted);max-width:580px;margin:0 0 5px}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.75rem;font-weight:600}.range-row{color:var(--muted);grid-template-columns:110px 1fr 48px;align-items:center;gap:16px;margin-top:40px;font-size:.75rem;display:grid}.range-row input{width:100%;accent-color:var(--amber);cursor:pointer}.era-row{gap:8px;padding:14px 0 6px;display:flex;overflow-x:auto}.era-row button,.legend button{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;transition:background .2s,color .2s,border-color .2s}.era-row button{font-variant-numeric:tabular-nums;padding:8px 14px;font-size:.78rem}.era-row button:hover,.era-row button.active{color:var(--ink);border-color:var(--amber);background:#e7a5471a}.workspace{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 390px;min-height:620px;display:grid}.map-column{min-width:0;padding:24px 28px 20px 0}.map-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.legend{flex-wrap:wrap;gap:6px;display:flex}.legend button{align-items:center;gap:7px;min-height:38px;padding:6px 10px;font-size:.75rem;display:flex}.legend button.off{opacity:.45}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.state{background:var(--state)}.dot.war{background:var(--war)}.dot.exchange{background:var(--exchange)}.dot.revolution{background:var(--revolution)}.dot.science{background:var(--science)}.dot.diplomacy{background:var(--diplomacy)}.event-count{color:var(--muted);white-space:nowrap;padding-top:9px;font-size:.72rem}.map-wrap{min-height:310px;position:relative}.map-wrap svg{width:100%;height:auto;display:block;overflow:visible}.sphere{fill:#101720;stroke:#3b4655;stroke-width:1px}.countries path{fill:#202b37;stroke:#556170;stroke-width:.55px;cursor:pointer;transition:fill .2s}.countries path:hover,.countries path:focus{fill:#354354;outline:none}.grain{fill:url(#grain);opacity:.12;pointer-events:none}pattern circle{fill:#8c98a8}.links path{fill:none;stroke-width:1.7px;opacity:.7;stroke-dasharray:5 4}.links path.selected{stroke-width:3px;opacity:1}.links .state{stroke:var(--state)}.links .war{stroke:var(--war)}.links .exchange{stroke:var(--exchange)}.links .revolution{stroke:var(--revolution)}.links .science{stroke:var(--science)}.links .diplomacy{stroke:var(--diplomacy)}.event{cursor:pointer;outline:none}.event .hit{fill:#0000}.event .pulse{stroke:#0c1018;stroke-width:2px}.event .core{fill:#fff}.event.state .pulse{fill:var(--state)}.event.war .pulse{fill:var(--war)}.event.exchange .pulse{fill:var(--exchange)}.event.revolution .pulse{fill:var(--revolution)}.event.science .pulse{fill:var(--science)}.event.diplomacy .pulse{fill:var(--diplomacy)}.event:focus .hit,.event:hover .hit{fill:#ffffff1f}.event.selected .pulse{filter:drop-shadow(0 0 8px)}.empty-map{border:1px solid var(--amber);color:var(--ink);cursor:pointer;background:#141a24;border-radius:999px;padding:12px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-note{color:var(--muted);align-items:flex-start;gap:8px;margin:8px 0 0;font-size:.74rem;display:flex}.map-note svg{flex:none;width:15px}.details{border-left:1px solid var(--line);background:linear-gradient(160deg,#1b2330bf,#0f141dcc);min-height:600px}.detail-inner{padding:32px}.detail-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-size:.72rem;display:flex}.detail-kicker svg{width:16px}.details h2{margin:18px 0;font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.08}.details p{color:#d6dbe2}.place{align-items:center;gap:8px;display:flex;color:var(--amber)!important;font-size:.78rem!important}.place svg{width:16px}.why,.related{border-top:1px solid var(--line);margin:24px 0;padding-top:18px}.why>span,.related>span{color:var(--amber);text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.why p{margin-bottom:0}.relation{border-left:2px solid var(--amber);color:#dce0e5;background:#e7a54714;align-items:flex-start;gap:10px;padding:14px;font-size:.82rem;display:flex}.relation svg{flex:none;width:16px;margin-top:2px}.country-tags{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.country-tags span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.7rem}.primary-link,.country-sources a{color:var(--ink);border:1px solid var(--line);align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.primary-link:hover,.country-sources a:hover{border-color:var(--amber);background:#e7a5470f}.primary-link>svg:first-child{color:var(--amber)}.primary-link svg,.country-sources svg{flex:none;width:18px}.primary-link svg:last-child,.country-sources svg{margin-left:auto}.primary-link span,.country-sources span{flex-direction:column;display:flex}.primary-link small,.country-sources small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.country-sources{gap:8px;margin-top:22px;display:grid}.related p{grid-template-columns:70px 1fr;gap:8px;margin:10px 0;font-size:.78rem;display:grid}.related b{color:var(--amber);font-weight:500}.sources{grid-template-columns:.72fr 1.28fr;gap:64px;padding:64px 0;display:grid}.sources h2{margin:10px 0 18px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.05}.sources>div>p:last-child{color:var(--muted);max-width:520px}.source-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.source-grid a{border:1px solid var(--line);min-height:120px;color:var(--ink);align-items:flex-start;gap:14px;padding:18px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.source-grid a:hover{background:var(--surface);border-color:#596577}.source-grid svg{width:19px;color:var(--amber);flex:none}.source-grid svg:last-child{color:var(--muted);margin-left:auto}.source-grid span{flex-direction:column;gap:7px;display:flex}.source-grid strong{font-weight:500}.source-grid small{color:var(--muted);line-height:1.35}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding:24px 0 36px;font-size:.7rem;display:flex}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:3px solid var(--amber);outline-offset:3px}.filter-stack{gap:8px;display:grid}.grade-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.grade-filter>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-right:3px;font-size:.7rem}.grade-filter button{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:3px 10px;font-size:.72rem;transition:background .2s,color .2s,border-color .2s}.grade-filter button.off{opacity:.55}.grade-filter button.on,.grade-filter button:hover{color:var(--ink);border-color:var(--amber);background:#e7a5471a}.event-materials{border-bottom:1px solid var(--line);padding:56px 0 12px}.event-materials-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.event-materials-heading h2{margin:10px 0 0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);font-weight:400;line-height:1.05}.event-materials-heading>p{color:var(--muted);white-space:nowrap;margin:0}.event-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:44px;display:grid}.event-materials-grid article{border:1px solid var(--line);background:#141a2485;flex-direction:column;min-width:0;padding:22px;transition:border-color .2s,background .2s;display:flex}.event-materials-grid article.selected{border-color:var(--amber);background:#e7a54712}.event-material-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;font-size:.7rem;display:flex}.event-materials-grid h3{margin:12px 0 8px;font-family:Georgia,serif;font-size:1.45rem;font-weight:400;line-height:1.15}.event-materials-grid article>p{color:#d6dbe2}.event-material-place{align-items:center;gap:7px;font-size:.75rem;display:flex;color:var(--amber)!important}.event-material-place svg,.event-material-relation svg{flex:none;width:15px}.event-material-why{border-top:1px solid var(--line);padding-top:14px}.event-material-relation{align-items:flex-start;gap:8px;display:flex}.event-material-footer{justify-content:space-between;align-items:end;gap:16px;margin-top:auto;padding-top:14px;display:flex}.event-material-footer>span{color:var(--muted);font-size:.7rem}.event-material-footer button{border:0;border-bottom:1px solid var(--amber);color:var(--ink);cursor:pointer;background:0 0;flex:none;padding:3px 0;font-size:.72rem}.event-material-footer button:hover{color:var(--amber)}.source-grid .source-meta{color:var(--amber);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;display:block}.source-grid em{color:#cbd2dc;font-size:.72rem;font-style:normal;line-height:1.3}.source-grid .source-access{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.07em;padding-top:7px;font-size:.65rem}.curriculum-row{color:#d6e8e5;background:#58b4a80f;border:1px solid #58b4a859;align-items:flex-start;gap:8px;margin:4px 0 8px;padding:10px 12px;font-size:.76rem;display:flex}.curriculum-row svg{width:15px;color:var(--exchange);flex:none;margin-top:2px}.curriculum-panel{background:#58b4a80f;border:1px solid #58b4a859;padding:13px 14px}.curriculum-panel>span{color:var(--exchange);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.curriculum-panel p{margin:5px 0 0;font-size:.78rem}@media (max-width:980px){.shell{padding:0 20px}.timeline-copy{grid-template-columns:1fr;gap:20px}.workspace{grid-template-columns:1fr}.map-column{padding-right:0}.details{border-left:0;border-top:1px solid var(--line);min-height:0}.sources{grid-template-columns:1fr;gap:28px}.detail-inner{padding:28px 4px}.map-toolbar{flex-direction:column}.event-count{padding:0}.source-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.shell{padding:0 14px}.masthead{height:62px}.period span{display:none}.timeline{padding-top:32px}.timeline-copy h1{font-size:2.7rem}.range-row{grid-template-columns:86px 1fr 38px;gap:8px}.era-row{margin-right:-14px}.map-column{padding-top:18px}.legend{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.legend button{justify-content:center;padding:6px}.map-note{font-size:.68rem}.event-materials-heading{flex-direction:column;align-items:flex-start;gap:8px}.event-materials-grid{grid-template-columns:1fr}.event-material-footer{flex-direction:column;align-items:flex-start}.source-grid{grid-template-columns:1fr}.sources{padding:48px 0}.source-grid a{min-height:0}.details h2{font-size:1.75rem}footer{flex-direction:column;gap:7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}