@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap";@font-face{font-family:Middle-earth Display;src:url(/assets/fonts/custom.woff2)format("woff2"),url(/assets/fonts/custom.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-display:"Middle-earth Display", "Cinzel", Georgia, serif;--font-body:"EB Garamond", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ink:#0c0e12;--ink-2:#14171d;--parchment:#ece2cc;--parchment-dim:#b9ad93;--bronze:#6e5a39;--gold:#e8b84b;--gold-soft:#e8b84b73;--gold-hair:#e8b84b47;--ember:#d6502b;--glass:#101218b8;--glass-strong:#0c0e12db;--hair:#e8b84b38;--shadow:0 14px 40px #0000008c;--radius:2px;--radius-card:4px;--t-fast:.16s;--t-med:.3s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--ink);color:var(--parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:var(--font-body);cursor:pointer;color:inherit}.app-root{background:radial-gradient(circle at 50% 40%,#1a1d24 0%,#0c0e12 70%);position:fixed;inset:0}.app-root canvas{touch-action:none;display:block}.btn{border:1px solid var(--hair);background:var(--glass);color:var(--parchment);border-radius:var(--radius);letter-spacing:.02em;transition:border-color var(--t-fast) ease, background var(--t-fast) ease, transform 80ms ease;padding:.6rem 1.1rem;font-size:.92rem}.btn:hover{border-color:var(--gold-soft);background:var(--glass-strong)}.btn:active{transform:translateY(1px)}.btn-primary{border-color:var(--gold-soft);color:var(--gold);background:linear-gradient(#e8b84b2e,#e8b84b0f)}.btn-primary:hover{background:linear-gradient(#e8b84b42,#e8b84b1a)}.btn-ghost{background:0 0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.control-label,.panel-h3,.panel-region,.about-kicker,.intro-kicker,.saga-subtitle,.era-subtitle{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--parchment-dim);font-size:.68rem}.topbar{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;padding:1.1rem 1.4rem;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{text-shadow:0 2px 10px #000000b3;flex-direction:column;gap:.15rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);font-size:1.4rem;font-weight:600}.brand-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--parchment-dim);font-size:.82rem}.topbar-controls{align-items:center;gap:.6rem;display:flex}.seg-toggle{border:1px solid var(--hair);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;overflow:hidden}.seg{color:var(--parchment-dim);letter-spacing:.04em;transition:color var(--t-fast) ease, background var(--t-fast) ease;background:0 0;border:none;padding:.5rem .85rem;font-size:.82rem}.seg+.seg{border-left:1px solid var(--hair)}.seg:hover{color:var(--parchment)}.seg.is-active{color:var(--ink);background:var(--gold);font-weight:600}.dev-toggles{border-style:dashed}.dev-toggles .view-toggle.is-active{color:var(--ember);background:#d6502b29;font-weight:500}.fps-stats{z-index:50!important;inset:auto 8px 8px auto!important}.view-toggles{border:1px solid var(--hair);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;overflow:hidden}.view-toggle{color:var(--parchment-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:color var(--t-fast) ease, background var(--t-fast) ease;background:0 0;border:none;padding:.5rem .7rem;font-size:.72rem}.view-toggle+.view-toggle{border-left:1px solid var(--hair)}.view-toggle:hover{color:var(--parchment)}.view-toggle.is-active{color:var(--ink);background:var(--gold);font-weight:600}.left-rail{z-index:9;width:232px;transition:transform var(--t-med) ease, opacity var(--t-med) ease;flex-direction:column;gap:1rem;display:flex;position:absolute;top:5.5rem;left:1.4rem}.left-rail.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(-100% - 1.6rem))}.left-rail-tab{z-index:9;border:1px solid var(--hair);border-radius:var(--radius);background:var(--glass);width:20px;height:42px;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:5.5rem;left:-2px}.left-rail-tab:hover{border-color:var(--gold-soft)}.topbar-controls-wrap{align-items:center;gap:.5rem;display:flex}.topbar-controls{transition:transform var(--t-med) ease, opacity var(--t-med) ease}.topbar-controls.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 1.6rem))}.right-rail-tab{border:1px solid var(--hair);border-radius:var(--radius);background:var(--glass);width:20px;height:42px;color:var(--parchment-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.right-rail-tab:hover{border-color:var(--gold-soft);color:var(--parchment)}.control-block{background:var(--glass);border:1px solid var(--hair);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);padding:.85rem}.control-label{margin-bottom:.6rem;display:block}.panel-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.panel-header .control-label{margin:0}.panel-header:hover .control-label{color:var(--parchment)}.panel-chevron{color:var(--parchment-dim);transition:transform var(--t-fast) ease;font-size:.95rem;line-height:1}.panel-chevron.is-open{transform:rotate(90deg)}.panel-content{margin-top:.7rem}.route-list{flex-direction:column;gap:.3rem;display:flex}.route-btn{color:var(--parchment-dim);border-radius:var(--radius);text-align:left;transition:color var(--t-fast) ease, background var(--t-fast) ease, border-color var(--t-fast) ease;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;padding:.42rem .5rem;font-size:.88rem;display:flex}.route-btn:hover{color:var(--parchment);background:#ffffff08}.route-btn.is-active{color:var(--parchment);border-color:var(--hair);background:#e8b84b14}.route-swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.saga-group{margin-bottom:.7rem}.saga-group:last-child{margin-bottom:0}.saga-header{border:none;border-bottom:1px solid var(--hair);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;margin:.55rem 0 .4rem;padding:0 0 .3rem;display:flex}.saga-group:first-child .saga-header{margin-top:0}.saga-headings{flex-direction:column;gap:.05rem;display:flex}.saga-chevron{color:var(--parchment-dim);transition:transform var(--t-fast) ease;flex:none;font-size:.85rem}.saga-chevron.is-open{transform:rotate(90deg)}.saga-header:hover .saga-title{color:var(--gold-soft)}.saga-title{color:var(--parchment);letter-spacing:.04em;font-size:.82rem}.saga-subtitle{font-size:.6rem}.era-btn{color:var(--parchment-dim);border-radius:var(--radius);cursor:pointer;text-align:left;transition:color var(--t-fast) ease, background var(--t-fast) ease, border-color var(--t-fast) ease;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .5rem;display:flex}.era-btn:hover{color:var(--parchment);background:#ffffff08}.era-btn.is-active{color:var(--parchment);border-color:var(--hair);background:#e8b84b14}.era-title{align-items:center;gap:.4rem;font-size:.84rem;display:flex}.era-subtitle{font-size:.6rem}.era-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ember);border-radius:var(--radius);border:1px solid #d6502b66;padding:.05rem .25rem;font-size:.5rem}.preset-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.preset-btn{border:1px solid var(--hair);color:var(--parchment);border-radius:var(--radius);transition:border-color var(--t-fast) ease, background var(--t-fast) ease;background:#ffffff05;padding:.45rem .4rem;font-size:.8rem}.preset-btn:hover{border-color:var(--gold-soft);background:#e8b84b14}.preset-reset{color:var(--parchment-dim);grid-column:1/-1}.editor-row{align-items:center;gap:.3rem;margin-top:.5rem;display:flex}.editor-count{font-family:var(--font-mono);color:var(--parchment-dim);flex:1;font-size:.72rem}.editor-btn{border:1px solid var(--hair);color:var(--parchment);border-radius:var(--radius);background:#ffffff05;padding:.3rem .45rem;font-size:.74rem}.editor-btn:hover:not(:disabled){border-color:var(--gold-soft)}.editor-btn:disabled{opacity:.4;cursor:default}.editor-select{background:var(--glass);width:100%;color:var(--parchment);border:1px solid var(--hair);border-radius:var(--radius);margin-top:.5rem;padding:.35rem .4rem;font-size:.8rem}.side-panel{background:var(--glass-strong);border-left:1px solid var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12;width:650px;max-width:100%;height:100%;animation:panel-in var(--t-med) ease;padding:1.4rem 1.5rem 2rem;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-16px 0 50px #00000080}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.panel-close-row{z-index:3;justify-content:flex-end;margin-bottom:.2rem;display:flex;position:sticky;top:0}.panel-close-row .panel-close{float:none;background:var(--glass-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-close{border:1px solid var(--hair);color:var(--parchment-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius);float:right;background:0 0;padding:.35rem .6rem;font-size:.7rem}.panel-close:hover{color:var(--parchment);border-color:var(--gold-soft)}.panel-region{color:var(--gold);margin:0 0 .2rem}.panel-title{font-family:var(--font-display);color:var(--parchment);margin:0 0 .8rem;font-size:1.7rem;font-weight:600}.panel-desc{color:#d8cfb8;margin:0 0 1.2rem;font-size:1rem;line-height:1.55}.panel-section{border-top:1px solid var(--hair);margin-top:1rem;padding-top:1rem}.panel-h3{margin:0 0 .6rem}.panel-quote{border-left:2px solid var(--gold-soft);color:#d8cfb8;margin:0 0 .6rem;padding-left:.8rem;font-style:italic}.panel-events{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.panel-events li{flex-direction:column;gap:.15rem;display:flex}.event-label{color:var(--parchment);font-weight:600}.event-desc{color:var(--parchment-dim);font-size:.92rem}.panel-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--hair);color:var(--parchment);background:#e8b84b0f;border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.chip:hover{border-color:var(--gold-soft)}.panel-stops{color:var(--parchment-dim);flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.link-stop{color:var(--parchment);text-decoration:underline;-webkit-text-decoration-color:var(--gold-hair);text-decoration-color:var(--gold-hair);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.95rem}.link-stop:hover{color:var(--gold)}.panel-segments{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.panel-segments .segment{transition:border-color var(--t-fast) ease;border-left:2px solid #0000;padding-left:.7rem}.panel-segments .segment.is-focused{border-left-color:var(--gold)}.link-segment{text-align:left;color:var(--parchment);background:0 0;border:none;padding:0;font-size:.95rem}.link-segment:hover{color:var(--gold)}.segment.is-focused .link-segment{color:var(--gold);font-weight:600}.segment-desc{color:var(--parchment-dim);margin:.3rem 0 .1rem;font-size:.9rem;line-height:1.5}.panel-gallery{flex-direction:column;gap:.7rem;display:flex}.panel-figure{margin:0}.panel-figure img{border-radius:var(--radius);border:1px solid var(--hair);width:100%;height:auto;display:block}.panel-figure figcaption{color:var(--parchment-dim);margin-top:.35rem;font-size:.8rem}.panel-video video,.panel-video iframe{aspect-ratio:16/9;border:1px solid var(--hair);border-radius:var(--radius);background:#000;width:100%;display:block}.panel-actions{margin-top:1.3rem}.poi-label{font-family:var(--font-display);letter-spacing:.05em;color:var(--parchment);white-space:nowrap;border-radius:var(--radius);text-shadow:0 1px 4px #000000e6;transition:opacity var(--t-fast) ease, color var(--t-fast) ease, border-color var(--t-fast) ease, transform var(--t-med) ease;background:#0a0c108c;border:1px solid #0000;padding:.1rem .45rem;font-size:.78rem;transform:translateY(-2px)}.poi-label.is-selected{color:var(--gold);border-color:var(--gold-hair);background:#0a0c10cc;transform:translateY(-9px)}.bottombar{z-index:11;background:linear-gradient(#08090c00,#08090ceb);align-items:center;gap:1.2rem;padding:.9rem 1.4rem 1.1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.timeline-hint{letter-spacing:.04em;max-width:520px;color:var(--parchment-dim);opacity:.75;flex:1;font-size:.82rem;font-style:italic}.timeline{opacity:.7;max-width:520px;transition:opacity var(--t-fast) ease;flex:1;align-items:center;gap:.7rem;display:flex}.timeline:hover{opacity:1}.timeline-play{color:var(--parchment-dim);background:0 0;border:none;flex:none;padding:.2rem .3rem;font-size:.8rem;line-height:1}.timeline-play:hover{color:var(--gold)}.timeline-track{flex:1;align-items:center;height:14px;display:flex;position:relative}.timeline-range{appearance:none;border-radius:var(--radius);z-index:2;background:#ece2cc2e;width:100%;height:2px;position:relative}.timeline-range::-webkit-slider-thumb{appearance:none;background:var(--parchment);cursor:pointer;border-radius:50%;width:9px;height:9px}.timeline-range::-moz-range-thumb{background:var(--parchment);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px}.timeline-fill{background:var(--gold-soft);border-radius:var(--radius);pointer-events:none;z-index:1;height:2px;position:absolute;left:0}.timeline-seg{white-space:nowrap;text-overflow:ellipsis;max-width:150px;color:var(--parchment-dim);flex:none;font-size:.72rem;overflow:hidden}.music-controls{flex:none;align-items:center;display:flex}.music-eq{opacity:.7;height:22px;transition:opacity var(--t-fast) ease;background:0 0;border:none;align-items:center;gap:3px;padding:.3rem .45rem;display:inline-flex}.music-eq:hover{opacity:1}.music-eq i{background:var(--parchment-dim);width:3px;height:2px;transition:background var(--t-fast) ease;border-radius:1px}.music-eq.is-active i{background:var(--gold);animation:.9s ease-in-out infinite eq}.music-eq.is-active i:first-child{animation-delay:0s}.music-eq.is-active i:nth-child(2){animation-delay:.18s}.music-eq.is-active i:nth-child(3){animation-delay:.36s}.music-eq.is-active i:nth-child(4){animation-delay:.54s}@keyframes eq{0%,to{height:3px}50%{height:15px}}.info-button{border:1px solid var(--hair);background:var(--glass);width:32px;height:32px;color:var(--parchment-dim);font-family:var(--font-display);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);cursor:pointer;z-index:11;transition:color var(--t-fast) ease, border-color var(--t-fast) ease;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-style:italic;line-height:1;display:flex;position:absolute;bottom:1.4rem;right:1.4rem}.info-button:hover{color:var(--parchment);border-color:var(--gold-soft)}.nav-controls{z-index:11;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:4.4rem;right:1.4rem}.compass{border:1px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:46px;height:46px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;padding:0;position:relative}.compass:hover{border-color:var(--gold-soft)}.compass-needle{will-change:transform;position:absolute;inset:0}.compass-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:14px solid var(--ember);width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.compass-n{font-family:var(--font-mono);letter-spacing:.05em;color:var(--parchment);font-size:.56rem;position:absolute;top:2px;left:50%;transform:translate(-50%)}.zoom-group{border:1px solid var(--hair);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.zoom-btn{width:34px;height:30px;color:var(--parchment-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:flex}.zoom-btn+.zoom-btn{border-top:1px solid var(--hair)}.zoom-btn:hover{color:var(--parchment);background:#ffffff0a}.about-overlay{z-index:31;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:about-fade var(--t-med) ease;background:radial-gradient(circle at 50% 45%,#0c0e1299 0%,#08090ce6 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes about-fade{0%{opacity:0}}.about-card{background:var(--glass);border:1px solid var(--hair);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:calc(100% - 3rem);max-width:460px;box-shadow:var(--shadow);animation:panel-in var(--t-med) ease;padding:1.8rem 1.9rem 2rem;position:relative}.about-card .panel-close{position:absolute;top:1rem;right:1rem}.about-kicker{margin:0 0 .2rem}.about-title{font-family:var(--font-display);color:var(--parchment);margin:0 0 1.1rem;font-size:1.5rem}.about-section{margin-top:1.1rem}.about-body{color:var(--parchment-dim);margin:.4rem 0 0;font-size:.82rem;line-height:1.55}.intro-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 45%,#0c0e12b3 0%,#08090cf2 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-card{text-align:center;max-width:560px;padding:2.4rem;animation:.5s intro-in}@keyframes intro-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro-kicker{letter-spacing:.32em;color:var(--gold);margin:0 0 .8rem;font-size:.74rem}.intro-title{font-family:var(--font-display);color:var(--parchment);text-shadow:0 4px 24px #000c;margin:0 0 1.1rem;font-size:2.8rem;font-weight:700;line-height:1.1}.intro-body{color:#d8cfb8;max-width:460px;margin:0 auto 1.8rem;font-size:1.08rem;line-height:1.6}.intro-actions{justify-content:center;gap:.8rem;margin-bottom:2rem;display:flex}.intro-actions .btn{padding:.7rem 1.4rem;font-size:1rem}.intro-disclaimer{color:#b9ad938c;max-width:440px;margin:0 auto;font-size:.72rem;line-height:1.5}.loading-screen{z-index:40;background:var(--ink);opacity:1;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading-screen.is-hiding{opacity:0;pointer-events:none}.loading-inner{text-align:center}.loading-mark{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);margin-bottom:1rem;font-size:1.6rem}.loading-bar{border-radius:var(--radius);background:#ffffff1a;width:240px;height:3px;margin:0 auto;overflow:hidden}.loading-fill{background:var(--gold);height:100%}.loading-pct{font-family:var(--font-mono);color:var(--parchment-dim);margin-top:.6rem;font-size:.74rem}@media (pointer:coarse){.left-rail-tab,.right-rail-tab{width:44px;height:48px}.zoom-btn{width:44px;height:44px;font-size:1.35rem}.compass{width:52px;height:52px}.info-button{width:44px;height:44px;font-size:1.2rem}.panel-close{padding:.55rem .9rem}.seg,.view-toggle{min-height:40px}.timeline{opacity:1}}@media (width<=640px){body{overscroll-behavior:none}.topbar{padding:calc(.6rem + env(safe-area-inset-top)) .7rem .6rem}.brand-sub{display:none}.brand-mark{font-size:1.05rem}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.seg,.view-toggle{padding:.45rem .6rem;font-size:.72rem}.left-rail{-webkit-overflow-scrolling:touch;width:auto;max-height:58vh;top:4.4rem;left:.7rem;right:.7rem;overflow-y:auto}.left-rail-tab{top:4.4rem}.side-panel{width:100%;padding:calc(1.2rem + env(safe-area-inset-top)) 1.1rem calc(1.6rem + env(safe-area-inset-bottom))}.bottombar{padding:.7rem .8rem calc(.8rem + env(safe-area-inset-bottom));gap:.6rem}.timeline{max-width:none}.timeline-seg{display:none}.nav-controls{right:.7rem;bottom:calc(5rem + env(safe-area-inset-bottom))}.info-button{left:.7rem;right:auto;bottom:calc(5rem + env(safe-area-inset-bottom))}.intro-card{padding:1.6rem}.intro-title{font-size:2rem}.intro-body{font-size:1rem}.intro-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}