.phoenix-scroll{background:#f5f5f7;position:relative}.phoenix-scroll[data-animated=true]{height:260svh}.phoenix-stage{min-height:680px;padding:90px 0 36px;display:flex;flex-direction:column;justify-content:center}.phoenix-scroll[data-animated=true] .phoenix-stage{position:sticky;top:0;height:100svh;min-height:0}.phoenix-intro{position:relative;height:clamp(184px,23svh,218px);text-align:center;margin:0 auto;width:min(720px,calc(100% - 36px));flex-shrink:0}.phoenix-before,.phoenix-after{position:absolute;inset:0}.phoenix-intro .deck-h2{font-size:clamp(2.2rem,4.8vw,3.7rem);line-height:1.07;letter-spacing:-.055em;margin:.65rem 0 1rem}.phoenix-intro .deck-lede{font-size:clamp(.875rem,1.5vw,1rem);margin-inline:auto;max-width:34rem}.phoenix-arena{width:min(640px,calc(100% - 32px));height:clamp(410px,52svh,450px);position:relative;margin:14px auto 0;flex-shrink:0}.phoenix-apps{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:80px;list-style:none;padding:0;margin:0}.phoenix-app{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 3px;transform-origin:50% 44px;position:relative}.phoenix-app img{width:64px;height:64px;object-fit:contain;flex-shrink:0;aspect-ratio:1;filter:drop-shadow(0 9px 10px #24242410)}.phoenix-app span{font-size:11px;font-weight:500;line-height:1.2;color:#6e6e73;text-align:center}.phoenix-trash{position:absolute;bottom:0;left:calc(50% - 54px);width:108px;height:108px;z-index:4}.phoenix-trash>img{position:absolute;inset:0;width:108px;height:108px;object-fit:contain}.phoenix-poof{position:absolute;z-index:5;bottom:72px;left:50%;pointer-events:none}.phoenix-poof i{position:absolute;width:48px;height:48px;top:-24px;left:-24px;background:radial-gradient(circle,#fff 15%,#ffe9d2b0 55%,#ffd4a700 75%);border-radius:50%;filter:blur(3px)}.phoenix-poof i:nth-child(3n){background:radial-gradient(circle,#ffd69c 5%,#ffe8cda0 50%,transparent 72%)}.phoenix-result{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:6;pointer-events:none;transform-origin:50% 75%}.phoenix-result>img{width:clamp(112px,12vw,144px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;box-shadow:0 24px 55px -15px #d2734145}.phoenix-result strong{font-size:clamp(1.6rem,3vw,2rem);font-weight:650;letter-spacing:-.055em}.phoenix-caption{margin:20px auto 0;position:relative;height:26px;width:100%;text-align:center;font-size:.8rem;color:#86868b}.phoenix-caption>*{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px}.phoenix-finish{pointer-events:none}.phoenix-scroll[data-phase=phoenix] .phoenix-finish{pointer-events:auto}.phoenix-scroll[data-animated=false] .phoenix-before,.phoenix-scroll[data-animated=false] .phoenix-trash,.phoenix-scroll[data-animated=false] .phoenix-poof,.phoenix-scroll[data-animated=false] .phoenix-hint{display:none}.phoenix-scroll[data-animated=false] .phoenix-after,.phoenix-scroll[data-animated=false] .phoenix-app,.phoenix-scroll[data-animated=false] .phoenix-app span,.phoenix-scroll[data-animated=false] .phoenix-result,.phoenix-scroll[data-animated=false] .phoenix-result strong,.phoenix-scroll[data-animated=false] .phoenix-finish{opacity:1!important;transform:none!important}.phoenix-scroll[data-animated=false] .phoenix-arena{height:550px}.phoenix-scroll[data-animated=false] .phoenix-result{top:345px}.phoenix-scroll[data-animated=false] .phoenix-finish{pointer-events:auto}.phoenix-scroll+.native-essentials{padding-top:0}.phoenix-scroll+.native-essentials .native-essentials__grid{margin-top:0}@media(max-width:480px){.phoenix-stage{padding-top:82px;padding-bottom:24px}.phoenix-intro{height:184px}.phoenix-intro .deck-eyebrow{font-size:.7rem}.phoenix-app img{width:46px;height:46px}.phoenix-app{padding-top:0}.phoenix-app span{font-size:10px;max-width:80px}.phoenix-arena{margin-top:0}.phoenix-caption{margin-top:10px}}@media(max-width:511px){.phoenix-apps{grid-auto-rows:62px}.phoenix-app img{width:46px;height:46px}.phoenix-arena{height:364px}.phoenix-scroll[data-animated=false] .phoenix-arena{height:470px}.phoenix-scroll[data-animated=false] .phoenix-result{top:274px}}
