/* Overlay-only choreography: no changes to reels, glass size or console geometry. */
.moment-host{position:absolute;inset:0;z-index:12;display:grid;place-items:center;pointer-events:none;isolation:isolate;--moment-gold:#f4d89d;--moment-ink:#fff5dc}
.moment-host[hidden]{display:none!important}
.moment-host::before{content:'';position:absolute;inset:0;border-radius:20%;background:radial-gradient(ellipse,#030915cf 15%,#03071170 50%,transparent 74%);opacity:0;animation:moment-veil 180ms ease forwards;z-index:-2}
.moment-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5px;width:min(94%,560px);max-height:96%;overflow:auto;margin:0;padding:20px 30px 17px;border:1px solid #e8ca895c;border-radius:18px;background:linear-gradient(130deg,#26303aed,#09111bf7 60%,#29251ced);box-shadow:inset 0 1px #fff0c244,0 18px 60px #0009;text-align:center;color:var(--moment-ink);animation:moment-arrival 300ms cubic-bezier(.2,.7,.2,1) both;pointer-events:auto}
.moment-card::before{content:'';position:absolute;inset:5px;z-index:-1;border:1px solid #f1dbad22;border-radius:13px;pointer-events:none}
.moment-eyebrow{margin:0;font:600 8px/1.5 'Manrope',sans-serif;letter-spacing:.17em;color:#d2c7b0}
.moment-title{margin:0;font:500 clamp(15px,2.4vw,27px)/1.12 Georgia,serif;letter-spacing:.12em;color:var(--moment-gold)}
.moment-amount{display:block;max-width:100%;margin:5px 0;font:600 var(--moment-amount-size,50px)/1.12 'Manrope',sans-serif;letter-spacing:-.04em;color:#fff2c9;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 18px #e7b75e30}
.moment-breakdown{margin:0;font:500 10px/1.5 'Manrope',sans-serif;color:#bbc7d0;font-variant-numeric:tabular-nums}
.moment-multiple,.moment-evolution{font:600 9px/1.4 'Manrope',sans-serif;letter-spacing:.08em;color:#e2c795}.moment-evolution{padding-top:4px;color:#a1e6ec}
.moment-medallion{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 0 4px;border:1px solid #eacb8855;border-radius:50%;background:radial-gradient(circle,#70caff25,#cda95e12 52%,#030811 70%);box-shadow:0 0 0 5px #e0be7510,0 0 32px #d7ae4430}
.moment-medallion .symbol-art,.moment-medallion canvas{display:block;width:72px!important;height:72px!important;max-width:100%!important;transform:none!important;filter:none!important}
.moment-close,.moment-total{pointer-events:auto;color:#f0dfb5;border:1px solid #e0c6904d;background:#0b1420d9;font:500 10px/1 'Manrope',sans-serif;min-height:36px;border-radius:7px;padding:8px 12px;cursor:pointer}
.moment-close{position:absolute;right:3px;top:3px;width:36px;font-size:20px;border:0;background:transparent}.moment-total{margin-top:5px;min-width:100px}.moment-total:disabled{opacity:.6}
.moment-close:focus-visible,.moment-total:focus-visible{outline:2px solid #ffe0a0;outline-offset:2px}
.moment-rays{position:absolute;inset:4%;border:1px solid #efcf8840;border-radius:50%;transform:rotateX(58deg) rotate(-22deg);box-shadow:0 0 0 12px #d1ac5710,inset 0 0 36px #e5c36520;animation:moment-orbit 4s ease-out both;z-index:-1}
.moment-spark{position:absolute;left:50%;top:50%;width:4px;height:10px;border-radius:50% 0;background:linear-gradient(#fffde7,#dbb56c);transform:rotate(var(--angle));box-shadow:0 0 6px #f4d39388;animation:moment-spark 1300ms var(--delay) ease-out both;z-index:-1}
.moment-host[data-tier=win]::before,.moment-host[data-tier=win] .moment-rays{display:none}.moment-host[data-tier=win] .moment-card{width:max-content;max-width:94%;padding:12px 42px 12px 22px;gap:2px;background:#09131deb;border-color:#e2c88b55}.moment-host[data-tier=win] .moment-title{display:none}.moment-host[data-tier=win] .moment-amount{margin:0}
.moment-host[data-tier=great] .moment-rays{inset:20% 8%;opacity:.45}
.moment-host[data-tier=prestige] .moment-card,.moment-host[data-tier=celestial] .moment-card{border-color:#f0d395;background:radial-gradient(ellipse at 50% 0,#2e4266e8,#111b2bf5 52%,#10111df7);box-shadow:inset 0 0 0 5px #e4c9850d,0 0 42px #ecc76933,0 25px 70px #000a}
.moment-host[data-tier=celestial]{--moment-gold:#d4f3ff}.moment-host[data-tier=celestial] .moment-rays{border-color:#afe3ff8c;box-shadow:0 0 0 10px #85ccf418,0 0 38px #91cded44}.moment-host[data-tier=celestial] .moment-medallion{width:98px;height:98px;box-shadow:0 0 0 7px #97d7ff15,0 0 40px #9ad4ed44}
.anticipation-beacon{position:absolute;z-index:7;pointer-events:none;box-sizing:border-box;border:1px solid #e6d6a965;border-radius:48% / 12%;box-shadow:inset 0 0 22px #dfc88718,0 0 15px #dfc88715;animation:anticipation-breathe 950ms ease-in-out infinite alternate}
.anticipation-lens{position:absolute;inset:2px;border:1px solid #ffeac633;border-radius:inherit}.reel-area[data-anticipation=ascension] .anticipation-beacon{border-color:#a8e6ffb0;box-shadow:inset 0 0 25px #85ccff29,0 0 24px #85ccff25}
.anticipation-anchor .symbol-art{filter:brightness(1.15) drop-shadow(0 0 8px #a8dfff50)!important}
@keyframes moment-arrival{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes moment-veil{to{opacity:1}}
@keyframes moment-orbit{from{opacity:0;transform:rotateX(58deg) rotate(-70deg) scale(.8)}20%{opacity:1}to{opacity:.6;transform:rotateX(58deg) rotate(8deg) scale(1.04)}}
@keyframes moment-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-35px) scale(.4)}15%{opacity:.85}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.1)}}
@keyframes anticipation-breathe{from{opacity:.45}to{opacity:1}}
.moment-host[data-motion=calm] *{animation:none!important}.moment-host[data-motion=calm]::before{animation:none;opacity:1}.moment-host[data-motion=calm] .moment-rays{display:none}
@media(max-width:650px){.moment-card{padding:13px 15px 12px;gap:3px}.moment-medallion{width:58px;height:58px;margin-bottom:2px}.moment-medallion .symbol-art,.moment-medallion canvas{width:52px!important;height:52px!important}.moment-eyebrow{font-size:7px;letter-spacing:.07em}.moment-title{font-size:18px}.moment-breakdown{font-size:8px}.moment-close{min-height:44px;width:44px;top:0;right:0}.moment-total{min-height:44px}.moment-host[data-tier=celestial] .moment-medallion{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.moment-host *,.moment-host::before,.anticipation-beacon{animation:none!important}.moment-host::before{opacity:1}.moment-rays,.moment-spark{display:none}}