*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,1rem,22px);-webkit-text-size-adjust:100%;text-size-adjust:100%;position:fixed;width:100%;height:100%;overflow:hidden}:root{--void: #03040a;--deep: #06080f;--layer: #0a0c18;--gold: #c9932a;--gold-lt: #e8b84b;--gold-dim: rgba(201,147,42,.3);--gold-ghost: rgba(201,147,42,.07);--gateway-hue: 79,195,247;--enoch-hue: 201,147,42;--africa-hue: 205,133,63;--future-hue: 180,120,255;--text: rgba(255,255,255,.88);--muted: rgba(255,255,255,.42);--faint: rgba(255,255,255,.16);--border: rgba(201,147,42,.14);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--glass-ultra-thin: rgba(3,4,10,.35);--glass-thin: rgba(6,8,15,.52);--glass-regular: rgba(10,12,24,.68);--glass-thick: rgba(10,12,24,.82);--glass-chrome: rgba(3,4,10,.92);--glass-blur-sm: 8px;--glass-blur-md: 16px;--glass-blur-lg: 24px;--glass-blur-xl: 40px;--glass-border: rgba(201,147,42,.08);--glass-border-active: rgba(201,147,42,.18);--glass-gold-tint: rgba(201,147,42,.03);--glass-blue-tint: rgba(79,195,247,.02);--vibrancy-label: rgba(255,255,255,.88);--vibrancy-secondary: rgba(255,255,255,.55);--vibrancy-tertiary: rgba(255,255,255,.25);--vibrancy-separator: rgba(255,255,255,.065)}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body{background:var(--void);color:var(--text);font-family:DM Mono,SF Mono,Menlo,monospace;overflow-x:hidden;min-height:100dvh;overscroll-behavior-y:none}body.wing-open{overflow:hidden}::selection{background:var(--gold-dim);color:#fff}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:1px}button,a,[role=button],.exhibit-card,.book-3d{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,[role=button]:active{opacity:.85;transition:opacity .05s ease}.haptic-press:active{transform:scale(.97);transition:transform .06s ease}.haptic-press{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.exhibit-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:18px}.ch-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.book-3d:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.museum-header,.chapter-nav,.hallway-scene,.exhibit-card{-webkit-user-select:none;user-select:none}.passage,.si-body{-webkit-user-select:text;user-select:text;touch-action:pan-y}.glass-surface{-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-md));backdrop-filter:saturate(180%) blur(var(--glass-blur-md));background:var(--glass-regular);border:.5px solid var(--glass-border)}.glass-surface-elevated{-webkit-backdrop-filter:saturate(200%) blur(var(--glass-blur-lg));backdrop-filter:saturate(200%) blur(var(--glass-blur-lg));background:var(--glass-thin);border:.5px solid var(--glass-border-active);box-shadow:0 8px 32px #00000059,0 1px #c9932a0a inset}.glass-surface-chrome{-webkit-backdrop-filter:saturate(160%) blur(var(--glass-blur-xl));backdrop-filter:saturate(160%) blur(var(--glass-blur-xl));background:var(--glass-chrome);border-bottom:.5px solid var(--vibrancy-separator)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass-surface,.glass-surface-elevated,.glass-surface-chrome,.museum-header,.chapter-nav,.exhibit-card{background:var(--glass-chrome)!important}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.018)}}@keyframes breatheSlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes warpIn{0%{opacity:0;transform:scale(1.06);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes warpOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.96);filter:blur(8px)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes orbitDot{0%{transform:rotate(0) translate(var(--r,60px)) rotate(0)}to{transform:rotate(360deg) translate(var(--r,60px)) rotate(-360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes ringExpand{0%{transform:scale(.85);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes scanDrift{0%{transform:translateY(-100%)}to{transform:translateY(100dvh)}}@keyframes flicker{0%,89%,91%,94%,to{opacity:1}90%{opacity:.3}93%{opacity:.7}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wingSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes wingClose{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--wing-glow,rgba(201,147,42,.2))}50%{box-shadow:0 0 50px var(--wing-glow,rgba(201,147,42,.4))}}@keyframes typeReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes dustFloat{0%{opacity:0;transform:translateY(0) scale(1)}30%{opacity:.8}to{opacity:0;transform:translateY(-60px) scale(.3)}}@keyframes horizonLine{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes museumEntry{0%{opacity:0;transform:perspective(800px) rotateX(4deg) translateY(30px)}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0)}}@keyframes warpTunnel{0%{opacity:0}to{opacity:1}}@keyframes streakFly{0%{transform:scaleY(1) translateZ(0);opacity:0}50%{opacity:1}to{transform:scaleY(18) translateZ(0);opacity:0}}@keyframes glyphArrive{0%{transform:translate(-50%,-50%) scale(.04);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}@keyframes hallwayArrive{0%{opacity:0;transform:perspective(1200px) translateZ(-300px)}to{opacity:1;transform:perspective(1200px) translateZ(0)}}@keyframes torchFlicker{0%,to{opacity:.7;transform:scale(1) translateY(0)}25%{opacity:1;transform:scale(1.15) translateY(-2px)}50%{opacity:.6;transform:scale(.9) translateY(1px)}75%{opacity:.95;transform:scale(1.08) translateY(-1px)}}@keyframes portalSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes portalGlow{0%,to{box-shadow:0 0 40px #c9932a66,inset 0 0 40px #c9932a1a}50%{box-shadow:0 0 80px #c9932ab3,inset 0 0 60px #c9932a33}}@keyframes bookLevitate{0%,to{transform:var(--bk-base) translateY(0) rotateY(var(--bk-ry,0deg))}50%{transform:var(--bk-base) translateY(-14px) rotateY(var(--bk-ry,0deg))}}@keyframes bookHoverIn{0%{transform:var(--bk-base) translateY(0) rotateY(var(--bk-ry,0deg)) scale(1)}to{transform:var(--bk-base) translateY(-22px) rotateY(calc(var(--bk-ry,0deg) + 18deg)) scale(1.12)}}@keyframes pageOpen{0%{transform:rotateY(0)}to{transform:rotateY(-160deg)}}@keyframes runeReveal{0%{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:2px}}@keyframes scriptDrift{0%,to{opacity:.18;transform:translate(0)}50%{opacity:.32;transform:translate(4px)}}.hallway-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:hallwayArrive 1.2s cubic-bezier(.16,1,.3,1) both}.hallway-corridor{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;perspective-origin:50% 48%}.hallway-back-btn{position:fixed;top:0;left:0;z-index:910;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 14px;-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-sm));backdrop-filter:saturate(180%) blur(var(--glass-blur-sm));background:var(--glass-ultra-thin);border:.5px solid var(--vibrancy-separator);border-top:none;border-left:none;border-radius:0 0 12px;cursor:pointer;font-family:DM Mono,SF Mono,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#fff6;transition:color .2s;display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px}.hallway-back-btn:hover{color:var(--gold)}.book-3d{position:relative;transform-style:preserve-3d;cursor:pointer;transition:filter .3s ease}.book-3d:hover{filter:brightness(1.25)}.book-face{position:absolute;backface-visibility:hidden;border-radius:2px 6px 6px 2px;overflow:hidden}.book-spine{position:absolute;backface-visibility:hidden;border-radius:4px 2px 2px 4px}.book-page-turn{position:absolute;top:0;left:0;right:0;bottom:0;transform-style:preserve-3d;transform-origin:left center;animation:pageOpen 1.1s cubic-bezier(.4,0,.2,1) forwards}.wing-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom,0px)}.wing-panel.entering{animation:wingSlide .55s cubic-bezier(.16,1,.3,1) both}.wing-panel.leaving{animation:wingClose .4s ease both}.wing-close-btn{position:fixed;top:0;right:0;z-index:900;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 14px;-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-sm));backdrop-filter:saturate(180%) blur(var(--glass-blur-sm));background:var(--glass-ultra-thin);border:.5px solid var(--vibrancy-separator);border-top:none;border-right:none;border-radius:0 0 0 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:DM Mono,SF Mono,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#ffffff80;transition:color .2s;min-height:44px;min-width:44px}.wing-close-btn:hover{color:var(--gold)}.exhibit-card{position:relative;border-radius:18px;overflow:hidden;border:.5px solid var(--glass-border);-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-md));backdrop-filter:saturate(180%) blur(var(--glass-blur-md));background:var(--glass-regular);cursor:pointer;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease;will-change:transform}.exhibit-card:hover{transform:translateY(-4px);border-color:var(--glass-border-active);box-shadow:0 12px 40px #0006,0 0 0 .5px var(--glass-border-active)}.exhibit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.exhibit-card:hover:before{opacity:1}.exhibit-card .top-line{position:absolute;top:0;left:0;right:0;height:1px;opacity:0;transition:opacity .4s ease}.exhibit-card:hover .top-line{opacity:1}.chapter-nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:saturate(200%) blur(var(--glass-blur-lg));backdrop-filter:saturate(200%) blur(var(--glass-blur-lg));background:var(--glass-regular);border-bottom:.5px solid var(--vibrancy-separator);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0px);transform:translateZ(0)}.wing-panel .chapter-nav{background:color-mix(in srgb,var(--glass-regular),var(--wing-glass-tint, transparent) 15%)}.chapter-nav::-webkit-scrollbar{display:none}.ch-btn{flex-shrink:0;padding:14px clamp(10px,2.5vw,20px);background:none;border:none;cursor:pointer;font-family:Cinzel,serif;font-size:clamp(7px,1.8vw,9px);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent;transition:all .25s ease;color:var(--muted);min-height:48px}.ch-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.passage{font-family:Cormorant Garamond,Georgia,serif;line-height:2.1;transition:opacity .5s ease,transform .5s ease}.passage.open{font-size:clamp(17px,4.2vw,22px);font-weight:400;color:#fffffff2}.passage.body{font-size:clamp(15px,3.5vw,18px);font-weight:300;color:#dcc8a0d9}.passage.vision{font-size:clamp(15px,3.5vw,18px);font-style:italic;color:var(--gold);padding-left:clamp(16px,4vw,28px);border-left:2px solid rgba(201,147,42,.5)}.passage.kicker{font-size:clamp(17px,4vw,21px);font-style:italic;font-weight:600;text-align:center;padding:clamp(10px,2vw,18px) 0;color:var(--gold-lt)}.signal-intercept{margin:28px 0;padding:18px 22px;-webkit-backdrop-filter:saturate(160%) blur(var(--glass-blur-sm));backdrop-filter:saturate(160%) blur(var(--glass-blur-sm));background:linear-gradient(135deg,#c9932a0f,#c9932a05);border-radius:0 12px 12px 0;border:.5px solid rgba(201,147,42,.1);border-left:2px solid var(--gold)}.wing-panel .signal-intercept{border-color:var(--wing-glass-border, rgba(201,147,42,.1));border-left-color:var(--gold)}.si-label{font-family:DM Mono,SF Mono,monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.si-body{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(14px,3.5vw,18px);color:#e8b84bd9;line-height:1.8}.museum-header{position:fixed;top:0;left:0;right:0;z-index:500;padding-top:env(safe-area-inset-top,0);-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-lg));backdrop-filter:saturate(180%) blur(var(--glass-blur-lg));background:var(--glass-thick);border-bottom:.5px solid var(--vibrancy-separator);box-shadow:0 .5px 0 var(--glass-gold-tint) inset}@media (min-width: 640px){.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media (min-width: 900px){.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}}@media (min-width: 1200px){.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}}@media (orientation: landscape) and (max-height: 500px){.wing-panel{flex-direction:row}.chapter-nav{position:fixed;top:0;left:0;bottom:0;width:clamp(56px,12vw,80px);flex-direction:column;border-bottom:none;border-right:.5px solid var(--vibrancy-separator);padding-top:var(--sat);padding-left:var(--sal);padding-bottom:var(--sab);overflow-y:auto;overflow-x:hidden;z-index:100}.ch-btn{writing-mode:vertical-rl;text-orientation:mixed;padding:clamp(8px,2vh,14px) 8px;min-height:unset;min-width:44px}.wing-close-btn{right:var(--sar)}.exhibit-card{min-width:320px;max-width:420px}}.orientation-transitioning:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--void);z-index:9999;animation:fadeIn .1s ease forwards,fadeOut .3s ease .15s forwards;pointer-events:none}.md3-ripple{position:relative;overflow:hidden}.md3-ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(201,147,42,.25) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.md3-ripple:active:after{opacity:1;transition:opacity .05s ease}.md3-elevation-1{box-shadow:0 1px 3px #0000004d,0 1px 2px #0000003d}.md3-elevation-2{box-shadow:0 3px 6px #0000004d,0 3px 6px #00000038}.md3-elevation-3{box-shadow:0 8px 32px #0006,0 4px 12px #0000003d}@media (display-mode: standalone){:root{--sab: env(safe-area-inset-bottom, 0px)}}@supports not (-webkit-touch-callout: none){button:active,[role=button]:active{opacity:1}.haptic-press:active{transform:scale(.98);transition:transform .08s ease}.exhibit-card:active{transform:translateY(-2px) scale(.99);transition:transform .1s ease}}@media (min-width: 768px) and (orientation: landscape){.exhibit-card{min-width:280px;max-width:480px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}.wing-panel.entering{animation:none;opacity:1}.wing-panel.leaving{animation:none;opacity:0}.exhibit-card:hover{transform:none}.hallway-scene{animation:none;opacity:1}}
