.magic-stage{position:relative;width:100%;height:550px;isolation:isolate}.magic-halo{position:absolute;z-index:0;left:8%;right:8%;top:16%;bottom:6%;border-radius:50%;background:radial-gradient(ellipse at 50% 56%,rgba(255,255,255,.98) 0%,rgba(105,225,255,.56) 23%,rgba(145,87,255,.28) 48%,transparent 72%);filter:blur(20px);opacity:.78}.play .magic-halo{animation:magic-halo-ignite .7s ease-out .45s both,magic-halo-pulse 3.4s ease-in-out 1.15s infinite}.magic-floor{position:absolute;z-index:0;left:20%;right:20%;bottom:3%;height:44px;border-radius:50%;background:#3053672e;filter:blur(12px);animation:magic-floor-pulse 4.5s ease-in-out infinite}.magic-beams{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.magic-beams path{fill:none;stroke:url(#magic-beam-gradient);stroke-width:8;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 12px rgba(83,177,255,.95));stroke-dasharray:430;stroke-dashoffset:430}.play .magic-beams path:nth-of-type(1){animation:magic-beam-rise 1.2s ease-out .95s both}.play .magic-beams path:nth-of-type(2){animation:magic-beam-rise 1.2s ease-out 1.18s both}.play .magic-beams path:nth-of-type(3){animation:magic-beam-rise 1.2s ease-out 1.4s both}.magic-ring{position:absolute;z-index:2;left:50%;top:56%;width:130px;height:38px;margin-left:-65px;border:3px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 22px #78d7ffe6;transform:scale(.5);opacity:0;animation:magic-ring-burst 3.5s ease-out 1s infinite;pointer-events:none}.magic-box-wrap{position:absolute;z-index:4;left:50%;bottom:-16px;width:min(94%,530px);aspect-ratio:1;transform:translate(-50%);pointer-events:none}.play .magic-box-wrap{animation:magic-box-arrive .8s var(--ease) both}.magic-box-bob{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(91,194,255,.55));animation:magic-box-breathe 4.2s ease-in-out infinite}.magic-box-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.magic-box-closed{opacity:0}.play .magic-box-closed{animation:magic-box-closed-disappear .65s steps(1,end) .45s both}.play .magic-box-open{animation:magic-box-open-appear .65s steps(1,end) .45s both}.magic-flash{position:absolute;z-index:5;left:50%;bottom:0;width:110%;height:85%;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,rgba(255,255,255,.98) 0%,rgba(156,244,255,.88) 22%,rgba(152,105,255,.36) 48%,transparent 70%);filter:blur(12px);pointer-events:none;opacity:0;transform:translate(-50%) scale(.6)}.play .magic-flash{animation:magic-opening-flash .5s ease-in-out .82s both}.magic-icon{position:absolute;z-index:3;width:88px;text-align:center;text-decoration:none;opacity:1;will-change:transform,opacity}.play .magic-icon{animation:magic-icon-flight 1.7s cubic-bezier(.22,.66,.4,1) var(--delay) both}.magic-icon-card{display:grid;place-items:center;width:88px;height:88px;padding:8px;border-radius:24px;background:#fffffff2;box-shadow:0 12px 24px #1f54683d,0 0 20px #fffc;will-change:transform}.play .magic-icon-card{animation:magic-icon-grow 1.7s cubic-bezier(.25,.7,.36,1) var(--delay) both,magic-icon-hover 4.5s ease-in-out calc(var(--delay) + 1.7s) infinite}.magic-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:17px}.slot-2 img{transform:scale(1.32)}.magic-icon-label{display:inline-block;min-width:82px;margin-top:9px;padding:4px 8px;border-radius:99px;background:#ffffffeb;box-shadow:0 3px 12px #286b6721;font-size:12px;font-weight:700;white-space:nowrap}.play .magic-icon-label{animation:magic-label-appear .35s ease-out calc(var(--delay) + 1.7s) both}.slot-1{left:7%;top:10%;--delay:1.2s;--from-x:240px;--from-y:235px;--twist:-12deg}.slot-2{left:42%;top:2%;--delay:1.55s;--from-x:38px;--from-y:325px;--twist:8deg}.slot-3{left:78%;top:24%;--delay:1.9s;--from-x:-168px;--from-y:215px;--twist:10deg}.magic-spark{position:absolute;z-index:5;left:50%;top:58%;width:7px;height:7px;border-radius:50%;background:var(--spark-color,#fff);box-shadow:0 0 12px 4px var(--spark-color,#fff);pointer-events:none;animation:magic-spark-flight var(--duration,3s) ease-out var(--spark-delay,0s) infinite}.magic-spark:nth-of-type(1){--dx:-150px;--dy:-190px;--spark-delay:.9s;--spark-color:#fff3a9}.magic-spark:nth-of-type(2){--dx:95px;--dy:-230px;--spark-delay:1.7s;--spark-color:#8ceaff}.magic-spark:nth-of-type(3){--dx:-65px;--dy:-275px;--spark-delay:2.5s;--spark-color:#d9b5ff}.magic-spark:nth-of-type(4){--dx:170px;--dy:-155px;--spark-delay:1.35s;--spark-color:#ffd38e}.magic-spark:nth-of-type(5){--dx:30px;--dy:-160px;--spark-delay:2.8s;--spark-color:#fff}@keyframes magic-box-arrive{0%{opacity:0;transform:translate(-50%,30px) scale(.87)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes magic-box-breathe{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes magic-box-closed-disappear{0%,99%{opacity:1}to{opacity:0}}@keyframes magic-box-open-appear{0%,99%{opacity:0}to{opacity:1}}@keyframes magic-opening-flash{0%{opacity:0;transform:translate(-50%) scale(.55)}46%{opacity:.95;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%) scale(1.35)}}@keyframes magic-halo-ignite{0%{opacity:.16;transform:scale(.55)}to{opacity:.78;transform:scale(1)}}@keyframes magic-halo-pulse{0%,to{opacity:.55;transform:scale(.87)}50%{opacity:1;transform:scale(1.12)}}@keyframes magic-floor-pulse{0%,to{opacity:.55;transform:scaleX(.88)}50%{opacity:.85;transform:scaleX(1.06)}}@keyframes magic-beam-rise{0%{opacity:0;stroke-dashoffset:430}25%{opacity:.95}70%{opacity:.95;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes magic-ring-burst{0%{opacity:0;transform:scale(.45)}15%{opacity:.8}75%,to{opacity:0;transform:scale(2.25)}}@keyframes magic-icon-flight{0%{opacity:0;visibility:hidden;transform:translate3d(var(--from-x),var(--from-y),0)}12%{opacity:1;visibility:visible}to{opacity:1;visibility:visible;transform:translateZ(0)}}@keyframes magic-icon-grow{0%{transform:scale(.12) rotate(var(--twist))}to{transform:scale(1) rotate(0)}}@keyframes magic-label-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes magic-icon-hover{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1)}}@keyframes magic-spark-flight{0%{opacity:0;transform:translate(0) scale(.2)}18%{opacity:1}75%,to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2)}}.slot-4{left:0;top:39%;--delay:2.25s;--from-x:280px;--from-y:110px;--twist:-10deg}.slot-5{left:83%;top:44%;--delay:2.6s;--from-x:-185px;--from-y:85px;--twist:10deg}@media(max-width:960px){.magic-stage{width:100%;height:390px}.magic-box-wrap{width:min(98%,350px);bottom:-20px}.magic-halo{top:17%;bottom:1%}.magic-icon{width:65px}.magic-icon-card{width:65px;height:65px;padding:5px;border-radius:18px}.magic-icon img{border-radius:13px}.magic-icon-label{min-width:58px;margin-top:6px;padding:3px 5px;font-size:10px}.slot-1{left:4%;top:8%;--from-x:135px;--from-y:182px}.slot-2{left:40%;top:2%;--from-x:25px;--from-y:245px}.slot-3{left:72%;top:21%;--from-x:-93px;--from-y:190px}.magic-spark{top:60%}.slot-4{left:0;top:37%;--from-x:150px;--from-y:95px}.slot-5{left:82%;top:39%;--from-x:-100px;--from-y:90px}}@media(prefers-reduced-motion:reduce){.magic-stage *,.magic-stage *:before,.magic-stage *:after{animation:none!important;transition:none!important}.magic-box-wrap{transform:translate(-50%)!important}.magic-halo{opacity:.65;transform:none}.magic-beams,.magic-ring,.magic-spark,.magic-flash{display:none}.magic-box-closed{opacity:0!important}.magic-box-open{opacity:1!important}}