:root{--ink: #1a1a1a;--sand: #f4f1e9;--gold: #d4af37;--dusk: #c8b99a;--taupe: #8a7e6b}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--ink)}html{scrollbar-color:rgba(212,175,55,.35) #1a1a1a;scrollbar-width:thin}.latin{font-family:Cinzel,serif;letter-spacing:.18em;font-size:clamp(.7rem,1.4vw,.95rem)!important}body{background:var(--ink);color:var(--sand);font-family:Tajawal,system-ui,sans-serif;font-weight:300;line-height:1.75;letter-spacing:0;overflow-x:hidden}#spine{width:1px;position:relative}html.snap-rooms{scroll-snap-type:y proximity}.snap-anchor{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start;pointer-events:none}#stage{position:fixed;inset:0;overflow:hidden}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%);transition:object-position .6s ease;opacity:0;visibility:hidden}#mist{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0;visibility:hidden}.overlay.visible{opacity:1;visibility:visible}#titlecard{transition:opacity .6s ease,visibility .6s}#titlecard h1{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(3rem,9vw,7rem);line-height:1.35;color:var(--sand)}#titlecard p{margin-top:.5rem;font-size:clamp(1rem,2.2vw,1.4rem);color:var(--gold)}.caption{place-content:end center;padding-block-end:12vh;transition:opacity .45s ease,visibility .45s,transform .45s ease;transform:translate(1.5rem)}.caption.visible{transform:translate(0)}.caption h2{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(2rem,5vw,3.5rem);line-height:1.35;color:var(--sand);text-shadow:0 1px 24px rgba(13,10,7,.8)}.caption p{font-size:clamp(.95rem,1.8vw,1.2rem);color:var(--sand);opacity:.85;text-shadow:0 1px 16px rgba(13,10,7,.9)}.caption .num{display:block;margin-top:.75rem;color:var(--gold);font-size:.9rem}.caption--still{place-content:center end;padding-block-end:0;padding-inline-end:9vw}.caption--still h2{font-size:clamp(2.5rem,7vw,5rem);color:var(--gold)}.beat{background:#070503;transition:none}.beat span{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(2.5rem,8vw,6rem);line-height:1.35;color:var(--gold)}.endcard{background:var(--ink);transition:opacity .4s ease,visibility .4s}.endcard h2{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.35}.endcard p{margin-top:.5rem;color:var(--dusk)}.endnav{margin-top:2.2rem;font-size:.85rem;pointer-events:auto}.endnav a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}.endnav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.endnav span{color:var(--taupe);margin-inline:.5rem}#sound-btn{position:fixed;inset-block-start:3.6rem;inset-inline-end:1.25rem;z-index:15;font-family:inherit;letter-spacing:0;cursor:pointer}#sound-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}#sound-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wordmark{position:fixed;inset-block-start:1.35rem;inset-inline-start:1.4rem;z-index:16;text-decoration:none;color:var(--gold);padding:.35rem .8rem;border-radius:3px;transition:opacity .4s ease,visibility .4s}.wordmark .wordmark-lockup{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.3em;white-space:nowrap}body.on-title .wordmark{opacity:0;visibility:hidden;pointer-events:none}.wordmark:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#lang-btn[hidden]{display:none!important}#rail{position:absolute;inset-block:14vh;inset-inline-start:1.4rem;width:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none}.rail-way{width:5px;height:5px;border-radius:999px;background:var(--sand);opacity:.18;transition:opacity .5s ease}.rail-way.lit{opacity:.85;background:var(--gold)}#rail-marker{position:absolute;inset-block-start:0;inline-size:14px;block-size:22px;color:var(--gold);transform-origin:center top}#rail-marker svg{width:100%;height:100%;display:block}.caption .num{inline-size:fit-content;margin-inline:auto;padding:.15rem .7rem;border:1px solid rgba(212,175,55,.45);border-radius:2px;background:#1a1a1a8c}#perf-chip{position:fixed;inset-block-end:.75rem;inset-inline-end:.75rem;z-index:10;font-size:.72rem;font-family:monospace;direction:ltr;color:var(--sand);background:#1a1a1acc;border:1px solid rgba(212,175,55,.4);padding:.3rem .6rem;border-radius:3px;pointer-events:none}@media(prefers-reduced-motion:reduce){.caption,#titlecard{transition:opacity .3s ease,visibility .3s;transform:none}.caption.visible{transform:none}.beat{transition:opacity .3s ease,visibility .3s}}#panel{position:fixed;inset:0;z-index:20;background:#1a1a1ab8;display:grid;place-items:center;overflow-y:auto;padding:4vh 1rem}#panel[hidden]{display:none}.panel-inner{position:relative;background:var(--ink);border:1px solid rgba(212,175,55,.35);max-inline-size:34rem;inline-size:100%;padding:2.2rem 2rem 1.6rem;border-radius:4px}#panel-title{font-weight:500;font-size:1.4rem;line-height:1.35;color:var(--gold);margin-block-end:1rem}#panel-close{position:absolute;inset-block-start:.9rem;inset-inline-end:1rem;background:none;border:1px solid rgba(244,241,233,.4);color:var(--sand);font-size:1rem;inline-size:2.75rem;block-size:2.75rem;border-radius:999px;cursor:pointer}.panel-list{scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.35) transparent;list-style:none;padding:0;margin:0 0 1.4rem;max-block-size:44vh;overflow-y:auto}.panel-row{display:grid;grid-template-columns:3rem 1fr;grid-template-areas:"num name" "num line";column-gap:.8rem;inline-size:100%;text-align:start;background:none;border:0;border-block-end:1px solid rgba(200,185,154,.15);padding:.55rem .2rem;color:var(--sand);font-family:inherit;cursor:pointer}.panel-list li{position:relative}.panel-page{position:absolute;inset-inline-end:.4rem;inset-block-start:50%;translate:0 -50%;text-decoration:none;color:var(--taupe);inline-size:34px;block-size:34px;display:grid;place-items:center;border-radius:10px;font-size:1rem}.panel-page:hover,.panel-page:focus-visible{color:var(--gold);background:#ffffff0f;outline:none}.panel-list .panel-row{padding-inline-end:2.6rem}.panel-row.is-here{background:#d4af371a}.panel-row.is-here .panel-name:after{content:" · أنت هنا";color:var(--gold);font-size:.72rem;font-weight:300}.panel-row:hover{background:#d4af3714}.panel-num{grid-area:num;align-self:center;color:var(--gold);font-size:.85rem;border:1px solid rgba(212,175,55,.45);border-radius:2px;text-align:center;padding:.1rem 0}.panel-name{grid-area:name;font-weight:500;font-size:1.05rem;line-height:1.4}.panel-line{grid-area:line;font-size:.82rem;color:var(--dusk);line-height:1.6}.panel-about a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}.panel-quote{color:var(--dusk);font-size:.9rem}.panel-about p{font-size:.9rem;margin-block:.5rem}.panel-note{border-inline-start:1px solid rgba(138,126,107,.6);padding-inline-start:.8rem;color:var(--dusk)}.panel-small{font-size:.78rem;color:var(--dusk);margin-block-start:1rem}.panel-small a{color:var(--gold)}#panel button:focus-visible,#panel a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#index-btn{position:fixed;inset-block-start:1.25rem;inset-inline-end:1.25rem;z-index:15;background:#1a1a1a8c;border:1px solid rgba(212,175,55,.5);color:var(--gold);font-family:inherit;font-size:.85rem;padding:.4rem 1rem;border-radius:999px;cursor:pointer}#index-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.rail-way{border:0;padding:0;cursor:pointer;pointer-events:auto}button.rail-way:focus-visible{outline:2px solid var(--gold);outline-offset:3px;opacity:1}#rail{pointer-events:none}.endcard{background:#1a1a1ac7}.caption,.caption h2,.caption p,.panel-inner,.panel-row,.panel-about,.station-panel,.station-panel h2,.st-idea,.st-list,.st-quote,.st-sensory,.st-story,.st-note,.st-cite,#endcard h2,#titlecard h1{letter-spacing:0}#pause-btn,#motion-btn{background:#1a1a1a8c;border:1px solid rgba(212,175,55,.4);color:var(--sand);font-family:inherit;font-size:.78rem;letter-spacing:0;padding:.32rem .9rem;border-radius:999px;cursor:pointer}#pause-btn[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.panel-keys{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-block-start:1rem;font-size:.74rem;color:var(--taupe);letter-spacing:0}.panel-keys kbd{font-family:inherit;font-size:.9em;padding:.02rem .4rem;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--dusk)}.panel-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:1rem;padding-block-start:.8rem;border-block-start:1px solid rgba(212,175,55,.25);letter-spacing:0}.panel-settings-lbl{font-size:.72rem;color:var(--taupe);margin-inline-end:.3rem}.panel-settings-link{font-size:.78rem;color:var(--gold);margin-inline-start:auto}#pause-btn:focus-visible,#motion-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.station-marker{position:fixed;inset-inline-end:1.1rem;inset-block-start:58vh;z-index:14;min-inline-size:44px;min-block-size:44px;display:grid;grid-template-columns:18px auto;align-items:center;gap:.45rem;padding:.4rem .75rem;background:#1a1a1ac7;border:1px solid rgba(212,175,55,.55);border-radius:3px;color:var(--gold);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.station-marker.live{opacity:1;visibility:visible}.station-marker:focus-visible{opacity:1;visibility:visible;outline:2px solid var(--gold);outline-offset:3px}.station-marker svg{inline-size:18px;block-size:24px}.station-marker .station-num{font-size:1.05rem;font-weight:500;color:var(--sand)}.station-marker:hover{border-color:var(--gold)}.station-panel{position:fixed;position-area:inline-start span-block-start;position-try-fallbacks:flip-block,flip-inline;place-self:anchor-center;margin:.8rem;max-inline-size:24rem;inline-size:min(24rem,86vw);max-block-size:78vh;overflow-y:auto;background:var(--ink);border:1px solid rgba(212,175,55,.4);border-radius:4px;color:var(--sand);padding:1.3rem 1.4rem 1rem;font-size:.92rem;line-height:1.75}.station-panel::backdrop{background:linear-gradient(#1a1a1a40,#1a1a1a8c)}.station-panel:popover-open{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}@starting-style{.station-panel:popover-open{opacity:0;transform:translateY(.6rem)}}.station-panel.closing{opacity:0;transform:translateY(.4rem);transition:opacity .14s ease,transform .14s ease}.st-head h2{font-weight:500;font-size:1.25rem;line-height:1.35;color:var(--gold)}.st-head h2 small{color:var(--dusk);font-size:.8rem;font-weight:300}.st-galleryno{display:block;font-family:Cinzel,serif;letter-spacing:.22em;font-size:.7rem;color:var(--taupe)}.st-idea{color:var(--sand);margin-block:.5rem}.st-facts{color:var(--gold);font-size:.88rem}.st-list,.st-sensory{color:var(--dusk);font-size:.85rem;margin-block:.35rem}.st-quote{margin-block:.5rem;font-size:.85rem}.st-quote ul{padding-inline-start:1.1rem;margin:.2rem 0}.st-story{border-inline-start:1px solid rgba(212,175,55,.55);padding-inline-start:.9rem;margin-block:.6rem}.st-note{border-inline-start:1px solid rgba(138,126,107,.6);padding-inline-start:.9rem;color:var(--dusk);font-size:.85rem}.st-sheet{display:grid;grid-template-columns:72px auto;gap:.7rem;align-items:center;margin-block:.7rem;color:var(--gold);text-decoration:none;border:1px solid rgba(212,175,55,.35);border-radius:3px;padding:.45rem}.st-sheet img{inline-size:72px;block-size:auto;display:block;border-radius:2px}.st-cite{color:var(--taupe);font-size:.75rem;margin-block-start:.6rem}.station-panel a:focus-visible,.station-panel button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#panel[popover]{position:fixed;inset:0;inline-size:100vw;block-size:100vh;max-inline-size:none;max-block-size:none;margin:0;border:0;padding:4vh 1rem;background:#1a1a1ab8;display:none;place-items:center;overflow-y:auto}#panel[popover]:popover-open{display:grid;place-items:start center}#panel[popover] .panel-inner{margin-block:auto;max-block-size:92vh;overflow-y:auto}.st-close{position:absolute;inset-block-start:.7rem;inset-inline-end:.8rem;background:none;border:1px solid rgba(244,241,233,.4);color:var(--sand);font-size:1rem;inline-size:2rem;block-size:2rem;border-radius:999px;cursor:pointer}.st-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.station-panel .st-head{padding-inline-end:2.4rem}#skip-to-station{position:fixed;inset-block-start:.75rem;inset-inline-start:50%;translate:50% 0;z-index:30;background:var(--ink);border:1px solid var(--gold);color:var(--gold);font-family:inherit;letter-spacing:0;padding:.45rem 1.1rem;border-radius:3px;opacity:0;pointer-events:none}#skip-to-station:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--gold);outline-offset:3px}#index-btn,#sound-btn,#pause-btn,#motion-btn{background:var(--ink);border:1px solid rgba(212,175,55,.55);color:var(--gold);border-radius:3px;font-size:.78rem;padding:.38rem .95rem}#pause-btn[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}html.gate-open{overflow:hidden}#gate{position:fixed;inset:0;z-index:25;display:grid;place-items:center;text-align:center;background:radial-gradient(120% 80% at 50% 110%,rgba(212,175,55,.1),transparent 60%),linear-gradient(#1a1a1abd,#1a1a1adb),url(/media/overture_first.jpg?v=f19ebae68b) center / cover no-repeat,var(--ink);color:var(--sand);letter-spacing:0;clip-path:circle(150% at var(--gx, 50%) var(--gy, 60%));transition:clip-path .7s cubic-bezier(.34,1.3,.4,1),opacity .5s ease}#gate.leaving{clip-path:circle(0px at var(--gx, 50%) var(--gy, 60%));opacity:0;pointer-events:none}.gate-inner{display:grid;justify-items:center;gap:.6rem;padding:2.4rem 2rem 2rem;max-inline-size:min(34rem,90vw)}.gate-lockup{font-family:Cinzel,serif;letter-spacing:.34em;font-size:.72rem;color:var(--gold)}.gate-title{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.35;color:var(--sand)}.gate-line{font-weight:300;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.75;color:var(--dusk);max-inline-size:30rem}.gate-progress{inline-size:min(18rem,60vw);block-size:1px;background:#f4f1e929;margin-block:.9rem .2rem;overflow:hidden}.gate-progress i{display:block;inline-size:100%;block-size:100%;background:var(--gold);transform:scaleX(0);transform-origin:right center;transition:transform .24s ease}.gate-status{font-size:.75rem;color:var(--taupe);min-block-size:1.3em}.gate-sub{font-weight:300;font-size:clamp(.9rem,1.4vw,1rem);color:var(--dusk);letter-spacing:0;margin-block-start:-.3rem}.gate-meta{display:flex;gap:.55rem;font-size:.8rem;color:var(--taupe);letter-spacing:0;margin-block-start:-.1rem}.gate-meta span:nth-child(2n){color:var(--taupe)}.coach{position:fixed;inset-inline:0;inset-block-end:calc(6.5vh + 3.6rem);z-index:12;display:grid;justify-items:center;pointer-events:none;font-size:.8rem;color:var(--dusk);letter-spacing:0;opacity:0;translate:0 6px;transition:opacity .45s ease,translate .45s ease}.coach.on{opacity:1;translate:0 0}.endnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.endnav .door{text-decoration:none;padding:.55rem 1.25rem;border-radius:999px;border:1px solid rgba(212,175,55,.5);color:var(--gold);font-size:.9rem;letter-spacing:0;transition:background .3s ease,color .3s ease}.endnav .door:hover,.endnav .door:focus-visible{background:#d4af371f}.endnav .door:first-child{background:var(--gold);color:var(--ink);border-color:var(--gold)}.endnav .door:first-child:hover{background:#e2c25a}.st-fold{margin-block:.7rem .3rem}.st-fold summary{cursor:pointer;font-size:.82rem;color:var(--dusk);list-style:none;padding:.45rem .7rem;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);letter-spacing:0}.st-fold summary::-webkit-details-marker{display:none}.st-fold summary:before{content:"+";display:inline-block;inline-size:1.1rem;color:var(--gold)}.st-fold[open] summary:before{content:"–"}.st-fold ul{padding-inline-start:1.1rem;margin-block:.5rem .3rem;font-size:.85rem}.st-fold .st-sensory{margin-block-start:.3rem}.gate-enter{margin-block-start:.6rem;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:0;color:var(--ink);background:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:.6rem 2.4rem;min-block-size:44px;cursor:pointer;opacity:.45;transition:opacity .3s ease,scale .25s cubic-bezier(.2,.8,.2,1)}#gate.ready .gate-enter{opacity:1}.gate-enter:hover{scale:1.04}.gate-enter:active{scale:.97}.gate-enter[aria-disabled=true]{cursor:progress}.gate-enter:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.gate-note{font-size:.75rem;color:var(--taupe);max-inline-size:26rem;line-height:1.7}.scroll-cue{position:fixed;inset-inline:0;inset-block-end:3.2vh;z-index:12;display:grid;justify-items:center;gap:.45rem;pointer-events:none;font-size:.78rem;color:var(--dusk);letter-spacing:0;opacity:0;translate:0 6px;transition:opacity .5s ease,translate .5s ease}.scroll-cue.on{opacity:1;translate:0 0}.scroll-cue i{display:block;inline-size:1px;block-size:26px;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:cue-drop 1.6s ease-in-out infinite}@keyframes cue-drop{0%{transform:scaleY(0);opacity:0}30%{opacity:1}to{transform:scaleY(1);opacity:0}}@media(prefers-reduced-motion:reduce){#gate,.gate-progress i,.gate-enter,.scroll-cue{transition-duration:1ms}.scroll-cue i{animation:none}}.layer.still{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.layer.still.on{opacity:1;visibility:visible}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--pour: cubic-bezier(.34, 1.3, .4, 1);--curtain: cubic-bezier(.76, 0, .24, 1)}#gate.bold{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--curtain)}#gate.bold.leaving{clip-path:inset(0 0 100% 0);opacity:1;pointer-events:none}#gate.bold .gate-inner{transition:opacity .32s ease,translate .52s var(--ease-out)}#gate.bold.leaving .gate-inner{opacity:0;translate:0 -12px}.gate-mark{display:grid;justify-items:center;gap:.35rem;margin-block:.6rem .1rem}.gate-trail{width:40px;height:54px;overflow:visible}.gate-trail .stroke{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .24s ease}.gate-trail .fill{fill:var(--gold);opacity:0;transition:opacity .5s ease}#gate.ready .gate-trail .fill{opacity:.95}.gate-count{font-variant-numeric:tabular-nums;font-weight:500;font-size:1.05rem;color:var(--gold);line-height:1;min-inline-size:3ch;letter-spacing:0}.gate-title,#titlecard h1{text-wrap:balance}#titlecard h1.shine{background:linear-gradient(100deg,var(--sand) 40%,#fff6cf 50%,var(--gold) 52%,var(--sand) 62%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}.end-orn{display:none}body.bold .end-orn{display:block;width:min(22rem,70vw);height:14px;overflow:visible;margin:.5rem auto .1rem}.end-orn path{fill:none;stroke:var(--gold);stroke-width:1.2}.endcard h2{text-wrap:balance}@view-transition{navigation:auto}html.gate-open .gate-lockup{view-transition-name:lockup}html:not(.gate-open) .wordmark-lockup{view-transition-name:lockup}::view-transition-group(lockup){animation-duration:.58s;animation-timing-function:var(--pour)}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}body.glass{--blur: 30px;--glass-tint: rgba(20, 18, 15, .26);--glass-tint-strong: rgba(20, 18, 15, .42);--hairline: rgba(255, 255, 255, .14)}body.glass.glass-flat{--blur: 0px;--glass-tint: rgba(26, 26, 26, .66);--glass-tint-strong: rgba(26, 26, 26, .78)}body.glass .lg{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff17,#ffffff05 45%,#ffffff0d),var(--glass-tint);-webkit-backdrop-filter:blur(var(--blur)) saturate(175%) brightness(1.06);backdrop-filter:blur(var(--blur)) saturate(175%) brightness(1.06);border-radius:28px;box-shadow:inset 0 1.5px 1px #ffffff4d,inset 1px 0 1px #ffffff1a,inset -1px 0 1px #ffffff12,inset 0 -1.5px 2px #ffffff0d,0 24px 64px #00000080}body.glass .lg:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1.2px;background:linear-gradient(150deg,#ffffff8c,#ffffff0f 30%,#ffffff05 60%,#ffffff40);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}body.glass .lg:before{content:"";position:absolute;inset:-30%;border-radius:inherit;pointer-events:none;background:radial-gradient(18rem 12rem at var(--mx,70%) var(--my,10%),rgba(255,255,255,.2),rgba(255,255,255,.05) 40%,transparent 62%);opacity:.85}body.glass .glass-dock{position:fixed;inset-block-start:1.3rem;inset-inline-start:50%;translate:50% 0;z-index:16;display:flex;gap:.3rem;padding:.45rem;border-radius:30px;transition:opacity .48s ease,visibility .48s,translate .48s ease}body.glass .glass-dock .dock-lozenge{position:absolute;inset-block:.4rem;left:var(--lx, 0);inline-size:var(--lw, 0);border-radius:22px;z-index:0;pointer-events:none;background:linear-gradient(160deg,#ffffff2e,#ffffff14);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #ffffff0f,0 4px 14px #00000040;transition:left .5s cubic-bezier(.34,1.3,.4,1),inline-size .5s cubic-bezier(.34,1.3,.4,1)}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn){position:relative;z-index:1;overflow:visible;inset:auto;display:flex;align-items:center;gap:.5rem;background:transparent;border:0;border-radius:22px;box-shadow:none;color:#f4f1e9c7;font-size:.84rem;font-weight:400;padding:.5rem 1.05rem;transition:color .3s,scale .25s cubic-bezier(.2,.8,.2,1)}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn) svg{inline-size:17px;block-size:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn) .lbl{white-space:nowrap}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn):hover,body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn):focus-visible{color:#fff;scale:1.04}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn):active{scale:.97}body.glass .glass-dock #index-btn{color:var(--gold);font-weight:500}body.glass .glass-dock #sound-btn[aria-pressed=true]{color:var(--gold)}body.glass .glass-dock #sound-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}body.glass .wordmark{position:fixed;border-radius:999px;padding:.45rem 1rem;color:var(--gold);transition:opacity .48s ease,visibility .48s,translate .48s ease}body.glass:not(.awake) .wordmark{opacity:0;visibility:hidden;translate:0 -14px}body.glass.on-title .wordmark{opacity:0;visibility:hidden}body.glass .panel-settings{border-block-start-color:#ffffff1f}body.glass .panel-settings :is(#pause-btn,#motion-btn){background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--ivory)}body.glass .panel-settings #pause-btn[aria-pressed=true]{color:var(--gold);border-color:#d4af3780}body.glass:not(.awake) .glass-dock,body.glass.on-title .glass-dock{opacity:0;visibility:hidden;translate:50% -14px}body.glass .glass-dock:focus-within{opacity:1!important;visibility:visible!important;translate:50% 0!important}body.glass .caption.island{position:absolute;inset:auto;inset-block-end:6.5vh;inset-inline-start:50%;translate:50% var(--isl-y, 0px);transform:none;inline-size:var(--isl-w, 13rem);block-size:var(--isl-h, 2.6rem);padding:0;place-content:center;pointer-events:auto;cursor:default;border-radius:999px;transition:inline-size .58s cubic-bezier(.34,1.3,.4,1),block-size .58s cubic-bezier(.34,1.3,.4,1),border-radius .58s cubic-bezier(.34,1.3,.4,1),opacity .45s ease,visibility .45s}body.glass .caption.island.visible{transform:none}body.glass .caption.island.isl-open{border-radius:28px}body.glass .caption.island .lay{position:absolute;inset-inline:0;top:50%;translate:0 -50%;display:grid;place-items:center;padding:0 1.5rem;transition:opacity .3s ease,scale .5s cubic-bezier(.34,1.3,.4,1)}body.glass .caption.island .lay-pill{white-space:nowrap}body.glass .caption.island .lay-pill .row{display:flex;align-items:baseline;gap:.65rem}body.glass .caption.island .lay-pill .n{color:var(--gold);font-weight:700;font-size:1rem}body.glass .caption.island .lay-pill .nm{font-weight:500;font-size:1.1rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}body.glass .caption.island .lay-full{inset-inline:auto;left:50%;translate:-50% -50%;width:min(33rem,86vw);text-align:center;opacity:0;scale:.92;pointer-events:none}body.glass .caption.island .lay-full .hd{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-block-end:.15rem}body.glass .caption.island .chipnum{display:grid;place-items:center;min-inline-size:2.1rem;block-size:2.1rem;padding:0 .5rem;border-radius:12px;background:#d4af3729;border:1px solid rgba(212,175,55,.4);color:var(--gold);font-weight:700;font-size:1rem}body.glass .caption.island .lay-full .g-en{font-family:Cinzel,serif;letter-spacing:.3em;font-size:.72rem;color:var(--sand)}body.glass .caption.island .lay-full h2{font-weight:700;font-size:1.7rem;line-height:1.25;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);margin:0 0 .1rem}body.glass .caption.island .isl-theme{font-size:.82rem;color:var(--sand);font-weight:300;margin-block:0 .25rem;letter-spacing:0}body.glass .caption.island .isl-line{font-size:.92rem;line-height:1.6;color:var(--ivory);font-weight:400;margin-block-end:.45rem;letter-spacing:0;text-shadow:0 1px 12px rgba(0,0,0,.35)}body.glass .caption.island .isl-door{margin-block-start:.5rem;font-family:inherit;font-size:.84rem;letter-spacing:0;cursor:pointer;color:var(--gold);background:#d4af371f;border:1px solid rgba(212,175,55,.42);border-radius:999px;padding:.42rem 1.05rem;transition:background .3s ease,translate .3s cubic-bezier(.2,.8,.2,1)}body.glass .caption.island .isl-door:hover,body.glass .caption.island .isl-door:focus-visible{background:#d4af3733;translate:-2px 0;outline-color:var(--gold)}body.glass .caption.island .senses{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap;row-gap:.45rem}body.glass .caption.island .sense{display:flex;flex-direction:column;gap:.1rem;align-items:center;white-space:nowrap;padding:.3rem .7rem;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}body.glass .caption.island .sense b{font-weight:500;font-size:.85rem;color:var(--ivory)}body.glass .caption.island .sense i{font-style:normal;font-size:.72rem;color:#c8b99ae6}body.glass .caption.island .thread{display:flex;align-items:center;gap:.45rem;justify-content:center;margin-block-start:.5rem;flex-wrap:wrap}body.glass .caption.island .thread .dot{inline-size:5px;block-size:5px;border-radius:50%;background:#ffffff40}body.glass .caption.island .thread .dot.on{background:var(--gold);box-shadow:0 0 8px #d4af3799}body.glass .caption.island .thread .lbl{font-size:.72rem;color:#c8b99ad9;margin-inline-start:.4rem}body.glass .caption.island.isl-open .lay-pill{opacity:0;scale:.9;pointer-events:none}body.glass .caption.island.isl-open .lay-full{opacity:1;scale:1;pointer-events:auto}body.glass .caption.island:not(.isl-open){animation:isl-breathe 4.5s ease-in-out infinite}@keyframes isl-breathe{0%,to{scale:1}50%{scale:1.018}}body.glass .station-marker{position:fixed;border-radius:999px;background:var(--glass-tint);transition:opacity .35s ease,visibility .35s,scale .3s cubic-bezier(.2,.8,.2,1)}body.glass .station-marker:hover{scale:1.06;border-color:var(--gold)}body.glass .station-marker.live{background:var(--glass-tint-strong);border-color:#d4af378c;box-shadow:0 0 18px #d4af3747,0 8px 24px #00000059}body.glass .station-marker .station-num{color:var(--gold);font-weight:700}body.glass .caption.island .lay-pill .row:after{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #d4af3799;margin-inline-start:.35rem;align-self:center}body.glass .station-panel{--ox: -2.2rem;--oy: 50%;position:fixed;border-radius:28px;background:var(--glass-tint-strong);border:0;transform:none;transform-origin:var(--ox) var(--oy)}body.glass .station-panel::backdrop{background:none}body.glass .station-panel:popover-open{opacity:1;transform:none;scale:1;border-radius:28px;clip-path:circle(150% at var(--ox) var(--oy));transition:opacity .35s ease,scale .58s cubic-bezier(.34,1.3,.4,1),border-radius .58s cubic-bezier(.34,1.3,.4,1),clip-path .58s cubic-bezier(.34,1.3,.4,1)}@starting-style{body.glass .station-panel:popover-open{opacity:0;transform:none;scale:.55;border-radius:120px;clip-path:circle(0px at var(--ox) var(--oy))}}body.glass .station-panel.closing{opacity:0;transform:none;scale:.8;clip-path:circle(0px at var(--ox) var(--oy));transition:opacity .14s ease,scale .16s ease,clip-path .16s ease}body.glass .st-grab{display:none}body.glass .st-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-block:.6rem .8rem}body.glass .st-cell{padding:.65rem .4rem .5rem;border-radius:16px;text-align:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}body.glass .st-cell .v{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;line-height:1.15}body.glass .st-cell .v small{font-size:.7rem;font-weight:400;color:var(--sand)}body.glass .st-cell .l{font-size:.74rem;color:#c8b99ae6;margin-block-start:.15rem}body.glass .st-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-block-end:.8rem}body.glass .st-tag{font-size:.72rem;font-weight:300;color:var(--ivory);padding:.22rem .7rem;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}body.glass .st-sheet-card{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.6rem .8rem .6rem .6rem;border-radius:18px;margin-block:.7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--ivory);text-decoration:none;transition:background .3s ease,scale .3s cubic-bezier(.34,1.3,.4,1)}body.glass .st-sheet-card:hover{background:#ffffff1c;scale:1.02}body.glass .st-sheet-card .paper{position:relative;display:block;inline-size:88px;padding:4px;background:var(--ivory);border-radius:3px;rotate:-2.5deg;box-shadow:0 1px #fff9 inset,0 10px 22px #00000073,0 2px 4px #00000059;transition:rotate .45s cubic-bezier(.34,1.3,.4,1),translate .45s cubic-bezier(.34,1.3,.4,1),box-shadow .45s ease}body.glass .st-sheet-card:hover .paper{rotate:0deg;translate:0 -3px;box-shadow:0 1px #fff9 inset,0 16px 30px #00000080,0 2px 4px #00000059}body.glass .st-sheet-card .paper:after{content:"";position:absolute;right:0;bottom:0;inline-size:14px;block-size:14px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.05) 65%,var(--ivory) 66%);border-radius:0 0 3px}body.glass .st-sheet-card img{inline-size:100%;block-size:auto;border-radius:1px;display:block}body.glass .st-sheet-card .t{font-size:.86rem;font-weight:500}body.glass .st-sheet-card .s{font-size:.74rem;color:#c8b99ad9;margin-block-start:.1rem}body.glass .st-sheet-card .s b{font-family:Cinzel,serif;font-weight:500;letter-spacing:.12em;color:var(--sand)}body.glass .st-sheet-card .go{color:var(--gold);font-size:1.15rem;transition:translate .35s cubic-bezier(.34,1.3,.4,1)}body.glass .st-sheet-card:hover .go{translate:-4px 0}body.glass .panel-inner{border-radius:28px;background:var(--glass-tint-strong)}body.glass #panel[popover],body.glass #panel{background:#1a1a1a40}body.glass #rail{width:8px;padding:0;opacity:.55;pointer-events:auto;transition:opacity .4s ease,width .45s cubic-bezier(.34,1.3,.4,1)}body.glass #rail:hover,body.glass #rail:focus-within{opacity:1;width:16px}body.glass:not(.awake) #rail:not(:hover):not(:focus-within){opacity:.22}body.glass .rail-spine{position:absolute;inset:0;border-radius:10px;z-index:0}body.glass .rail-way:before{content:"";position:absolute;inset:-9px -14px}body.glass .rail-way{position:relative;z-index:1;inline-size:calc(100% - 4px);block-size:3px;border-radius:2px;background:#ffffff59;opacity:1;transition:background .3s ease,inline-size .45s cubic-bezier(.34,1.3,.4,1)}body.glass .rail-way.lit{background:#d4af37bf}body.glass #rail:hover .rail-way{inline-size:calc(100% - 6px)}body.glass #rail-marker{z-index:2;inline-size:100%;block-size:22px;border-radius:8px;background:linear-gradient(var(--gold),rgba(212,175,55,.55));box-shadow:0 0 18px #d4af378c}body.glass #rail-marker svg{display:none}body.glass .rail-who{position:absolute;inset-block-start:0;inset-inline-start:calc(100% + .7rem);block-size:22px;display:flex;align-items:center;gap:.4rem;white-space:nowrap;padding:0 .8rem;border-radius:12px;font-size:.78rem;color:#fff;letter-spacing:0;opacity:0;pointer-events:none;transition:opacity .3s ease}body.glass .rail-who .n{color:var(--gold);font-weight:700}body.glass #rail:hover .rail-who:not(.empty),body.glass #rail:focus-within .rail-who:not(.empty){opacity:1}body.glass .endcard{background:#1a1a1a59}body.glass .endcard .endnav{inline-size:fit-content;margin-inline:auto}body.glass .endcard .endnav .door{background:#ffffff12;border-color:#ffffff24;color:var(--ivory)}body.glass .endcard .endnav .door:first-child{background:#d4af37eb;color:var(--ink);border-color:transparent}body.glass .st-fold summary{background:#ffffff12}body.glass .gate-inner.lg{position:relative;padding:2.6rem 2.6rem 2.2rem;border-radius:30px}body.glass .gate-enter{background:#d4af37eb}@media(max-width:640px){body.glass .glass-dock{inset-block-start:.9rem;inset-inline-start:auto;inset-inline-end:.75rem;translate:0 0;padding:.35rem;gap:.1rem}body.glass:not(.awake) .glass-dock{translate:0 -14px}body.glass .glass-dock:focus-within{translate:0 0!important}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn){padding:.55rem .8rem;min-block-size:44px}body.glass .station-marker{inset-block-start:40vh}body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn) .lbl{display:none}body.glass .wordmark{inset-block-start:.95rem;padding:.4rem .7rem}body.glass .wordmark .wordmark-lockup{font-size:.7rem}.panel-keys{display:none}body.glass .glass-dock #index-btn .lbl{display:inline}body.glass #rail{display:none}body.glass .station-panel{--ox: 50%;--oy: 100%;position:fixed;position-area:none;position-anchor:none;place-self:auto;inset:auto .75rem .75rem;margin:0;inline-size:auto;max-inline-size:none;max-block-size:70vh;padding:1.3rem 1.2rem 1.1rem}body.glass .st-grab{display:block;inline-size:38px;block-size:4px;border-radius:4px;background:#ffffff59;margin:-.5rem auto .9rem}body.glass .st-sheet-card .paper{inline-size:72px}body.glass.sheet-open .caption.island{opacity:0!important;visibility:hidden!important;pointer-events:none}body.glass .caption.island{inset-block-end:5vh}body.glass .caption.island .lay-full h2{font-size:1.55rem}body.glass .caption.island .senses{display:none}}body.glass.bold .caption.island.isl-open{animation:isl-jelly .56s ease-in-out 1}@keyframes isl-jelly{0%,to{scale:1}40%{scale:1.015}}@media(pointer:fine)and (min-width:641px){body.glass.bold.liquid .caption.island.lg{-webkit-backdrop-filter:blur(var(--blur)) saturate(175%) brightness(1.06) url(#lg-refract);backdrop-filter:blur(var(--blur)) saturate(175%) brightness(1.06) url(#lg-refract)}}body.glass .caption.island .lay-pill .n,body.glass .caption.island .thread .lbl,body.glass .st-cell .v,body.glass .rail-who .n{font-variant-numeric:tabular-nums}body.glass .caption.island .lay-full h2{text-wrap:balance}@media(prefers-reduced-motion:reduce){body.glass .caption.island,body.glass .caption.island .lay,body.glass .glass-dock,body.glass .glass-dock .dock-lozenge,body.glass .station-marker,body.glass #rail,body.glass .rail-way,body.glass .rail-who,body.glass .glass-dock :is(#index-btn,#sound-btn,#lang-btn),body.glass .st-sheet-card,body.glass .st-sheet-card .paper,body.glass .st-sheet-card .go,body.glass .station-panel:popover-open,body.glass .station-panel.closing{transition-duration:1ms}body.glass .caption.island:not(.isl-open){animation:none}body.glass .lg:before{display:none}body.glass:not(.awake) .glass-dock,body.glass:not(.awake) .wordmark{opacity:1;visibility:visible;translate:50% 0}body.glass:not(.awake) .wordmark{translate:0 0}}html[dir=ltr] body.glass .caption.island{translate:-50% var(--isl-y, 0px)}html[dir=ltr] .isl-door span[aria-hidden],html[dir=ltr] .st-sheet-card .go{display:inline-block;scale:-1 1}