@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Inter:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2ead9;--muted:#a7a196;--gold:#c7a55a;--gold-bright:#e2ca8b;--rust:#a44d2d;--panel:#080c0dc7;--line:#e2ca8b38;--timeline-progress:0%;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{background:#06090b;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--gold-bright);outline-offset:4px}#scene,#scene canvas{width:100%;height:100%;position:absolute;inset:0}#scene canvas{cursor:grab;touch-action:none}#scene canvas:active{cursor:grabbing}.fallback-stage{background:radial-gradient(circle at 50% 45%,#2b393594,#0000 48%),linear-gradient(145deg,#071014,#040708 72%);place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0;overflow:hidden}.fallback-map{filter:saturate(.82)contrast(1.07)brightness(.82);opacity:.96;-webkit-user-select:none;user-select:none;width:112vw;max-width:none;height:auto}.fallback-stage:before,.fallback-stage:after{z-index:1;content:"";pointer-events:none;position:absolute}.fallback-stage:before{background:linear-gradient(90deg,#040809d1,#0000 22% 77%,#040809d1),linear-gradient(#0408095c,#0000 18% 76%,#040809ad);inset:0}.fallback-stage:after{border:1px solid #e2ca8b14;inset:7%;box-shadow:inset 0 0 80px #020506a6}.fallback-compass{z-index:2;opacity:.62;pointer-events:none;border:1px solid #e2ca8b26;border-radius:50%;width:120px;height:120px;position:absolute;bottom:18vh;right:9vw}.fallback-compass:before,.fallback-compass:after,.fallback-compass i{content:"";position:absolute}.fallback-compass:before{border:1px solid #e2ca8b2e;inset:16px;transform:rotate(45deg)}.fallback-compass:after{border:1px solid #e2ca8b73;border-radius:50%;inset:42px}.fallback-compass i{background:#e2ca8b2e;width:calc(100% - 18px);height:1px;top:50%;left:9px}.fallback-compass i:last-child{transform:rotate(90deg)}body.has-3d .fallback-stage{visibility:hidden;opacity:0}body.fallback-mode .control-dock{display:none}.vignette,.grain{pointer-events:none;position:absolute;inset:0}.vignette{z-index:2;background:radial-gradient(circle at 54% 47%,#0000 38%,#04070847 69%,#030506d6 100%),linear-gradient(90deg,#0407088c,#0000 18% 78%,#04070894)}.grain{z-index:3;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:26px 34px;display:flex;position:absolute;top:0;left:0;right:0}.brand,.top-actions,.round-button{pointer-events:auto}.brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--line);place-items:center;width:38px;height:38px;display:grid;position:relative;transform:rotate(45deg)}.brand-mark:after{content:"";border:1px solid #e2ca8b8c;width:18px;height:18px}.brand-mark span{background:#e2ca8b6b;width:1px;height:30px;position:absolute;top:4px;left:18px}.brand-mark span:nth-child(2){transform:rotate(60deg)}.brand-mark span:nth-child(3){transform:rotate(-60deg)}.eyebrow{color:var(--gold-bright);letter-spacing:.24em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1.5;display:block}.brand-title{letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-family:Cinzel,Georgia,serif;font-size:17px;display:block}.top-actions{align-items:center;gap:9px;display:flex}.render-badge,.round-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c0d8f;border:1px solid #e2ca8b2e;height:38px}.render-badge{color:#c8c2b6;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;padding:0 14px;font-size:9px;display:flex}.status-dot{background:#b6cd8a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #b6cd8a}.round-button{cursor:pointer;border-radius:0;place-items:center;width:38px;padding:0;transition:border-color .18s,background .18s;display:grid}.round-button:hover{background:#1b1f1dcc;border-color:#e2ca8b8c}.round-button svg{fill:currentColor;width:16px}.info-letter{font-family:Georgia,serif;font-size:17px;font-style:italic}.chapter-card{z-index:12;width:min(320px,100vw - 68px);transition:opacity .24s,transform .4s;position:absolute;top:50%;left:34px;transform:translateY(-58%)}.chapter-index{color:var(--gold-bright);letter-spacing:.2em;font-family:Cinzel,Georgia,serif;font-size:11px;display:inline-block}.chapter-line{background:linear-gradient(90deg, var(--gold), transparent);width:74px;height:1px;margin:0 0 3px 10px;display:inline-block}.chapter-card>p:first-of-type{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:22px 0 5px;font-size:10px;font-weight:500}.chapter-card h1{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 18px #000;margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(32px,3vw,51px);font-weight:500;line-height:1.02}.chapter-copy{color:#bbb4a8;text-shadow:0 2px 12px #000;max-width:285px;margin:17px 0 0;font-family:Georgia,serif;font-size:14px;line-height:1.65}.text-button{color:var(--gold-bright);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #e2ca8b80;margin-top:20px;padding:0 0 5px;font-size:9px;font-weight:600}.text-button span{margin-left:7px;transition:transform .16s;display:inline-block}.text-button:hover span{transform:translate(3px,-3px)}.legend{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c0d75;border:1px solid #e2ca8b24;width:184px;padding:15px 16px 10px;display:grid;position:absolute;top:124px;right:34px}.legend>.eyebrow{margin:0 0 9px 4px}.legend-row{color:#918d84;cursor:pointer;letter-spacing:.06em;text-align:left;background:0 0;border:0;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;min-height:34px;padding:0 4px;font-size:9px;transition:color .16s;display:grid}.legend-row:hover,.legend-row.is-active{color:var(--ink)}.key-symbol{border:1px solid #e2ca8b80;place-items:center;width:12px;height:12px;display:inline-grid;transform:rotate(45deg)}.key-crown{border-radius:50%}.key-keep{border-style:dashed}.key-flame{border-color:var(--rust);background:#a44d2d61}.key-free-city{border-color:#78aeb8;border-radius:50%;box-shadow:inset 0 0 0 2px #78aeb82e}.key-count{color:var(--gold);font-family:Georgia,serif;font-size:10px}.location-layer{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-pin{pointer-events:auto;cursor:pointer;background:0 0;border:0;transition:opacity .18s,filter .18s;position:absolute;transform:translate(-50%,-50%)}.map-pin.is-filtered{pointer-events:none;opacity:.08!important}.pin-target{place-items:center;width:30px;height:30px;display:grid;position:relative}.pin-target:before,.pin-target:after{content:"";border:1px solid #e7d3a39e;transition:inset .18s,border-color .18s,transform .3s;position:absolute;inset:3px;transform:rotate(45deg)}.pin-target:after{border-color:var(--gold-bright);background:#080c0db8;inset:9px}.map-pin:hover .pin-target:before,.map-pin:focus-visible .pin-target:before,.map-pin.is-active .pin-target:before,.map-pin.is-focused .pin-target:before{border-color:var(--gold-bright);inset:0;transform:rotate(135deg)}.map-pin.is-focused .pin-target:before{animation:.7s ease-in-out 2 fallback-focus}@keyframes fallback-focus{50%{inset:-7px;transform:rotate(225deg)}}.map-pin.is-timeline .pin-target:before{border-color:#d98b5a;animation:1.9s ease-out infinite pin-pulse}.map-pin.is-timeline .pin-target:after{background:#701f0dbd;border-color:#f0b17e}.pin-label{color:#eee4d2;letter-spacing:.14em;text-shadow:0 1px 6px #000;text-transform:uppercase;background:linear-gradient(90deg,#06090ac2,#06090a00);border-left:1px solid #e2ca8b85;width:max-content;padding:7px 10px;font-family:Cinzel,Georgia,serif;font-size:8px;transition:color .16s,letter-spacing .18s;position:absolute;top:50%;left:35px;transform:translateY(-50%)}.map-pin:hover .pin-label{color:#fff8e8;letter-spacing:.18em}@keyframes pin-pulse{0%{box-shadow:0 0 #d7784c94}70%{box-shadow:0 0 0 12px #d7784c00}to{box-shadow:0 0 #d7784c00}}.control-dock{z-index:14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c0d9e;border:1px solid #e2ca8b2b;align-items:center;height:38px;display:flex;position:absolute;bottom:174px;right:34px}.control-dock button{color:#cfc8bb;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:100%;padding:0;font-size:16px;display:grid}.control-dock button:hover{color:var(--gold-bright)}.control-dock svg{fill:currentColor;width:17px}.dock-rule{background:var(--line);width:1px;height:14px}.key-hint{z-index:12;color:#817d76;letter-spacing:.1em;text-transform:uppercase;gap:17px;font-size:8px;display:flex;position:absolute;bottom:127px;right:34px}.key-hint span{align-items:center;gap:3px;display:flex}kbd{color:#aaa59b;border:1px solid #e2ca8b38;place-items:center;min-width:16px;height:16px;padding:0 3px;font-family:inherit;font-size:7px;display:inline-grid}.timeline{z-index:15;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(#06090ac7,#06090a3d);border-top:1px solid #e2ca8b3d;height:88px;padding:0 20px;position:absolute;bottom:23px;left:34px;right:34px}.timeline-heading{align-items:center;gap:18px;display:flex;position:absolute;top:14px;left:20px}.timeline-year{color:var(--ink);font-family:Cinzel,Georgia,serif;font-size:21px;line-height:1;display:block}.timeline-year small{color:var(--gold);letter-spacing:.15em;font-size:8px}.timeline-heading p{color:#aaa49a;max-width:190px;margin:7px 0 0;font-family:Georgia,serif;font-size:12px}.timeline-arrows{display:none}.range-wrap{height:22px;position:absolute;bottom:29px;left:275px;right:18px}.range-track{background:#e2ca8b33;height:1px;position:absolute;top:10px;left:0;right:0}.range-fill{width:var(--timeline-progress);background:var(--gold-bright);height:1px;transition:width .26s;display:block}.range-glow{top:-3px;left:var(--timeline-progress);background:#f2d898;border-radius:50%;width:7px;height:7px;transition:left .26s;position:absolute;transform:translate(-50%);box-shadow:0 0 13px #f2d898e6}#timeline-range{z-index:2;opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:0}.range-ticks{justify-content:space-between;display:flex;position:absolute;top:7px;left:0;right:0}.range-ticks i{background:#e2ca8b61;width:1px;height:7px}.timeline-eras{color:#696760;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:5px;left:275px;right:18px}.detail-panel{z-index:30;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);background:linear-gradient(#101616b3,#080c0df5),radial-gradient(circle at 50% 13%,#a44d2d33,#0000 40%);border-left:1px solid #e2ca8b3d;grid-template-rows:34% 1fr;width:min(420px,100%);height:100%;transition:transform .52s cubic-bezier(.22,.8,.2,1),opacity .26s;display:grid;position:absolute;top:0;right:0;transform:translate(102%);box-shadow:-30px 0 80px #00000057}.detail-panel.is-open{opacity:1;pointer-events:auto;transform:none}.panel-close{z-index:3;color:#c6c0b5;cursor:pointer;background:#06090a59;border:1px solid #e2ca8b33;place-items:center;width:34px;height:34px;padding:0 0 2px;font-size:24px;line-height:1;display:grid;position:absolute;top:24px;right:24px}.detail-visual{background:linear-gradient(#0000,#06090ab8),radial-gradient(circle at 50% 42%,#be864a3d,#0000 35%);border-bottom:1px solid #e2ca8b26;place-items:center;display:grid;position:relative;overflow:hidden}.detail-number{color:#e2ca8b0f;font-family:Cinzel,Georgia,serif;font-size:106px;line-height:1;position:absolute;bottom:-14px;right:28px}.detail-sigil{color:var(--gold-bright);text-shadow:0 0 25px #e2ca8b73;font-family:Georgia,serif;font-size:45px}.detail-rings,.detail-rings i{border:1px solid #e2ca8b2e;border-radius:50%;position:absolute}.detail-rings{width:176px;height:176px;animation:28s linear infinite ring-spin}.detail-rings i:first-child{inset:18px}.detail-rings i:nth-child(2){inset:42px}.detail-rings i:nth-child(3){background:#e2ca8b0d;inset:67px}.detail-rings:before,.detail-rings:after{content:"";background:#e2ca8b21;width:calc(100% + 28px);height:1px;position:absolute;top:50%;left:-14px}.detail-rings:after{transform:rotate(90deg)}@keyframes ring-spin{to{transform:rotate(360deg)}}.detail-content{padding:34px 38px 40px;overflow-y:auto}.detail-content h2,.about-card h2{letter-spacing:-.03em;margin:5px 0 13px;font-family:Cinzel,Georgia,serif;font-size:34px;font-weight:500}.detail-content>p{color:#b9b2a6;margin:0;font-family:Georgia,serif;font-size:14px;line-height:1.7}.detail-events{margin-top:28px}.detail-events ol{margin:13px 0 0;padding:0;list-style:none}.detail-events li{color:#b9b2a6;border-top:1px solid #e2ca8b1f;grid-template-columns:45px 1fr;gap:10px;padding:11px 0 11px 14px;font-family:Georgia,serif;font-size:12px;line-height:1.45;display:grid;position:relative}.detail-events li:before{content:"";background:var(--rust);width:4px;height:4px;box-shadow:0 0 8px var(--rust);border-radius:50%;position:absolute;top:17px;left:0}.detail-events time{color:var(--gold);letter-spacing:.11em;font-family:Inter,sans-serif;font-size:8px;font-weight:600}.focus-button{width:100%;color:var(--gold-bright);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#e2ca8b0d;border:1px solid #e2ca8b40;justify-content:space-between;align-items:center;margin-top:24px;padding:13px 15px;font-size:9px;font-weight:600;transition:background .18s,border-color .18s;display:flex}.focus-button:hover{background:#e2ca8b1a;border-color:#e2ca8b8a}.intro,.about-modal,.loading,.fatal-error{z-index:50;position:absolute;inset:0}.intro{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#05090a40,#040708c7);place-content:center;justify-items:center;padding:0 24px;transition:opacity .7s,visibility .7s;display:grid}.intro.is-dismissed{visibility:hidden;opacity:0;pointer-events:none}.intro-orbit{border:1px solid #e2ca8b38;border-radius:50%;width:82px;height:82px;margin-bottom:27px;animation:24s linear infinite ring-spin;position:relative}.intro-orbit:before,.intro-orbit:after{content:"";border:1px solid #e2ca8b38;position:absolute;inset:12px;transform:rotate(45deg)}.intro-orbit:after{border-color:var(--gold);inset:26px}.intro-orbit i{background:var(--gold-bright);width:6px;height:6px;box-shadow:0 0 12px var(--gold-bright);border-radius:50%;position:absolute;top:50%;left:-3px}.intro h2{letter-spacing:-.045em;text-shadow:0 8px 35px #000;max-width:640px;margin:8px 0 13px;font-family:Cinzel,Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:500;line-height:.95}.intro>p:not(.eyebrow){color:#b9b2a7;max-width:510px;margin:0;font-family:Georgia,serif;font-size:14px;line-height:1.65}.intro>button{width:210px;color:var(--gold-bright);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#090d0e85;border:1px solid #e2ca8b73;justify-content:space-between;align-items:center;margin-top:28px;padding:14px 15px 14px 19px;font-size:9px;font-weight:600;transition:background .18s,width .2s;display:flex}.intro>button:hover{background:#e2ca8b1f;width:222px}.button-arrow{font-size:16px}.intro small{color:#6f6d67;letter-spacing:.11em;text-transform:uppercase;margin-top:15px;font-size:8px}.about-modal{visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030506c2;place-items:center;padding:20px;transition:opacity .24s,visibility .24s;display:grid}.about-modal.is-open{visibility:visible;opacity:1}.about-card{background:#0a0e0ff0;border:1px solid #e2ca8b3d;width:min(500px,100%);padding:44px;position:relative;box-shadow:0 25px 80px #00000080}.about-card h2{margin-top:9px}.about-card p{color:#aaa49a;font-family:Georgia,serif;font-size:13px;line-height:1.7}.loading{background:#06090b;place-content:center;justify-items:center;transition:opacity .7s,visibility .7s;display:grid}.loading.is-done{visibility:hidden;opacity:0;pointer-events:none}.loading-glyph{border:1px solid var(--line);width:50px;height:50px;animation:4s linear infinite ring-spin;position:relative;transform:rotate(45deg)}.loading-glyph i{border:1px solid #e2ca8b73;position:absolute;inset:8px}.loading-glyph i:nth-child(2){background:var(--gold);inset:17px}.loading-glyph i:nth-child(3){border-color:#e2ca8b17;inset:-6px}.loading p{color:var(--gold-bright);letter-spacing:.22em;text-transform:uppercase;margin:23px 0 12px;font-family:Cinzel,Georgia,serif;font-size:9px}.loading-bar{background:#e2ca8b1f;width:130px;height:1px;overflow:hidden}.loading-bar span{background:var(--gold);width:60%;height:100%;animation:1.2s ease-in-out infinite alternate load-sweep;display:block}@keyframes load-sweep{0%{transform:translate(-100%)}to{transform:translate(165%)}}.fatal-error{z-index:80;text-align:center;background:#070a0b;place-content:center;padding:30px;display:grid}.fatal-error[hidden]{display:none}.fatal-error h2{font-family:Cinzel,Georgia,serif}body.panel-open .legend,body.panel-open .control-dock,body.panel-open .key-hint{opacity:0;pointer-events:none}@media (width<=900px){.fallback-map{width:max(138vw,116vh);height:auto}.fallback-compass{bottom:17vh;right:4vw;transform:scale(.72)}.topbar{padding:18px}.render-badge,#sound-toggle,.legend,.key-hint{display:none}.chapter-card{width:min(285px,100vw - 36px);top:105px;left:18px;transform:none}.chapter-card h1{font-size:32px}.chapter-copy{display:none}.control-dock{bottom:151px;right:18px}.timeline{height:116px;padding:0 14px;bottom:16px;left:18px;right:18px}.timeline-heading{justify-content:space-between;top:12px;left:14px;right:14px}.timeline-heading p{flex:1}.timeline-arrows{gap:5px;display:flex}.timeline-arrows button{border:1px solid var(--line);background:0 0;place-items:center;width:31px;height:31px;padding:0;display:grid}.range-wrap{bottom:30px;left:14px;right:14px}.timeline-eras{bottom:5px;left:14px;right:14px}.timeline-eras span:nth-child(2),.timeline-eras span:nth-child(3),.pin-label{display:none}.detail-panel{border-top:1px solid var(--line);border-left:0;grid-template-rows:110px 1fr;width:100%;height:min(78vh,680px);top:auto;transform:translateY(102%)}.detail-panel.is-open{transform:none}.detail-content{padding:24px 25px 35px}.detail-sigil{font-size:28px}.detail-rings{width:100px;height:100px}.detail-number{font-size:70px}}@media (width<=520px){.brand .eyebrow{display:none}.brand-title{font-size:13px}.brand-mark{width:31px;height:31px}.brand-mark span{top:1px;left:15px}.chapter-card{top:84px}.chapter-card h1{max-width:235px;font-size:27px}.chapter-card>p:first-of-type{margin-top:13px}.text-button{margin-top:14px}.intro h2{font-size:43px}.intro>p:not(.eyebrow){max-width:340px}.intro small{max-width:260px;line-height:1.6}.about-card{padding:38px 26px 27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}