:root{--paper-25:#fbf7ef;--clay-100:#efe3cd;--clay-300:#d6bb92;--clay-500:#a5805b;--clay-700:#5f452f;--bitumen-900:#1e1813;--lapis-600:#1f3f73;--lapis-800:#142a4e;--gold-500:#b08d3e;--ochre-600:#9a3e28;--bg-deep:#f3ecdd;--bg:#fbf7ef;--bg-raised:#fff;--surface-1:#fff;--surface-2:#fbf7ef;--surface-glass:#18130eb8;--border:#1e181324;--border-strong:#1e181342;--shadow-1:0 1px 2px #1e18130d, 0 6px 20px #1e18130f;--shadow-2:0 2px 6px #1e181314, 0 22px 48px #1e18131a;--text:#5f452f;--text-strong:#1e1813;--text-muted:#a5805b;--text-faint:#b09a7d;--text-on-dark:#fbf7ef;--text-on-dark-muted:#d6bb92;--accent:#1f3f73;--accent-deep:#142a4e;--accent-bright:#2c548f;--gold:#b08d3e;--gold-bright:#c6a24e;--gold-deep:#8f7030;--ink-on-gold:#1e1813;--danger:#9a3e28;--lapis:#1f3f73;--lapis-deep:#142a4e;--clay:#c6a36c;--clay-deep:#9c7748;--clay-shadow:#3a2a16;--link:#1f3f73;--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui:-apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-cap:.8rem;--t-body:1rem;--t-1:1.25rem;--t-2:1.5625rem;--t-3:1.953rem;--t-hero:2.4375rem;--t-display:3.05rem;--t-mega:4.7rem;--s-1:.5rem;--s-2:1rem;--s-3:1.5rem;--s-4:2rem;--s-5:2.5rem;--s-6:3rem;--s-8:4rem;--s-10:5rem;--s-12:6rem;--control-h:2.75rem;--radius-xs:.5rem;--radius-sm:.5rem;--radius:.75rem;--radius-lg:.875rem;--ease:cubic-bezier(.25, .6, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:var(--bg);background-image:radial-gradient(58rem 42rem at 92% -14%,#1f3f7312,#0000 60%),radial-gradient(46rem 34rem at 4% 88%,#b08d3e0f,#0000 62%);background-attachment:fixed;line-height:1.55}#root{min-height:100vh}::selection{color:var(--bitumen-900);background:#1f3f732e}a{color:var(--link);text-underline-offset:.2em;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);text-decoration-color:#1f3f7352}a:hover{color:var(--accent-bright);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.012em;color:var(--text-strong);text-wrap:balance;font-weight:600;line-height:1.12}h1{font-size:var(--t-hero)}h2{font-size:var(--t-3);margin:var(--s-6) 0 var(--s-1)}h3{font-size:var(--t-1)}p{margin:.5rem 0 1rem}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--gold);color:var(--ink-on-gold);font-family:var(--font-ui);transition:top .18s var(--ease);padding:.55rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;position:absolute;top:-3.5rem;left:1rem}.skip-link:focus-visible{color:var(--ink-on-gold);top:1rem}.app-shell{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.site-header{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.1);transition:box-shadow .32s var(--ease), border-color .32s var(--ease);background:#fbf7efdb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-1)}.brand{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-strong);font-size:1.16rem;font-weight:600}.brand-mark{width:2rem;height:2rem;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.brand-mark svg{width:2rem;height:2rem;display:block}.site-nav{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.site-nav a{font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-900);opacity:.7;transition:opacity .22s var(--ease), color .22s var(--ease);padding:.25rem 0;font-weight:600;text-decoration:none;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s var(--ease);border-radius:2px;position:absolute;bottom:-.2rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a.active{opacity:1;color:var(--accent)}.site-nav a:hover:after,.site-nav a.active:after{transform:scaleX(1)}.site-nav a.active{color:var(--accent)}.site-main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1.5rem 4rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-deep);text-align:center;padding:1.6rem 1.5rem 2rem}.site-footer p{max-width:46rem;color:var(--text-muted);font-family:var(--font-ui);margin:.3rem auto;font-size:.84rem;line-height:1.6}.site-footer .footer-brand{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.page{animation:page-enter .42s var(--ease) both}.eyebrow{align-items:center;gap:var(--s-2);margin:0 0 var(--s-3);font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--clay-500);font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--clay-500);width:2rem;height:1px}.section-heading{align-items:baseline;gap:var(--s-2);margin:var(--s-8) 0 var(--s-4);border-bottom:1px solid var(--border);padding-bottom:var(--s-2);display:flex}.section-heading h2{font-size:var(--t-3);margin:0}.section-heading .section-note{color:var(--text-faint);font-family:var(--font-ui);margin:0;font-size:.82rem}.hero{max-width:46rem;padding:4.5rem 0 2.5rem;position:relative}.hero h1{font-size:var(--t-hero);letter-spacing:-.02em;color:var(--text-strong);margin:0 0 1rem;font-weight:600}.hero p{color:var(--text-muted);max-width:40rem;font-size:1.14rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.hero-cinema{border-bottom:1px solid var(--border);align-items:center;width:100vw;min-height:calc(100svh - 3.9rem);margin-top:-1.5rem;display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.hero-sky{background:radial-gradient(70% 55% at 74% 16%,#d0aa6a29,#0000 62%),linear-gradient(#12141d 0%,#201d27 42%,#322619 74%,#43311d 100%);position:absolute;inset:0}.hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(100deg,#080603db 0%,#08060380 42%,#08060300 74%),linear-gradient(#08060300 58%,#080603d1 100%),linear-gradient(#08060380 0%,#08060300 22%);position:absolute;inset:0}.hero-inner{z-index:2;width:100%;max-width:72rem;margin:0 auto;padding:7rem 1.5rem 6rem;position:relative}.hero-eyebrow{margin:0 0 var(--s-3);font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--clay-300);font-weight:600}.hero-title{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:clamp(3rem, 8vw, var(--t-mega));letter-spacing:-.025em;text-wrap:balance;color:var(--paper-25);font-weight:600;line-height:1}.hero-lede{max-width:34ch;font-family:var(--font-display);color:#fbf7efd9;font-size:var(--t-1);margin:0;line-height:1.5}.hero-cinema .hero-actions{margin-top:var(--s-5)}.hero-scroll{z-index:2;color:var(--clay-300);font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.55rem;font-size:.64rem;font-weight:600;text-decoration:none;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-scroll:hover{color:var(--text-on-dark)}.hero-scroll-dot{border:1px solid var(--border-strong);border-radius:1rem;width:1.5rem;height:2.5rem;position:relative}.hero-scroll-dot:after{content:"";background:var(--clay-300);width:3px;height:.5rem;animation:scroll-bob 1.9s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:.45rem;left:50%}@keyframes scroll-bob{0%{opacity:0;transform:translateY(0)}35%{opacity:1}to{opacity:0;transform:translateY(.95rem)}}.reveal{opacity:0;transition:opacity .82s var(--ease), transform .82s var(--ease);transform:translateY(26px)}.reveal.revealed{opacity:1;transform:none}.statement{text-align:center;max-width:52rem;margin:0 auto;padding:7rem 0 5rem;position:relative}.statement:before{content:"";z-index:0;pointer-events:none;opacity:.045;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='41.5' fill='none' stroke='%231f3f73' stroke-width='2'/%3E%3Cg fill='%231f3f73'%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34'/%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34' transform='rotate(120 50 50)'/%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34' transform='rotate(240 50 50)'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:min(34rem,78vw);height:min(34rem,78vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statement>*{z-index:1;position:relative}.statement-lead{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:balance;margin:0 0 1.3rem;font-size:clamp(1.55rem,3.4vw,2.5rem);line-height:1.28}.statement-note{max-width:34rem;color:var(--text-faint);font-family:var(--font-ui);margin:0 auto;font-size:.96rem;line-height:1.6}.home-page:after{content:"";z-index:1;pointer-events:none;opacity:.032;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.home-page:after{display:none}}.civ-showcase{padding:2rem 0 3rem}.section-head{margin-bottom:2.2rem}.section-head .eyebrow{margin-bottom:.7rem}.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.civ-feature{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface-1), var(--surface-2));box-shadow:var(--shadow-1);transition:border-color .22s var(--ease), box-shadow .22s var(--ease);grid-template-columns:1.5fr 1fr;display:grid;overflow:hidden}.civ-feature:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.civ-feature-body{padding:clamp(1.75rem,3.5vw,2.75rem)}.civ-feature-body h3{margin:0 0 .5rem;font-size:clamp(1.8rem,3.4vw,2.6rem)}.civ-feature-tagline{max-width:30rem;color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.6}.civ-feature-facts{gap:2.75rem;margin:1.7rem 0;display:flex}.civ-feature-facts dt{font-family:var(--font-ui);color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:600}.civ-feature-facts dd{max-width:15rem;margin:.25rem 0 0;font-size:.98rem}.civ-feature-aside{border-left:1px solid var(--border);background:radial-gradient(70% 60% at 50% 18%,#1f3f733d,#0000 62%),linear-gradient(150deg,#1b2130,#0e1016);align-items:flex-end;padding:2rem;display:flex;position:relative;overflow:hidden}.civ-feature-aside:before{content:"";opacity:.12;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='41.5' fill='none' stroke='%237fa0c8' stroke-width='2.5'/%3E%3Cg fill='%237fa0c8'%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34'/%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34' transform='rotate(120 50 50)'/%3E%3Cpolygon points='43.5,22 56.5,22 51.7,34 50.9,50 49.1,50 48.3,34' transform='rotate(240 50 50)'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:108%;height:108%;position:absolute;top:50%;right:-18%;transform:translateY(-52%)}.civ-feature-era{font-family:var(--font-display);letter-spacing:.02em;color:var(--clay-300);font-size:clamp(1.3rem,3vw,2rem);position:relative}.civ-more-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.1rem;margin-top:1.25rem;display:grid}.civ-tile{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(165deg, var(--surface-1), var(--surface-2));padding:1.5rem}.civ-tile h3{margin:0 0 .4rem;font-size:1.2rem}.civ-tile p{color:var(--text-muted);margin:0 0 1.1rem;font-size:.95rem;line-height:1.55}.civ-tile-upcoming{color:var(--text-muted);background:0 0;border-style:dashed}@media (max-width:48rem){.civ-feature{grid-template-columns:1fr}.civ-feature-aside{display:none}.statement{padding:4.5rem 0 3rem}.hero-inner{padding:6rem 1.25rem 5.5rem}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.card{background:linear-gradient(165deg, var(--surface-1), var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";opacity:0;height:2px;transition:opacity .22s var(--ease);background:linear-gradient(90deg,#0000,#e2aa60bf,#0000);position:absolute;inset:0 0 auto}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.card:hover:before{opacity:1}.card h3{margin:0 0 .4rem;font-size:1.32rem}.civ-card-upcoming{box-shadow:none;color:var(--text-muted);background:0 0;border-style:dashed}.civ-card-upcoming:hover{box-shadow:none;transform:none}.civ-card-upcoming:before{display:none}.civ-tagline{color:var(--text-muted)}.card dl{margin:1rem 0 0;font-size:.92rem}.card dt{font-family:var(--font-ui);color:var(--text-faint);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:600}.card dd{margin:.1rem 0 .7rem}.card-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.button{justify-content:center;align-items:center;gap:var(--s-1);height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--clay-300);border-radius:var(--radius-xs);color:var(--text-strong);font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);background:0 0;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--clay-100);border-color:var(--clay-500)}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #142a4e38,0 8px 20px #142a4e24}.button-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.button-quiet,.button-ghost{color:var(--text);background:0 0;border-color:#0000}.button-quiet:hover,.button-ghost:hover{background:var(--clay-100);color:var(--accent);border-color:#0000}.hero-cinema .button,.card-dark .button,.civ-feature-aside .button{color:var(--text-on-dark);border-color:#fbf7ef52}.hero-cinema .button:hover,.card-dark .button:hover{color:var(--text-on-dark);background:#fbf7ef1a;border-color:#fbf7ef8c}.hero-cinema .button-primary,.card-dark .button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.hero-cinema .button-primary:hover,.card-dark .button-primary:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.civ-header{max-width:52rem;padding:3.75rem 0 2.75rem}.civ-header h1{letter-spacing:-.025em;margin:.4rem 0 .6rem;font-size:clamp(2.6rem,6vw,4rem)}.civ-header .civ-tagline{margin:0 0 var(--s-2);font-family:var(--font-display);font-size:var(--t-1);color:var(--clay-700)}.civ-header .button{margin-top:1.7rem}.civ-span{border:1px solid var(--border-strong);color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.08em;background:0 0;border-radius:999px;margin:0 0 1.1rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.civ-overview{max-width:44ch;color:var(--text);font-size:var(--t-body);line-height:1.6}.timeline{margin:1.5rem 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--clay-300) 0%, var(--border) 100%);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:0}.timeline-period{padding:0 0 2.6rem 2.1rem;position:relative}.timeline-period:before{content:"";background:var(--clay-500);width:.6rem;height:.6rem;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:.5rem;left:-.3rem}.timeline-period h3{margin:0;font-size:1.3rem}.period-range{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:.35rem 0 .6rem;font-size:.74rem;font-weight:700}.key-developments{color:var(--text-muted);margin:.5rem 0 0;padding-left:1.2rem;font-size:.96rem}.key-developments li{margin:.25rem 0}.key-developments li::marker{color:var(--clay-300)}.site-ancient-name{color:var(--text-muted);margin:-.2rem 0 .3rem;font-style:italic}.site-location{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--lapis);margin:0 0 .6rem;font-size:.76rem;font-weight:600}.fact-category{margin:0 0 var(--s-1);font-family:var(--font-ui);font-size:var(--t-cap);text-transform:uppercase;letter-spacing:.12em;color:var(--clay-500);font-weight:600}.citations{border-top:1px solid var(--border);color:var(--text-muted);margin-top:1rem;padding-top:.7rem;font-size:.86rem}.citations summary{cursor:pointer;font-family:var(--font-ui);letter-spacing:.06em;color:var(--text-faint);transition:color .16s var(--ease);font-size:.78rem;font-weight:600}.citations summary:hover{color:var(--accent)}.citations[open] summary{color:var(--accent);margin-bottom:.4rem}.citations ul{margin:.4rem 0 0;padding-left:1.2rem}.citations li{margin:.3rem 0}.citation-publisher{color:var(--text-faint)}.explore-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1.5rem;display:flex}.explore-header h1{margin:0 0 .4rem;font-size:clamp(1.8rem,4vw,2.4rem)}.explore-header p{font-family:var(--font-display);font-size:var(--t-1);color:var(--clay-700);max-width:40rem;line-height:1.5}.explore-stage{border:1px solid var(--border);border-radius:var(--radius-lg);height:min(70vh,42rem);box-shadow:var(--shadow-2), inset 0 0 0 1px #fff0d608;background:linear-gradient(#1a1610,#0d0a06);margin-top:1.25rem;position:relative;overflow:hidden}.scene-tabs{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.scene-tab{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text);font-family:var(--font-ui);transition:border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);flex-direction:column;gap:2px;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.scene-tab:hover{color:var(--accent);border-color:var(--border-strong);transform:translateY(-1px)}.scene-tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.scene-tab-era{font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--clay-500);font-weight:600}.scene-tab.active .scene-tab-era{color:var(--accent)}.scene-tab-name{font-family:var(--font-display);font-size:var(--t-1);color:var(--text-strong);font-weight:600}.evidence-chip{font-family:var(--font-ui);letter-spacing:.12em;cursor:help;border-radius:999px;padding:.12rem .5rem;font-size:.62rem;font-weight:700;display:inline-block}.evidence-excavated{color:#fff;background:var(--accent);border:1px solid var(--accent)}.evidence-text{color:var(--paper-25);background:var(--clay-700);border:1px solid var(--clay-700)}.evidence-inferred{color:var(--clay-700);background:var(--clay-100);border:1px solid var(--border-strong)}.stage-controls{top:var(--s-3);left:var(--s-3);z-index:5;border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);border:1px solid #fbf7ef1f;gap:2px;padding:4px;display:flex;position:absolute}.artifact-viewer{z-index:40;padding:var(--s-3);-webkit-backdrop-filter:blur(6px);background:#080603b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.artifact-panel{border-radius:var(--radius-md,14px);background:linear-gradient(#1e180ff5,#120e08fa);border:1px solid #fbf7ef24;flex-direction:column;width:min(920px,96vw);height:min(640px,92vh);display:flex;position:relative;overflow:hidden}.artifact-close{top:var(--s-2);right:var(--s-2);z-index:2;position:absolute}.artifact-stage{background:radial-gradient(circle at 50% 38%,#78684c59,#0e0a0699);flex:auto;min-height:0}.artifact-stage canvas{cursor:grab;width:100%;height:100%;display:block}.artifact-info{padding:var(--s-3);color:var(--text-on-dark);border-top:1px solid #fbf7ef1a;flex:none}.artifact-info h2{margin:2px 0 6px}.artifact-info p{color:var(--text-on-dark-muted);max-width:62ch;font-size:var(--t-cap);line-height:1.5}.artifact-note{opacity:.72;padding-top:var(--s-2);margin-top:var(--s-1);border-top:1px solid #ffffff1f;font-style:italic}.artifact-picker{margin-top:var(--s-2);flex-wrap:wrap;gap:6px;display:flex}.artifact-chip{color:#fbf7efcc;font-family:var(--font-ui);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:1px solid #fbf7ef2e;border-radius:999px;padding:5px 11px;font-size:.72rem}.artifact-chip:hover{color:var(--text-on-dark);background:#fbf7ef1a}.artifact-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:640px){.artifact-info p{display:none}}.minimap{top:calc(var(--s-3) + 2.4rem);right:var(--s-3);z-index:5;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.94;transition:opacity .2s var(--ease);border-radius:50%;position:absolute;box-shadow:0 6px 20px #08050259,inset 0 0 0 1px #fbf7ef0d}.minimap svg{border-radius:50%;display:block}@media (max-width:640px){.minimap{transform-origin:100% 0;transform:scale(.82)}}.stage-controls .button{height:2.25rem;padding:0 var(--s-2);border-radius:calc(var(--radius-sm) - 3px);color:#fbf7efd1;background:0 0;border:none}.stage-controls .button:hover{color:var(--text-on-dark);background:#fbf7ef1a}.stage-controls .button.mode-active{background:var(--accent);color:#fff}.stage-controls .icon-button{justify-content:center;align-items:center;width:2.25rem;padding:0;display:inline-flex}.stage-toast{left:50%;bottom:var(--s-4);z-index:6;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:var(--t-cap);white-space:nowrap;pointer-events:none;animation:toastLife 5.2s var(--ease) forwards;border:1px solid #fbf7ef1f;border-radius:999px;padding:6px 14px;position:absolute;transform:translate(-50%)}@keyframes toastLife{0%{opacity:0;transform:translate(-50%,8px)}9%{opacity:1;transform:translate(-50%)}84%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.mount-prompt{left:50%;bottom:calc(var(--s-4) + 2.6rem);z-index:6;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark);font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.02em;pointer-events:none;border:1px solid #fbf7ef29;border-radius:999px;padding:6px 14px;position:absolute;transform:translate(-50%)}.walk-hint{left:var(--s-3);bottom:var(--s-3);z-index:5;max-width:20rem;padding:var(--s-2);border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark-muted);font-family:var(--font-ui);font-size:var(--t-cap);border:1px solid #fbf7ef1f;margin:0;line-height:1.5;position:absolute}.clock-hud{top:var(--s-3);right:var(--s-3);z-index:5;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);font-family:var(--font-ui);opacity:.9;border:1px solid #fbf7ef1a;border-radius:999px;padding:3px 9px;display:flex;position:absolute}.clock-readout{align-items:baseline;gap:6px;display:flex}.clock-time{letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.clock-phase{letter-spacing:.09em;text-transform:uppercase;color:var(--clay-300);opacity:.85;font-size:.58rem;font-weight:600}.walk-pad{z-index:6;touch-action:none;grid-template-rows:repeat(2,3.4rem);grid-template-columns:repeat(3,3.4rem);gap:.4rem;display:grid;position:absolute;bottom:1rem;left:1rem}.walk-fwd{grid-area:1/2}.walk-left{grid-area:2/1}.walk-back{grid-area:2/2}.walk-right{grid-area:2/3}.walk-jump{grid-area:1/3}.walk-btn{border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);color:var(--text-on-dark);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .12s var(--ease), transform .12s var(--ease);border:1px solid #fbf7ef3d;justify-content:center;align-items:center;padding:0;font-size:1.15rem;line-height:1;display:flex}.walk-btn:active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(.94)}@media (hover:hover) and (pointer:fine){.walk-pad{display:none}}.explore-stage canvas{touch-action:none}.world-stage{background:linear-gradient(#cbb79a,#b39c76);width:100vw;height:calc(100svh - 3.5rem);margin-top:-1.5rem;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.world-stage canvas{touch-action:none}.world-titlebar{top:var(--s-3);left:var(--s-3);right:var(--s-3);z-index:5;justify-content:space-between;align-items:flex-start;gap:var(--s-3);pointer-events:none;display:flex;position:absolute}.world-titlebar>*{pointer-events:auto}.world-titlebar-actions{justify-content:flex-end;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.avatar-toggle{gap:6px;display:flex}.world-titlebar .eyebrow{color:var(--clay-300);margin:0 0 4px}.world-titlebar .eyebrow:before{background:var(--clay-300)}.world-titlebar h1{font-size:var(--t-2);color:var(--paper-25);text-shadow:0 2px 12px #14100a8c;margin:0}.world-titlebar .button{color:var(--text-on-dark);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-color:#fbf7ef52}.ride-prompt{left:50%;bottom:var(--s-3);z-index:6;padding:.55rem var(--s-3);border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark);font-family:var(--font-ui);font-size:var(--t-cap);letter-spacing:.03em;white-space:nowrap;pointer-events:none;animation:ride-prompt-in .18s var(--ease);border:1px solid #fbf7ef24;font-weight:600;position:absolute;transform:translate(-50%)}@keyframes ride-prompt-in{0%{opacity:0;transform:translate(-50%,.4rem)}to{opacity:1;transform:translate(-50%)}}.world-page .walk-hint{max-width:22rem}.world-note{right:var(--s-3);bottom:var(--s-3);z-index:5;max-width:24rem;color:var(--text-on-dark-muted);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-2);font-size:var(--t-cap);border:1px solid #fbf7ef38;padding:10px 14px;line-height:1.5;position:absolute}.world-note summary{cursor:pointer;color:var(--text-on-dark);letter-spacing:.02em;font-weight:600}.world-note p{margin:8px 0 0}@media (max-width:40rem){.world-note{display:none}.world-titlebar h1{font-size:var(--t-1)}.ride-prompt{bottom:6.5rem}.world-page .walk-hint{display:none}.explore-stage{height:min(76vh,40rem)}.stage-controls{gap:.35rem;top:.6rem;left:.6rem}.stage-controls .button{padding:.35rem .6rem;font-size:.72rem}.clock-hud{gap:.35rem;padding:.45rem .55rem;top:auto;bottom:.75rem;right:.6rem}.clock-time{font-size:1rem}.walk-hint{display:none}.walk-pad{grid-template-rows:repeat(2,3.1rem);grid-template-columns:repeat(3,3.1rem);bottom:.75rem;left:.6rem}.hotspot-panel:not(.open){display:none}.hotspot-panel.open{width:auto;bottom:.75rem;left:.6rem;right:.6rem}}.scene-loading{height:100%;min-height:8rem;color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.04em;justify-content:center;align-items:center;font-size:.92rem;animation:1.8s ease-in-out infinite loading-pulse;display:flex}.hotspot-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:min(24rem,100% - 2rem);box-shadow:var(--shadow-2);padding:1.2rem 1.4rem 1.3rem;position:absolute;bottom:1rem;right:1rem}.hotspot-panel.open{animation:panel-rise .26s var(--ease) both}.hotspot-panel h2{color:var(--text-strong);margin:0 0 .5rem;font-size:1.22rem}.hotspot-panel p{color:var(--text);margin:0 0 .9rem;font-size:.95rem;line-height:1.6}.hotspot-hint{color:var(--text-muted);font-family:var(--font-ui);margin:0;font-size:.88rem}.hotspot-legacy{border-top:1px solid var(--border);color:var(--text);margin:0 0 .9rem;padding-top:.8rem;font-size:.92rem;line-height:1.6}.legacy-mark{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--lapis-600);margin-right:.5rem;font-size:.68rem;font-weight:600;display:inline-block}.reconstruction-note{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:46rem;color:var(--text);background:#1f3f730f;margin-top:1.25rem;padding:.9rem 1.15rem;font-size:.88rem;line-height:1.65;display:flow-root}.error-panel{text-align:center;max-width:36rem;margin:4rem auto;padding:0 1.5rem}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes panel-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes loading-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:40rem){.hero{padding-top:2.75rem}.site-main{padding:1rem 1rem 3rem}.site-header{padding:.7rem 1rem}.site-nav{gap:1.1rem}.timeline-period{padding-left:1.5rem}}.civ-map-frame{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);background:radial-gradient(50rem 30rem at 22% -6%,#1f3f7329,#0000 60%),linear-gradient(165deg,#201a24,#12100c);grid-template-columns:minmax(0,1fr) 15rem;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;display:grid}.civ-map{width:100%;height:auto}.map-gulf{fill:#5a82a540;stroke:#7aa0c466}.map-river{fill:none;stroke:#6f8fae;stroke-width:3.2px;stroke-linecap:round;opacity:.75}.map-river-tigris{stroke-width:2.6px}.map-river-label{fill:#8fb0d3;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:13px}.map-city.built{cursor:pointer}.map-halo{fill:#7c9ed02e;stroke:#7c9ed073;animation:2.6s ease-in-out infinite map-pulse}.map-city.built:hover .map-halo,.map-city.built:focus-visible .map-halo{fill:#7c9ed057}.map-dot{fill:var(--accent-bright);stroke:#eaf0f7;stroke-width:1.4px}.map-dot-upcoming{fill:#6e614d}.map-label{fill:var(--clay-300);font-family:var(--font-display);font-size:17px}.map-label.built{fill:#cddcef;font-weight:600}.map-legend{color:var(--clay-300);font-family:var(--font-ui);align-self:center;font-size:.85rem}.map-legend p{align-items:center;gap:.5rem;display:flex}.map-key{background:#6e614d;border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.map-key.built{background:var(--accent-bright);box-shadow:0 0 8px #7c9ed099}.map-note{color:var(--text-faint);margin-top:1rem;font-size:.76rem;line-height:1.55;display:block}@keyframes map-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:40rem){.civ-map-frame{grid-template-columns:1fr}}.quest-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);animation:page-enter .24s var(--ease) both;background:#090704b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.quest-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface-1), var(--surface-2));width:min(38rem,100%);max-height:92vh;box-shadow:var(--shadow-2);padding:1.5rem 1.6rem 1.75rem;overflow-y:auto}.quest-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.quest-head h2{margin:.1rem 0 0}.quest-task{color:var(--text-muted);font-size:.96rem;line-height:1.6}.quest-task strong{color:var(--gold-bright)}.quest-stage{align-items:stretch;gap:1rem;margin:.5rem 0 .25rem;display:flex}.quest-tablet{aspect-ratio:100/88;background:radial-gradient(130% 130% at 32% 22%, var(--clay), var(--clay-deep) 72%, #8a6a41 100%);border:1px solid var(--border);cursor:crosshair;touch-action:none;transition:filter .6s var(--ease);border-radius:.7rem;flex:1;box-shadow:inset 0 2px 12px #0006,inset 0 -2px 8px #fff0d21a,0 1px #fff0d60d}.quest-tablet.stiff{filter:saturate(.82)brightness(.94)}.seal-clay{aspect-ratio:240/90;background:radial-gradient(130% 130% at 32% 22%, var(--clay), var(--clay-deep) 72%, #8a6a41 100%);border:1px solid var(--border);cursor:ew-resize;touch-action:none;transition:filter .6s var(--ease);border-radius:.7rem;flex:1;box-shadow:inset 0 2px 12px #0006,inset 0 -2px 8px #fff0d21a}.seal-clay.stiff{filter:saturate(.82)brightness(.94)}.seal-band{fill:#3a2a1624;stroke:#3a2a163d;stroke-width:.6px}.seal-cyl rect{fill:#4a4750;stroke:#0000004d;stroke-width:.5px}.seal-bore{fill:#00000073}.impress-guide{fill:#3a2a161f;stroke:#3a2a1657;stroke-width:.5px;stroke-dasharray:1.4 1.2}.impress.clean{fill:var(--clay-shadow);filter:drop-shadow(0 .35px .2px #fff0d273);cursor:pointer}.impress.smeared{fill:#3a2a166b;cursor:pointer}.incise-guide{fill:none;stroke:#3a2a1647;stroke-width:.7px;stroke-linecap:round;stroke-dasharray:1.6 1.4}.incise.clean{fill:none;stroke:var(--clay-shadow);stroke-width:1.5px;stroke-linecap:round;filter:drop-shadow(0 .3px .2px #fff0d266);cursor:pointer}.incise.smeared{fill:none;stroke:#3a2a1680;stroke-width:2.4px;stroke-linecap:round;cursor:pointer}.quest-side{flex-direction:column;align-items:center;gap:.4rem;width:2.2rem;display:flex}.dry-meter{border:1px solid var(--border);background:#e2aa602e;border-radius:999px;flex:1;width:.7rem;position:relative;overflow:hidden}.dry-meter span{background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep));width:100%;transition:height .12s linear;position:absolute;bottom:0;left:0}.dry-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);text-align:center;margin:0;font-size:.6rem}.quest-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.quest-foot p{color:var(--text-muted);margin:0;font-size:.92rem}.quest-hint{font-family:var(--font-ui);font-size:.82rem}.quest-verdict.good{color:var(--gold-bright)}.quest-verdict.poor{color:var(--text-muted)}.quest-shelf{border-top:1px solid var(--border);gap:.5rem;margin-top:1rem;padding-top:.9rem;display:flex}.shelf-tablet{background:linear-gradient(160deg,#c19a63,#9c7648);border-radius:.2rem;width:1.4rem;height:1.8rem;box-shadow:inset 0 1px 3px #0000004d}.dialogue-lines{flex-direction:column;gap:.75rem;margin-bottom:.9rem;display:flex}.dialogue-line p{margin:0 0 .4rem}.evidence-row{flex-wrap:wrap;gap:.35rem;margin:0;display:flex}.journey-hud{top:var(--s-3);z-index:6;width:min(26rem,100% - 2rem);padding:var(--s-2) var(--s-3) var(--s-3);border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark);font-family:var(--font-ui);border:1px solid #fbf7ef24;position:absolute;left:50%;transform:translate(-50%)}.journey-head{justify-content:space-between;align-items:center;display:flex}.journey-hud .eyebrow{color:var(--text-on-dark-muted)}.journey-hud h3{color:var(--text-on-dark);margin:.1rem 0 .4rem;font-size:1.05rem}.journey-exit{color:var(--text-on-dark-muted);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.72rem}.journey-exit:hover{color:var(--text-on-dark)}.journey-step{letter-spacing:.06em;text-transform:uppercase;color:var(--text-on-dark-muted);margin:0 0 .5rem;font-size:.72rem}.journey-narration{color:var(--text-on-dark);margin:0 0 .5rem;font-size:.92rem;line-height:1.55}.journey-objective{color:var(--text-on-dark-muted);margin:0 0 .8rem;font-size:.86rem;line-height:1.5}.journey-goals{color:var(--text-on-dark-muted);margin:0 0 .8rem;padding-left:1.1rem;font-size:.86rem;line-height:1.5}.journey-hud .card-actions{flex-wrap:wrap;gap:.4rem;display:flex}.journey-hud .button{height:2.1rem;padding:0 var(--s-2);color:var(--text-on-dark);background:#fbf7ef0f;border:1px solid #fbf7ef29}.journey-hud .button:hover{background:#fbf7ef1f}.journey-hud .button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.journal-modal .journal-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;margin:.6rem 0 .4rem;display:grid}.journal-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--clay-100);flex-direction:column;padding:.7rem .9rem;display:flex}.journal-stat-value{font-family:var(--font-ui);color:var(--text-strong);font-size:1.5rem;font-weight:700}.journal-stat-label{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text-muted);font-size:.74rem}.journal-section{margin-top:1rem}.journal-section h3{color:var(--text-strong);margin:0 0 .5rem;font-size:.95rem}.journal-knowledge{color:var(--text);margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.6}.evidence-legend{left:var(--s-3);z-index:6;max-width:15rem;padding:var(--s-2);border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);color:var(--text-on-dark);font-family:var(--font-ui);border:1px solid #fbf7ef24;position:absolute;top:50%;transform:translateY(-50%)}.evidence-legend-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-on-dark-muted);margin:0 0 .5rem;font-size:.72rem}.evidence-legend ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.evidence-legend li{align-items:baseline;gap:.5rem;display:flex}.evidence-legend-help{color:var(--text-on-dark-muted);font-size:.76rem;line-height:1.4}.journey-guide{border-radius:var(--radius-sm);color:var(--text-on-dark);background:#f0c58324;margin:0 0 .6rem;padding:.5rem .7rem;font-size:.86rem;line-height:1.45}.journey-quiz{margin:0 0 .7rem}.journey-quiz-prompt{color:var(--text-on-dark);margin:0 0 .5rem;font-size:.9rem;line-height:1.45}.journey-quiz-choices{flex-direction:column;gap:.35rem;display:flex}.journey-quiz-choices .button{text-align:left;height:auto;color:var(--text-on-dark);background:#fbf7ef0f;border:1px solid #fbf7ef29;justify-content:flex-start;padding:.5rem .7rem;line-height:1.35}.journey-quiz-choices .button:hover{background:#fbf7ef1f}.journey-quiz-wrong{border-color:#c85a46bf}.journey-quiz-hint{color:var(--text-on-dark-muted);margin:.5rem 0 0;font-size:.8rem}.source-list{color:var(--text);flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.5;display:flex}