.asc-theatre{background:#070f20;color:#fff1d6;border:1px solid #a68b5755;border-radius:24px;overflow:hidden;margin:25px 0}.asc-stage{position:relative;isolation:isolate;min-height:clamp(340px,52vw,650px);overflow:hidden;background:#050c18;--asc-progress:0}.asc-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;pointer-events:none;background-size:cover;background-position:center}.asc-portal{background-image:linear-gradient(#06112522,#06112533),url('/art-entrance.webp');transform:scale(calc(1 + var(--asc-progress)*.4))}.asc-earth{background-image:url('/art-ascent-earth.webp');transform:translateY(calc(var(--asc-progress)*15%)) scale(calc(1.25 - var(--asc-progress)*.5));transform-origin:50% 75%}.asc-flight{background:radial-gradient(ellipse at center,#bde8ef40,transparent 18%),url('/art-constellation.webp') center/cover}.asc-heaven{background-image:url('/art-heaven.webp');transform:scale(calc(1.12 - var(--asc-progress)*.12))}.asc-stage[data-phase="0"] .asc-portal,.asc-stage[data-phase="1"] .asc-earth,.asc-stage[data-phase="4"] .asc-flight,.asc-stage[data-phase="6"] .asc-heaven{opacity:1}
.asc-ring{position:absolute;width:32%;aspect-ratio:1;left:34%;top:18%;border-radius:50%;border:2px solid #fff0b9;box-shadow:0 0 30px #ffe3a0, inset 0 0 35px #ffefb9;opacity:0;transform:scale(calc(1 + var(--asc-progress)*4));pointer-events:none}.asc-stage[data-phase="0"] .asc-ring{opacity:calc(.75 - var(--asc-progress)*.7)}.asc-stars{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.asc-stage[data-phase="4"] .asc-stars{opacity:.8}.asc-stars i{position:absolute;left:50%;top:50%;width:var(--length);height:1px;background:linear-gradient(90deg,transparent,#cfebff);transform-origin:0 0;animation:asc-travel 1.8s linear infinite;animation-delay:var(--delay)}@keyframes asc-travel{from{transform:rotate(var(--angle)) translateX(30px) scaleX(.2);opacity:0}30%{opacity:.8}to{transform:rotate(var(--angle)) translateX(750px) scaleX(3);opacity:0}}
.asc-copy{position:absolute;inset:auto 0 0;padding:45px 28px 28px;background:linear-gradient(transparent,#050d1be8);text-align:center}.asc-copy h2{color:#fff2d0;font:clamp(28px,4vw,48px)/1.15 Georgia,serif;margin:8px 0}.asc-copy p{color:#f1e5cc;margin:8px 0}.asc-controls{padding:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#111c2c}.asc-controls button,.asc-steps button{color:#fff1d6;background:#1e2c40;border:1px solid #c6ab7166;border-radius:24px;padding:12px 18px;min-height:44px;font:14px system-ui}.asc-controls button:first-child{background:#e4ca8a;color:#162235}.asc-controls label{display:flex;align-items:center;gap:8px;color:#eee5d0;font-size:14px}.asc-controls input[type=range]{width:100px;accent-color:#e4ca8a}.asc-controls input[type=checkbox]{accent-color:#e4ca8a}.asc-progress-row{display:flex;gap:18px;align-items:center;padding:12px 24px;background:#111c2c;font-size:13px}.asc-progress-row progress{flex:1;width:100%;accent-color:#e4ca8a}.asc-steps{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.asc-steps button[aria-current=step]{border-color:#c6ab71;background:#3c382d}.asc-paused *{animation-play-state:paused!important}.asc-gentle .asc-layer{transform:none!important;transition:opacity 1.5s}.asc-gentle .asc-stars,.asc-gentle .asc-ring{display:none}.asc-theatre:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0;overflow:auto}.asc-theatre:fullscreen .asc-stage{flex:1;min-height:200px}.asc-theatre:fullscreen .asc-controls{flex-shrink:0}@media(prefers-reduced-motion:reduce){.asc-layer{transform:none!important}.asc-stars,.asc-ring{display:none}}.reduced-motion .asc-layer{transform:none!important}.reduced-motion .asc-stars,.reduced-motion .asc-ring{display:none}@media(max-width:560px){.asc-controls{gap:8px;padding:14px}.asc-controls button{padding:10px 14px}.asc-copy{padding:40px 16px 18px}.asc-progress-row{padding:10px 14px}.asc-steps button{flex:1 1 40%}}

/* Extended continuous ascent: whole Earth, throne, planets, and a slowing star field. */
.asc-earth{background-image:url('/art-earth-throne.webp');background-size:contain;background-repeat:no-repeat;transform:none}.asc-throne{background-image:url('/art-earth-throne.webp');background-size:contain;background-repeat:no-repeat;transform-origin:50% 22%;transform:scale(calc(1 + var(--asc-progress)*2.8))}.asc-solar{background-image:url('/art-solar-system.webp');transform:scale(calc(1 + var(--asc-progress)*.16));transform-origin:70% 45%}.asc-changing{background:radial-gradient(ellipse at center,#c79df533,transparent 60%),url('/art-constellation.webp') center/cover;filter:hue-rotate(calc(var(--asc-progress)*75deg));transform:scale(calc(1.08 + var(--asc-progress)*.05))}.asc-changing::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#fff1bd88,#b88e4d33 45%,transparent 80%);opacity:var(--star-change,0)}.asc-stage[data-phase="2"] .asc-throne,.asc-stage[data-phase="3"] .asc-solar,.asc-stage[data-phase="5"] .asc-changing{opacity:1}.asc-stage[data-phase="5"] .asc-stars{opacity:calc(.85 - var(--asc-progress)*.7)}.asc-stars i{animation:none;transition:none}
#asc-changing-stars{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 2s}#asc-changing-stars b{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:hsl(var(--star-hue,220),85%,85%);box-shadow:0 0 15px 4px hsl(var(--star-hue,220),85%,70%);transform:scale(calc(.6 + var(--star-change,0)*1.6));transition:background 1s,box-shadow 1s}.asc-stage[data-phase="5"] #asc-changing-stars{opacity:1}.asc-speed{position:absolute;left:18px;top:18px;padding:8px 12px;border:1px solid #e5cd8866;background:#081425b8;border-radius:20px;color:#f7e4b8;font:10px system-ui;letter-spacing:.16em}.asc-light-body{position:absolute;left:calc(50% - 42px);top:calc(52% - var(--body-rise,0)*24%);width:84px;height:160px;pointer-events:none;filter:drop-shadow(0 0 9px #fff7c0) drop-shadow(0 0 20px #b7dfff);z-index:1;transform:scale(calc(1 - var(--body-rise,0)*.22))}.asc-light-body svg{position:relative;width:100%;height:100%;z-index:1}.asc-body-aura{position:absolute;inset:-25%;background:radial-gradient(ellipse,#fff9d455,transparent 68%);border-radius:50%}.asc-body-trail{position:absolute;left:32%;right:32%;top:55%;height:125%;background:linear-gradient(#fff9d46b,#c4eaff22,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(6px)}.asc-stage[data-phase="4"] .asc-body-trail{height:210%}.asc-copy{z-index:2}.asc-gentle .asc-light-body{top:40%;transform:none}.asc-gentle #asc-changing-stars b{transform:none;transition:none}.asc-gentle .asc-changing{filter:none}
@media(prefers-reduced-motion:reduce){.asc-light-body{top:40%;transform:none}#asc-changing-stars b{transform:none;transition:none}.asc-changing{filter:none}}.reduced-motion .asc-light-body{top:40%;transform:none}.reduced-motion #asc-changing-stars b{transform:none;transition:none}@media(max-width:560px){.asc-light-body{width:62px;height:118px;left:calc(50% - 31px)}.asc-throne{transform-origin:50% 35%}.asc-speed{font-size:9px;left:12px;top:12px}}
/* Reserve caption space so the entire globe and planetary arrangement stay visible. */
.asc-earth{bottom:22%;background-position:center;background-size:contain}.asc-solar{bottom:20%;background-size:contain;background-repeat:no-repeat;transform:scale(calc(1 + var(--asc-progress)*.04))}

/* Human-shaped light traveller and the heavenly exploration. */
.asc-light-body{width:clamp(100px,16vw,160px);height:clamp(190px,27vw,270px);left:calc(50% - clamp(50px,8vw,80px));top:calc(45% - var(--body-rise,0)*15%);filter:drop-shadow(0 0 8px #d4edff88);transition:left 2s,top 2s}.asc-human-art{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.asc-body-aura{opacity:.35}.asc-body-trail{top:65%;left:44%;right:44%;height:90%;background:linear-gradient(#fff,#d8eeff99 20%,#77cfff55 60%,transparent);filter:blur(3px);animation:asc-jet 1.8s ease-in-out infinite alternate}.asc-stage[data-phase="4"] .asc-body-trail{height:250%}.asc-stage[data-phase="4"] .asc-human-art{filter:drop-shadow(0 0 13px #fff4c9)}@keyframes asc-jet{to{scale:.85 1.15;opacity:.7}}
.asc-crystal{background-image:url('/art-crystal-sea.webp');transform:scale(calc(1 + var(--asc-progress)*.12))}.asc-beings{background-image:url('/art-heavenly-beings.webp');transform:scale(calc(1.12 - var(--asc-progress)*.12))}.asc-city{background-image:url('/art-jeweled-city.webp');background-position:calc(45% + var(--asc-progress)*10%) center;transform:scale(1.05)}.asc-jesus{background-image:url('/art-jesus-fire.webp');transform:scale(calc(1 + var(--asc-progress)*.08));transform-origin:50% 32%}.asc-stage[data-phase="7"] .asc-crystal,.asc-stage[data-phase="8"] .asc-beings,.asc-stage[data-phase="9"] .asc-city,.asc-stage[data-phase="10"] .asc-jesus{opacity:1}.asc-stage:is([data-phase="7"],[data-phase="8"],[data-phase="9"],[data-phase="10"]) .asc-light-body{left:9%;top:48%;transform:scale(.7)}.asc-stage:is([data-phase="7"],[data-phase="8"],[data-phase="9"],[data-phase="10"]) .asc-body-trail{height:55%;opacity:.35}.asc-lightning{position:absolute;inset:0;width:100%;height:100%;opacity:var(--earth-lightning,0);pointer-events:none;filter:drop-shadow(0 0 8px #9ad8ff);z-index:1}.asc-gentle .asc-lightning{display:none}.asc-gentle .asc-body-trail{animation:none}.asc-gentle .asc-light-body{transition:none}.asc-gentle .asc-city{background-position:center}
@media(prefers-reduced-motion:reduce){.asc-lightning{display:none}.asc-body-trail{animation:none}.asc-light-body{transition:none}.asc-city{background-position:center!important}}.reduced-motion .asc-lightning{display:none}.reduced-motion .asc-body-trail{animation:none}.reduced-motion .asc-light-body{transition:none}

/* Cinematic branching discharge and perspective fire, driven by journey time. */
.asc-lightning{display:none}.asc-cinema{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:screen}.asc-gentle .asc-cinema,.reduced-motion .asc-cinema{display:none}@media(prefers-reduced-motion:reduce){.asc-cinema{display:none}}