:root{color-scheme:dark;color:#eadfc9;--ink:#100d0b;--ivory:#f3e7cf;--muted:#b9a990;--line:#d3a46847;--shadow:0 1.5rem 4rem #00000059;background:#100d0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/3.5rem 3.5rem,linear-gradient(#ffffff05 1px,#0000 1px) 0 0/3.5rem 3.5rem,radial-gradient(circle at 20% 0,#7f48234d,#0000 38rem),radial-gradient(circle at 90% 35%,#452a1940,#0000 42rem),linear-gradient(145deg,#18110e,#0c0a09 72%);min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}a{color:#e5ad70;text-underline-offset:.2em}a:hover{color:#ffd49a}:focus-visible{outline-offset:4px;outline:3px solid #f0b56f}[hidden]{display:none!important}.history-app{width:min(112rem,100%);min-height:100vh;margin-inline:auto;padding:clamp(1.2rem,3vw,3.5rem)}.site-header{text-align:center;max-width:76rem;margin:0 auto;padding:clamp(1.2rem,2.4vw,2.2rem) 1rem clamp(1.1rem,2.2vw,2rem)}.site-header__kicker,.eyebrow{color:#d69a5c;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem;font-weight:700}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{text-wrap:balance;font-family:Georgia,Times New Roman,serif}h1{color:var(--ivory);letter-spacing:-.035em;text-shadow:0 .2rem 2rem #00000080;margin:0;font-size:clamp(1.5rem,3.3vw,3.5rem);font-weight:600;line-height:.94}.site-header__intro{color:#c9baa2;max-width:52rem;margin:1.25rem auto 0;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.65}.timeline{z-index:2;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff12, var(--shadow);background:linear-gradient(#412a1cf0,#1a120ef5);border-radius:.45rem;padding:1rem clamp(.35rem,2vw,2rem) 0;position:relative}.timeline:before{content:"";background:linear-gradient(90deg,#0000,#b77b49 6%,#d29a60 50%,#b77b49 94%,#0000);height:2px;position:absolute;top:2.03rem;left:clamp(2rem,7vw,8rem);right:clamp(2rem,7vw,8rem)}.timeline__list{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.timeline__button{cursor:pointer;background:0 0;border:0;justify-items:center;width:100%;min-height:5.3rem;padding:0 .35rem .75rem;display:grid;position:relative}.timeline__marker{z-index:1;background:#241812;border:2px solid #d0a06b;border-radius:50%;width:1.05rem;height:1.05rem;transition:all .18s;box-shadow:0 0 0 .35rem #2a1c15cc}.timeline__label{color:#eed9b9;margin-top:.65rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,1.35vw,1.15rem);font-weight:700;line-height:1}.timeline__era{color:#917e69;letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.59rem}.timeline__button:hover .timeline__marker,.timeline__button[aria-pressed=true] .timeline__marker{background:#c4773e;border-color:#ffd08f;transform:scale(1.18);box-shadow:0 0 0 .35rem #d98b4d29,0 0 1.6rem #cf8249}.timeline__button[aria-pressed=true] .timeline__label{color:#fff3da}.selection-status{color:#978772;text-align:center;min-height:1.4rem;margin:.75rem 0;font-size:.72rem}.history-workspace{grid-template-columns:minmax(0,1.55fr) minmax(20rem,.72fr);align-items:start;gap:clamp(1rem,2.2vw,2rem);display:grid}.history-workspace__main,.map-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#140f0ceb;border-radius:.45rem}.history-workspace__main{min-height:35rem}.welcome-panel,.civilization-panel{align-content:center;min-height:35rem;padding:clamp(1.5rem,4vw,4rem);display:grid}.welcome-panel{background:linear-gradient(110deg,#0d0a09f2,#1f140eb3),repeating-linear-gradient(45deg,#0000 0 2.5rem,#cb8f5009 2.5rem 5rem);position:relative;overflow:hidden}.welcome-panel:after{content:"";border:1px solid #dca3641f;border-radius:50%;width:24rem;height:24rem;position:absolute;bottom:-8rem;right:-4rem}.welcome-panel h2,.civilization-panel h2{max-width:45rem;color:var(--ivory);margin:0;font-size:clamp(1.4rem,3.1vw,2.6rem);font-weight:600;line-height:1}.welcome-panel>p:not(.eyebrow),.civilization-panel__header>p:last-child{max-width:43rem;color:var(--muted);line-height:1.7}.welcome-panel__ornament{color:#ce945652;gap:1.5rem;margin-top:2rem;font-size:clamp(2rem,5vw,4rem);display:flex}.civilization-panel{align-content:start}.civilization-panel__header{margin-bottom:clamp(1.1rem,2.4vw,1.8rem)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.category-card{color:#ead6b6;text-align:left;cursor:pointer;background:linear-gradient(120deg,#58341e73,#1d1410cc);border:1px solid #c98f544d;border-radius:.3rem;grid-template-columns:2.6rem 1fr;align-items:center;min-height:5rem;padding:.8rem 1rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.category-card:hover{background:linear-gradient(120deg,#79462594,#261912e6);border-color:#c88950;transform:translateY(-2px)}.category-card__letter{color:#e7a967;border:1px solid #e0a76873;border-radius:50%;place-items:center;width:2rem;height:2rem;font-family:Georgia,Times New Roman,serif;font-weight:700;display:grid}.map-panel{position:sticky;top:1rem;overflow:hidden}.map-panel__header{padding:1rem 1.1rem .8rem}.map-panel__header h2{color:#f2dfbf;margin:0;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1}.map-panel__viewport{border-block:1px solid var(--line);background:radial-gradient(circle at 50% 44%,#5f3f275c,#0000 53%),#110e0c;place-items:center;min-height:25rem;display:grid}.orientation-media{background:#08090a;place-items:center;width:100%;min-height:25rem;display:grid;position:relative;overflow:hidden}.orientation-media__video,.orientation-media__fallback{object-fit:cover;width:100%;height:25rem;display:block}.orientation-media__fallback,.orientation-media.is-reduced-motion .orientation-media__video,.orientation-media.has-video-error .orientation-media__video{display:none}.orientation-media.is-reduced-motion .orientation-media__fallback,.orientation-media.has-video-error .orientation-media__fallback{display:block}.map-panel__visual{width:100%}.map-panel__visual:empty{display:none}.map-panel__visual .visual-figure{background:0 0;border:0;border-radius:0;margin:0}.map-panel__visual .visual-figure__image-wrap{aspect-ratio:16/10}.map-panel__visual .visual-figure img{object-fit:cover;width:100%;height:100%}.map-panel__visual .visual-figure figcaption{padding:1rem 1.2rem}.map-panel__status{color:#a99880;margin:0;padding:.9rem 1.2rem;font-size:.76rem;line-height:1.45}.content-viewer:empty{display:none}.content-article{padding:clamp(1.2rem,3vw,2.5rem)}.content-article__header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding-bottom:1.5rem;display:grid}.content-article__header h2{color:#f5e5c8;max-width:48rem;margin:0;font-size:clamp(1.4rem,2.8vw,2.3rem);font-weight:600;line-height:1}.content-article__period{color:#c78f58;margin:.75rem 0 0;font-size:.72rem;line-height:1.5}.back-button{color:#ecd4ae;cursor:pointer;background:#643b2147;border:1px solid #d39a5e6b;border-radius:.25rem;padding:.7rem .9rem;font-size:.76rem}.back-button:hover{background:#894e276b}.markdown-body{color:#ded1ba;max-width:61rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(.92rem,1.16vw,.95rem);line-height:1.72}.markdown-body h2{color:#efd4a7;margin:2.2rem 0 .7rem;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:600;line-height:1.12}.markdown-body blockquote{background:#693c1f29;border:1px solid #c483443d;border-left:4px solid #bd7842;margin:2rem 0;padding:1rem 1.4rem}.markdown-body blockquote p{margin:.45rem 0}.visual-figure{background:#15100d;border:1px solid #ca92564d;border-radius:.35rem;max-width:61rem;margin:2.2rem 0;overflow:hidden}.visual-figure__image-wrap{background:#0c0a09;position:relative}.visual-figure img{width:100%;height:auto;display:block}.visual-figure figcaption{color:#bcae98;gap:.34rem;padding:.85rem 1rem .9rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;line-height:1.45;display:grid}.visual-figure figcaption strong{color:#ead8ba;font-family:Georgia,Times New Roman,serif;font-size:.9rem}.visual-figure__credit{color:#8f806d;font-size:.62rem}.content-article__sources{border-top:1px solid var(--line);max-width:61rem;margin-top:3rem;padding-top:1.5rem}.content-article__sources h3{color:#e6c18d;margin:0;font-size:1rem}.content-article__sources ul{padding-left:1.2rem}.content-article__sources li{color:#aa9b85;margin:.55rem 0;font-size:.72rem;line-height:1.45}.content-article__sources a span{color:#8f806d}.content-article__credits{background:linear-gradient(120deg,#58341e4d,#1d1410b8);border:1px solid #c98f544d;border-radius:.35rem;max-width:61rem;margin-top:1.25rem;padding:1rem 1.1rem}.content-article__credits p{color:#b9a990;margin:.2rem 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;line-height:1.55}.content-article__credits p:first-child{color:#ead8ba}.content-article__credits a{color:#e5ad70}.content-article__back-bottom{align-items:center;gap:.35rem;margin-top:1.5rem;display:inline-flex}.map-panel__back-button{justify-content:center;align-items:center;gap:.35rem;width:calc(100% - 2.4rem);margin:0 1.2rem 1.2rem;display:flex}.no-script-directory{border:1px solid var(--line);margin:1rem;padding:1.5rem}.visual-library{display:none}@media (width<=980px){.history-workspace{grid-template-columns:1fr}.map-panel{position:static}.map-panel__viewport{min-height:22rem}.orientation-media,.orientation-media__video,.orientation-media__fallback{height:22rem;min-height:22rem}}@media (width<=680px){.history-app{padding:.75rem}.site-header{padding-inline:.4rem}.timeline{padding-inline:0;overflow-x:auto}.timeline:before{min-width:34rem;left:2.8rem;right:2.8rem}.timeline__list{min-width:39rem}.selection-status{text-align:left}.welcome-panel,.civilization-panel{min-height:27rem;padding:1.5rem}.category-grid{grid-template-columns:1fr}.content-article{padding:1.2rem}.content-article__header{grid-template-columns:1fr}.back-button{grid-row:1;justify-self:start}.map-panel__viewport{min-height:18rem}.orientation-media,.orientation-media__video,.orientation-media__fallback{height:18rem;min-height:18rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}