.gx-renderer{position:relative;overflow:hidden;isolation:isolate;color:#ffd75e;background:transparent;min-height:360px}.gx-renderer:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 43%,rgba(35,50,78,.48),rgba(3,8,20,.14) 68%);opacity:.7}.gx-renderer[data-theme="luxury"]{color:#f5d49c}.gx-renderer[data-theme="cyber"]{color:#65efff}.gx-renderer[data-theme="festival"]{color:#ff83dd}.gx-fx-canvas,.gx-camera-clear,.gx-space-grid,.gx-scan-overlay,.gx-portal,.gx-shockwave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gx-fx-canvas{z-index:10}.gx-camera-clear{z-index:-1;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 48%)}.gx-space-grid{z-index:0;opacity:0;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:38px 38px;transform:perspective(420px) rotateX(68deg) scale(1.5) translateY(28%);transition:opacity .5s}.gx-stage-portal .gx-space-grid,.gx-stage-object .gx-space-grid,.gx-stage-finale .gx-space-grid{opacity:.16}.gx-scan-overlay{z-index:8;display:grid;place-content:center;text-align:center;opacity:0;background:linear-gradient(180deg,transparent,rgba(2,8,23,.12),transparent)}.gx-scan-overlay b{font-size:clamp(18px,4vw,30px);letter-spacing:.18em;color:#fff;text-shadow:0 0 14px currentColor}.gx-scan-overlay small{margin-top:8px;letter-spacing:.16em;font-weight:800}.gx-scan-line{position:absolute;left:8%;right:8%;height:2px;top:16%;background:linear-gradient(90deg,transparent,currentColor,#fff,currentColor,transparent);box-shadow:0 0 16px currentColor;animation:gxScan 1.1s linear infinite}.gx-stage-scan .gx-scan-overlay{opacity:1}.gx-lock-badge{position:absolute;z-index:9;left:50%;top:44%;transform:translate(-50%,-50%) scale(.5);opacity:0;text-align:center}.gx-lock-badge i{display:block;width:140px;height:140px;border:2px solid currentColor;clip-path:polygon(0 0,35% 0,35% 3%,3% 3%,3% 35%,0 35%,0 0,100% 0,100% 35%,97% 35%,97% 3%,65% 3%,65% 0,100% 0,100% 100%,65% 100%,65% 97%,97% 97%,97% 65%,100% 65%,100% 100%,0 100%,0 65%,3% 65%,3% 97%,35% 97%,35% 100%,0 100%);filter:drop-shadow(0 0 10px currentColor)}.gx-lock-badge b{display:block;margin-top:10px;color:#fff;letter-spacing:.18em}.gx-stage-lock .gx-lock-badge,.gx-stage-portal .gx-lock-badge{animation:gxLock .62s ease forwards}.gx-portal{z-index:1;left:50%;top:43%;width:42%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) scale(.05);border:2px solid currentColor;border-radius:50%;box-shadow:0 0 18px currentColor,inset 0 0 24px currentColor;opacity:0}.gx-portal span,.gx-portal i,.gx-portal b{position:absolute;inset:8%;border:1px solid currentColor;border-radius:50%;border-style:dashed;animation:gxPortalSpin 3.8s linear infinite}.gx-portal i{inset:20%;animation-direction:reverse;animation-duration:2.6s}.gx-portal b{inset:34%;border-style:solid;box-shadow:0 0 32px currentColor}.gx-stage-portal .gx-portal,.gx-stage-object .gx-portal,.gx-stage-finale .gx-portal{animation:gxPortalOpen .9s cubic-bezier(.16,.85,.22,1) forwards}.gx-object-host{position:absolute;z-index:4;left:50%;top:43%;width:min(76%,440px);height:46%;transform:translate(-50%,-50%) scale(.05) rotateY(-120deg);display:grid;place-items:center;opacity:0;filter:drop-shadow(0 0 24px currentColor)}.gx-stage-object .gx-object-host,.gx-stage-finale .gx-object-host{animation:gxReveal 1.1s cubic-bezier(.16,.85,.22,1) forwards}.gx-reward-object{width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;animation:gxFloat 3s ease-in-out infinite}.gx-car svg{width:100%;overflow:visible}.gx-ground-glow{fill:currentColor;opacity:.18;filter:blur(9px)}.gx-car-body{fill:url(#gxCarBody);stroke:currentColor;stroke-width:3}.gx-car-window{fill:rgba(7,17,34,.82);stroke:currentColor;stroke-width:2}.gx-wheel{fill:#07101d;stroke:currentColor;stroke-width:5}.gx-wheel-hub{fill:currentColor}.gx-headlight{fill:#fff;filter:drop-shadow(0 0 12px #fff)}.gx-speed-line{position:absolute;width:120px;height:2px;background:linear-gradient(90deg,transparent,currentColor);right:5%;top:38%;animation:gxSpeed 1.2s ease-in-out infinite}.gx-speed-line.b{top:60%;animation-delay:.3s}.gx-fridge-case{position:relative;width:170px;height:240px;border:3px solid currentColor;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04));box-shadow:inset 0 0 32px rgba(255,255,255,.12)}.gx-fridge-door{position:absolute;top:8px;bottom:8px;width:calc(50% - 7px);border:1px solid currentColor;border-radius:10px;background:rgba(255,255,255,.08);transform-origin:center right}.gx-fridge-door.left{left:6px}.gx-fridge-door.right{right:6px;transform-origin:center left}.gx-stage-finale .gx-fridge-door.left{animation:gxDoorLeft 2s ease-in-out infinite}.gx-stage-finale .gx-fridge-door.right{animation:gxDoorRight 2s ease-in-out infinite}.gx-fridge-handle{position:absolute;top:45px;width:4px;height:95px;background:currentColor;opacity:.8}.gx-fridge-handle.left{left:75px}.gx-fridge-handle.right{right:75px}.gx-fridge-light{position:absolute;inset:20px 25px;background:#dff7ff;filter:blur(15px);opacity:.12}.gx-frost{position:absolute;inset:0}.gx-frost i{position:absolute;font-style:normal;animation:gxSnow 2.8s linear infinite}.gx-frost i:nth-child(1){left:10%;top:15%}.gx-frost i:nth-child(2){right:8%;top:25%;animation-delay:.4s}.gx-frost i:nth-child(3){left:16%;bottom:12%;animation-delay:.8s}.gx-frost i:nth-child(4){right:12%;bottom:18%;animation-delay:1.2s}.gx-frost i:nth-child(5){left:48%;top:5%;animation-delay:1.6s}.gx-camera-body{position:relative;width:230px;height:150px;border:4px solid currentColor;border-radius:18px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 28px rgba(255,255,255,.1)}.gx-camera-top{position:absolute;left:55px;top:-32px;width:90px;height:35px;border:4px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0}.gx-camera-lens{position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);border:8px solid currentColor;border-radius:50%;box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor;animation:gxLens 3s linear infinite}.gx-camera-lens i,.gx-camera-lens em{position:absolute;inset:18px;border:2px dashed currentColor;border-radius:50%}.gx-camera-lens em{inset:36px;background:currentColor;opacity:.4}.gx-camera-grip{position:absolute;right:-18px;top:25px;width:42px;height:90px;border:4px solid currentColor;border-radius:0 14px 14px 0}.gx-camera-flash{position:absolute;right:25px;top:18px;width:26px;height:14px;background:#fff;box-shadow:0 0 10px #fff}.gx-stage-finale .gx-camera-flash{animation:gxFlashPulse 1.7s ease infinite}.gx-shutter-ring{position:absolute;width:270px;height:270px;border:1px dashed currentColor;border-radius:50%;animation:gxPortalSpin 5s linear infinite}.gx-tv-frame{width:290px;height:180px;border:5px solid currentColor;border-radius:12px;padding:8px;background:#050a13;box-shadow:0 0 28px currentColor}.gx-tv-screen{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(130deg,#082750,#5e2f91,#0eb8c8);display:grid;place-items:center}.gx-tv-screen i{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 6px)}.gx-tv-screen b{font-size:34px;letter-spacing:.15em;color:#fff;text-shadow:0 0 20px #fff}.gx-tv-stand{width:90px;height:28px;border-bottom:6px solid currentColor;display:block}.gx-tv-sweep{position:absolute;width:25%;height:220px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-14deg);animation:gxSweep 2.2s linear infinite}.gx-phone-shell{position:relative;width:130px;height:250px;border:5px solid currentColor;border-radius:28px;padding:9px;background:#050816;box-shadow:0 0 25px currentColor}.gx-phone-screen{width:100%;height:100%;border-radius:19px;background:linear-gradient(160deg,#0d6efd,#7c3aed,#ef4f9a);display:grid;place-items:center;overflow:hidden}.gx-phone-screen b{font-size:68px;color:#fff}.gx-phone-screen i{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 25%)}.gx-phone-notch{position:absolute;z-index:2;top:9px;left:50%;width:55px;height:12px;border-radius:0 0 12px 12px;background:#050816;transform:translateX(-50%)}.gx-phone-orbit{position:absolute;width:250px;height:250px;border:2px solid currentColor;border-radius:50%;transform:rotateX(70deg);animation:gxPortalSpin 3s linear infinite}.gx-cash{position:relative}.gx-cash>strong{font-size:90px;text-shadow:0 0 25px currentColor}.gx-cash>span{position:absolute;bottom:9%;font-size:25px;font-weight:950}.gx-banknote{position:absolute;width:125px;height:62px;border:3px solid currentColor;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:28px;font-weight:900}.gx-banknote.n1{transform:translate(-45px,15px) rotate(-18deg)}.gx-banknote.n2{transform:translate(45px,18px) rotate(16deg)}.gx-banknote.n3{transform:translateY(43px)}.gx-coin{position:absolute;width:32px;height:32px;border:4px solid currentColor;border-radius:50%;box-shadow:0 0 12px currentColor;animation:gxCoin 1.8s ease-in-out infinite}.gx-coin.c1{left:15%;top:18%}.gx-coin.c2{right:12%;top:22%;animation-delay:.35s}.gx-coin.c3{right:24%;bottom:14%;animation-delay:.7s}.gx-gift-box{position:relative;width:150px;height:125px;border:3px solid currentColor;border-radius:12px;background:rgba(255,255,255,.08)}.gx-gift-box:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:13px solid currentColor;transform:translateX(-50%)}.gx-gift-box:after{content:"";position:absolute;left:-9px;right:-9px;top:25px;border-top:18px solid currentColor}.gx-gift-box span,.gx-gift-box b{position:absolute;top:-43px;width:64px;height:51px;border:8px solid currentColor;border-radius:50% 50% 0 50%}.gx-gift-box span{left:13px;transform:rotate(18deg)}.gx-gift-box b{right:13px;transform:scaleX(-1) rotate(18deg)}.gx-coupon-ticket{position:absolute;top:22%;padding:18px 28px;border:2px dashed currentColor;border-radius:12px;background:rgba(5,8,22,.92);opacity:0}.gx-stage-finale .gx-coupon-ticket{animation:gxTicket 1.1s ease forwards}.gx-coupon-ticket small{display:block;letter-spacing:.18em}.gx-coupon-ticket strong{display:block;margin-top:7px;font-size:21px}.gx-number{height:auto;min-height:130px;border:2px solid currentColor;padding:26px 20px;clip-path:polygon(9% 0,91% 0,100% 22%,100% 78%,91% 100%,9% 100%,0 78%,0 22%);background:rgba(255,255,255,.06);text-align:center;position:relative}.gx-number small{display:block;letter-spacing:.28em}.gx-number strong{font-size:clamp(22px,6vw,44px);text-shadow:0 0 16px currentColor}.gx-number i{position:absolute;left:0;right:0;top:0;height:2px;background:currentColor;animation:gxScan 2s linear infinite}.gx-nft{perspective:800px}.gx-cube{position:relative;width:120px;height:120px;transform-style:preserve-3d;animation:gxCube 5s linear infinite}.gx-cube span{position:absolute;width:120px;height:120px;display:grid;place-items:center;border:2px solid currentColor;background:rgba(255,255,255,.08);font-weight:900}.gx-cube .front{transform:translateZ(60px)}.gx-cube .back{transform:rotateY(180deg) translateZ(60px)}.gx-cube .right{transform:rotateY(90deg) translateZ(60px)}.gx-cube .left{transform:rotateY(-90deg) translateZ(60px)}.gx-cube .top{transform:rotateX(90deg) translateZ(60px)}.gx-cube .bottom{transform:rotateX(-90deg) translateZ(60px)}.gx-product-box{position:relative;width:145px;height:145px;border:3px solid currentColor;display:grid;place-items:center;transform:rotateX(10deg) rotateY(-15deg);background:rgba(255,255,255,.07)}.gx-product-box span{font-size:72px;font-weight:950}.gx-product>strong{position:absolute;bottom:5%;font-size:22px}.gx-orbit{position:absolute;z-index:2;left:50%;top:43%;border:1px solid currentColor;border-radius:50%;opacity:0;pointer-events:none}.gx-orbit-a{width:56%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(68deg);animation:gxOrbit 5s linear infinite}.gx-orbit-b{width:39%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(68deg);animation:gxOrbitReverse 4s linear infinite}.gx-stage-object .gx-orbit,.gx-stage-finale .gx-orbit{opacity:.5}.gx-shockwave{z-index:3;left:50%;top:43%;width:20%;height:auto;aspect-ratio:1;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%) scale(.1);opacity:0}.gx-stage-finale .gx-shockwave.s1{animation:gxShock 1.4s ease-out infinite}.gx-stage-finale .gx-shockwave.s2{animation:gxShock 1.4s .4s ease-out infinite}.gx-copy{position:absolute;z-index:11;left:6%;right:6%;bottom:5%;text-align:center;text-shadow:0 3px 16px rgba(0,0,0,.95);opacity:0;transform:translateY(18px)}.gx-stage-finale .gx-copy{animation:gxCopy .7s ease forwards}.gx-copy small{display:block;font-size:11px;letter-spacing:.2em;font-weight:900;opacity:.82}.gx-copy h3{margin:7px 0 4px;font-size:clamp(28px,7vw,56px);line-height:1;color:#fff}.gx-copy strong{font-size:clamp(17px,4.4vw,30px);color:currentColor}.gx-playing{animation:gxScreenFlash .7s ease}.gx-overlay{position:absolute!important;inset:0!important;min-height:0!important;background:transparent!important}.gx-overlay:before{background:radial-gradient(circle at 50% 43%,rgba(5,12,30,.28),transparent 68%)}
@keyframes gxScan{0%{top:12%}100%{top:86%}}@keyframes gxLock{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(18deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes gxPortalOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(-80deg)}100%{opacity:.85;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes gxPortalSpin{to{transform:rotate(360deg)}}@keyframes gxFloat{50%{transform:translateY(-12px) rotateY(8deg)}}@keyframes gxOrbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes gxOrbitReverse{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(-360deg)}}@keyframes gxReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotateY(-120deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.16) rotateY(18deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0)}}@keyframes gxScreenFlash{0%{filter:brightness(3)}100%{filter:brightness(1)}}@keyframes gxShock{0%{opacity:.85;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes gxCopy{to{opacity:1;transform:none}}@keyframes gxSpeed{0%,100%{opacity:0;transform:translateX(30px)}50%{opacity:.8;transform:translateX(-20px)}}@keyframes gxDoorLeft{50%{transform:perspective(400px) rotateY(-48deg)}}@keyframes gxDoorRight{50%{transform:perspective(400px) rotateY(48deg)}}@keyframes gxSnow{0%{opacity:0;transform:translateY(-20px) scale(.5)}50%{opacity:1}100%{opacity:0;transform:translateY(80px) scale(1.2)}}@keyframes gxLens{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes gxFlashPulse{0%,80%,100%{opacity:.25}84%{opacity:1;box-shadow:0 0 40px 16px #fff}}@keyframes gxSweep{0%{left:-40%}100%{left:120%}}@keyframes gxCoin{50%{transform:translateY(-30px) rotateY(180deg)}}@keyframes gxTicket{0%{opacity:0;transform:translateY(70px) scale(.5)}100%{opacity:1;transform:translateY(-20px) scale(1)}}@keyframes gxCube{to{transform:rotateX(360deg) rotateY(360deg)}}
@media(max-width:700px){.gx-renderer{min-height:330px}.gx-object-host{width:82%;height:44%;top:42%}.gx-copy{bottom:8%}.gx-portal{width:58%}.gx-lock-badge i{width:112px;height:112px}.gx-fridge-case{width:130px;height:190px}.gx-tv-frame{width:230px;height:145px}.gx-camera-body{transform:scale(.82)}.gx-phone-shell{width:105px;height:205px}}