.gl{max-width:620px;margin:0 auto;padding:26px 16px 40px;text-align:center}.gl__stage{position:relative;width:min(300px,76vw);aspect-ratio:1 / 1;margin:0 auto 22px;overflow:hidden;border-radius:28px;background:radial-gradient(120% 120% at 50% 15%,var(--cp-soft, #eef4ff),#fff 72%);isolation:isolate}.gl__frame{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:3 / 4;transform:translate(-50%,-50%);border:2px solid color-mix(in srgb,var(--cp-accent, #5d8dff) 55%,#fff);border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--cp-accent, #5d8dff) 16%,#fff),color-mix(in srgb,var(--cp-accent, #5d8dff) 4%,#fff));box-shadow:0 12px 30px color-mix(in srgb,var(--cp-accent, #5d8dff) 22%,transparent);overflow:hidden}.gl__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);transform:translate(-120%);animation:gl-sweep 2.6s ease-in-out infinite}.gl__glow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gl-tint, var(--cp-accent, #5d8dff)) 30%,transparent),transparent 68%);animation:gl-breathe 3.8s ease-in-out infinite}.gl__stage i{position:absolute;bottom:-12%;left:var(--x, 50%);width:6px;height:6px;border-radius:50%;background:var(--gl-tint, var(--cp-accent, #5d8dff));opacity:0;animation:gl-rise var(--dur, 4s) linear var(--delay, 0s) infinite}.gl__stage i:nth-child(1){--x: 12%;--delay: 0s;--dur: 4.2s }.gl__stage i:nth-child(2){--x: 26%;--delay: .7s;--dur: 5.1s }.gl__stage i:nth-child(3){--x: 39%;--delay: 1.5s;--dur: 3.8s }.gl__stage i:nth-child(4){--x: 52%;--delay: .3s;--dur: 4.8s }.gl__stage i:nth-child(5){--x: 64%;--delay: 2.1s;--dur: 4.1s }.gl__stage i:nth-child(6){--x: 77%;--delay: 1.1s;--dur: 5.4s }.gl__stage i:nth-child(7){--x: 88%;--delay: 2.6s;--dur: 4.4s }.gl__stage i:nth-child(8){--x: 18%;--delay: 3.2s;--dur: 5s }.gl__stage i:nth-child(9){--x: 45%;--delay: 2.9s;--dur: 4.6s }.gl__stage i:nth-child(10){--x: 70%;--delay: 3.7s;--dur: 3.9s }.gl__stage i:nth-child(11){--x: 33%;--delay: 4.3s;--dur: 5.2s }.gl__stage i:nth-child(12){--x: 83%;--delay: 1.9s;--dur: 4.9s }@keyframes gl-rise{0%{opacity:0;transform:translateZ(0) scale(.6)}12%{opacity:.9}80%{opacity:.55}to{opacity:0;transform:translate3d(var(--drift, 8px),-260px,0) scale(1)}}@keyframes gl-fall{0%{opacity:0;transform:translate3d(0,-240px,0) rotate(0)}14%{opacity:.95}to{opacity:0;transform:translate3d(var(--drift, 14px),20px,0) rotate(280deg)}}@keyframes gl-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.15)}}@keyframes gl-sweep{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@keyframes gl-breathe{0%,to{opacity:.5;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}@keyframes gl-drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes gl-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-50.6%,-50.4%)}75%{transform:translate(-49.4%,-49.7%)}}@keyframes gl-flash{0%,92%,to{opacity:0}94%{opacity:.55}96%{opacity:.15}98%{opacity:.4}}@keyframes gl-spin{to{transform:rotate(360deg)}}@keyframes gl-pulse-ring{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.25)}}.gl-anim--volcan{--gl-tint: #ff5a1f }.gl-anim--volcan .gl__stage{background:radial-gradient(120% 120% at 50% 100%,#ffe2d2,#fff 70%)}.gl-anim--volcan i{width:5px;height:5px;--drift: 16px;box-shadow:0 0 8px #ff7a3c}.gl-anim--volcan .gl__frame{animation:gl-shake 1.6s ease-in-out infinite}.gl-anim--jungle{--gl-tint: #3f9d54 }.gl-anim--jungle i{width:7px;height:7px;--drift: -12px;border-radius:50% 12%;box-shadow:0 0 7px #58c476b3}.gl-anim--jungle .gl__glow{animation:gl-breathe 5.2s ease-in-out infinite}.gl-anim--stade{--gl-tint: #e8b400 }.gl-anim--stade i{top:-10%;bottom:auto;width:7px;height:10px;border-radius:2px;animation-name:gl-fall}.gl-anim--stade .gl__frame:before{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;border:2px dashed color-mix(in srgb,#e8b400 60%,transparent);border-radius:50%;animation:gl-spin 7s linear infinite}.gl-anim--ocean{--gl-tint: #35c2e0 }.gl-anim--ocean .gl__stage{background:radial-gradient(120% 120% at 50% 0%,#dff6fc,#fff 72%)}.gl-anim--ocean i{width:9px;height:9px;--drift: -10px;background:transparent;border:1.5px solid rgba(53,194,224,.85);box-shadow:inset -2px -2px 4px #fffc}.gl-anim--dragon{--gl-tint: #ff9d2e }.gl-anim--dragon i{width:5px;height:5px;--drift: 12px;box-shadow:0 0 9px #ffb45c}.gl-anim--dragon .gl__frame:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border:2px solid color-mix(in srgb,#ff9d2e 55%,transparent);border-radius:50%;animation:gl-pulse-ring 2.4s ease-out infinite}.gl-anim--chevalier{--gl-tint: #d9ad4a }.gl-anim--chevalier i{width:4px;height:4px;--drift: 6px;--dur: 6s;box-shadow:0 0 6px #d9ad4acc}.gl-anim--chevalier .gl__glow{background:radial-gradient(circle,rgba(217,173,74,.34),transparent 66%)}.gl-anim--licorne{--gl-tint: #e58ec2 }.gl-anim--licorne i{bottom:auto;top:var(--y, 30%);width:8px;height:8px;border-radius:1px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation-name:gl-twinkle;animation-duration:2.6s}.gl-anim--licorne i:nth-child(odd){--y: 62% }.gl-anim--licorne i:nth-child(3n){--y: 18% }.gl-anim--licorne .gl__glow{background:radial-gradient(circle,rgba(229,142,194,.3),rgba(150,190,255,.22) 55%,transparent 70%)}.gl-anim--celeste{--gl-tint: #6fb7ff }.gl-anim--celeste i{bottom:auto;top:var(--y, 26%);width:6px;height:6px;animation-name:gl-twinkle;animation-duration:3.1s}.gl-anim--celeste i:nth-child(2n){--y: 68% }.gl-anim--celeste i:nth-child(3n){--y: 44% }.gl-anim--celeste .gl__glow{top:22%;right:6%;bottom:22%;left:6%;border-radius:44%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(160,205,255,.35) 60%,transparent 72%);animation:gl-drift 6s ease-in-out infinite alternate}.gl-anim--manga{--gl-tint: #ff3d5a }.gl-anim--manga i{width:2px;height:26px;border-radius:2px;--drift: 0px;animation-duration:1.9s}.gl-anim--manga .gl__frame:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border:2px solid color-mix(in srgb,#ff3d5a 45%,transparent);border-radius:50%;animation:gl-pulse-ring 1.6s ease-out infinite}.gl-anim--tempete{--gl-tint: #7fa8c9 }.gl-anim--tempete .gl__stage{background:radial-gradient(120% 120% at 50% 0%,#e6eef5,#fff 74%)}.gl-anim--tempete i{top:-10%;bottom:auto;width:2px;height:16px;border-radius:2px;opacity:.5;animation-name:gl-fall;animation-duration:1.5s;animation-timing-function:linear}.gl-anim--tempete .gl__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.95),transparent 45%);animation:gl-flash 6s linear infinite;pointer-events:none}.gl__eyebrow{display:block;color:var(--cp-accent, #5d8dff);font:700 .74rem var(--font-display, "Fredoka"),sans-serif;letter-spacing:.09em;text-transform:uppercase}.gl__title{margin:8px 0 6px;font:800 clamp(1.6rem,6vw,2.3rem)/1.08 var(--font-display, "Fredoka"),sans-serif;letter-spacing:-.03em}.gl__subtext{margin:0 auto 20px;max-width:34ch;color:var(--cp-muted, #526488);font-size:.96rem}.gl__bar{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--cp-accent, #5d8dff) 14%,#eef1f7)}.gl__bar span{display:block;width:var(--gl-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--cp-accent, #5d8dff) 70%,#fff),var(--cp-accent, #5d8dff));transition:width .6s cubic-bezier(.22,.61,.36,1)}.gl__meta{display:flex;justify-content:space-between;gap:12px;margin:9px 2px 22px;color:var(--cp-muted, #526488);font-size:.78rem;font-weight:800}.gl__steps{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none;text-align:left}.gl__steps li{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid var(--cp-line, #dfe6f3);border-radius:14px;background:#fff;color:var(--cp-muted, #526488);font-size:.88rem;font-weight:700;transition:border-color .3s,color .3s}.gl__steps li b{position:relative;display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:2px solid #cfd8e8;border-radius:50%;font-size:.7rem;transition:background .3s,border-color .3s,color .3s}.gl__steps li.is-active{border-color:color-mix(in srgb,var(--cp-accent, #5d8dff) 45%,transparent);color:var(--cp-navy, #061d52)}.gl__steps li.is-active b{border-color:var(--cp-accent, #5d8dff);background:var(--cp-accent, #5d8dff);color:#fff}.gl__steps li.is-active b:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid var(--cp-accent, #5d8dff);animation:gl-pulse-ring 1.8s ease-out infinite}.gl__steps li.is-done{color:var(--cp-navy, #061d52)}.gl__steps li.is-done b{border-color:#22ad67;background:#22ad67;color:#fff}.gl__note{margin:0;padding:12px 14px;border-radius:14px;background:var(--cp-soft, #eef4ff);color:var(--cp-muted, #526488);font-size:.82rem;font-weight:700}.gl__error{display:grid;gap:14px;justify-items:center}.gl__error p{margin:0;color:#a31638;font-weight:700}@media(min-width:641px){.gl{padding:44px 20px 60px}.gl__stage{width:340px;margin-bottom:26px}.gl__steps{grid-template-columns:1fr 1fr}}@media(min-width:901px){.gl{max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;text-align:left}.gl__stage{width:100%;max-width:380px;margin:0}[data-loading-body]{display:flex;flex-direction:column}.gl__game-wrap{order:-1}.gl__subtext{margin:0 0 20px;max-width:none}}@media(prefers-reduced-motion:reduce){.gl__stage i,.gl__glow,.gl__frame,.gl__frame:before,.gl__frame:after,.gl__steps li.is-active b:after,.gl-anim--tempete .gl__stage:after{animation:none!important}.gl__stage i{opacity:.5}.gl__bar span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/generation-loading.css.map */