body{background:radial-gradient(ellipse at 50% 0,#252036 0,transparent 65%),#070c18}.realm-top,main,footer{position:relative;z-index:1}#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.realm-gateway{padding-inline:18px}.reveal-controls{display:flex;justify-content:center;gap:10px;margin:-8px 0 24px}.reveal-controls button{background:#131726;border:1px solid #a58b55;border-radius:30px;padding:10px 16px;color:#ecd6a4;font:14px system-ui;min-height:44px;cursor:pointer}.realm-door{perspective:900px}.card-stage{position:relative;width:140px;max-width:100%;z-index:2;transform-origin:50% 70%;filter:drop-shadow(0 12px 16px #000b)}.card-stage img{display:block;width:100%;height:auto}.label-light{position:absolute;left:12%;right:12%;top:6%;height:9%;overflow:hidden;pointer-events:none}.label-light:after{content:'';position:absolute;inset:-20% -80%;background:linear-gradient(110deg,transparent 40%,#fff4c8cc 49%,#fff9eedd 50%,transparent 59%);transform:translateX(-80%);opacity:0}.realm-door .realm-atmosphere{position:absolute;inset:0;width:100%;height:100%;max-width:none;filter:none;pointer-events:none;z-index:1}.realm-door h2,.realm-door>p,.realm-door>span{position:relative;z-index:3}.realm-door:before{opacity:.65}.realm-door.is-revealing .card-stage{animation:materialize 2.7s cubic-bezier(.15,.65,.22,1) both}.realm-door.is-revealing .label-light:after{animation:gold-sweep 1.1s 1.75s ease-in-out both}.realm-door.is-revealing:before{animation:realm-awaken 3s ease-out both}.realm-door.is-revealing{animation:frame-awaken 3s ease-out both}.paused *{animation-play-state:paused!important}@keyframes materialize{0%{opacity:0;transform:translateY(45px) translateZ(-200px) rotateY(-32deg) scale(.55);filter:blur(10px) drop-shadow(0 0 40px var(--accent))}35%{opacity:.75;filter:blur(2px) drop-shadow(0 0 24px var(--accent))}70%{opacity:1;transform:translateY(-8px) translateZ(25px) rotateY(5deg) scale(1.04);filter:blur(0) drop-shadow(0 0 14px var(--accent))}100%{opacity:1;transform:none;filter:drop-shadow(0 12px 16px #000b)}}@keyframes gold-sweep{0%{opacity:0;transform:translateX(-80%)}25%{opacity:.8}75%{opacity:.8}100%{opacity:0;transform:translateX(80%)}}@keyframes realm-awaken{0%{opacity:.15;transform:scale(1.18)}45%{opacity:.9}100%{opacity:.65;transform:scale(1)}}@keyframes frame-awaken{40%{box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 23%,transparent),0 0 20px color-mix(in srgb,var(--accent) 18%,transparent)}100%{box-shadow:none}}@media(min-width:761px){.card-stage{width:160px}}@media(max-width:760px){.realm-gateway{padding-inline:12px}.card-stage{width:108px}.realm-top{padding-block:12px}.realm-kicker{font-size:18px}.choose{margin-bottom:20px}.reveal-controls{margin-bottom:18px;gap:8px}.reveal-controls button{font-size:13px;padding:8px 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}#fireworks,.realm-atmosphere{display:none}.label-light{display:none}}
/* Second reveal: scenery leads, then the card emerges and settles. */
body{background:#030409}.realm-door{background:#030407}.realm-door:before{display:none}.scene-depth{position:absolute;inset:-12%;z-index:0;background:var(--realm-scene) center/cover;opacity:.72;pointer-events:none}.scene-depth:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--realm-dark) 10%,transparent 70%)}.scene-light{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 65%);opacity:0;pointer-events:none}.realm-door .realm-atmosphere{z-index:3!important;transform:none!important}.realm-door h2,.realm-door>p,.realm-door>span{z-index:4}.realm-door.is-revealing .scene-depth{animation:scene-emerge 5.5s cubic-bezier(.2,.6,.2,1) both}.realm-door.is-revealing .scene-light{animation:scene-illuminate 5.5s ease-out both}.realm-door.is-revealing .card-stage{animation:card-emerge 5.5s cubic-bezier(.2,.65,.25,1) both}.realm-door.is-revealing .label-light:after{animation:gold-sweep 1.2s 4s ease-in-out both}.realm-door.is-revealing{animation:frame-awaken 5.5s ease-out both}@keyframes scene-emerge{0%{opacity:0;transform:scale(1.4) translateY(5%);filter:brightness(.1) blur(5px)}22%{opacity:1;filter:brightness(1.2) blur(0)}48%{filter:brightness(1.45)}75%{opacity:.9;transform:scale(1.05) translateY(-1%)}100%{opacity:.72;transform:scale(1);filter:brightness(1)}}@keyframes scene-illuminate{0%,12%{opacity:0}32%{opacity:1}55%{opacity:.7}100%{opacity:0}}@keyframes card-emerge{0%,18%{opacity:0;transform:translateY(70px) translateZ(-280px) rotateY(-38deg) scale(.35);filter:blur(12px)}32%{opacity:.35;filter:blur(5px) drop-shadow(0 0 35px var(--accent))}57%{opacity:1;transform:translateY(-15px) translateZ(60px) rotateY(9deg) scale(1.1);filter:blur(0) drop-shadow(0 0 20px var(--accent))}73%{transform:translateY(-12px) rotateY(-5deg) scale(1.06);filter:drop-shadow(0 0 12px var(--accent))}100%{opacity:1;transform:none;filter:drop-shadow(0 12px 16px #000b)}}@media(prefers-reduced-motion:reduce){.scene-depth{opacity:.72;transform:none}.scene-light{display:none}.card-stage{opacity:1;transform:none}}