*,*:before,*:after{box-sizing:border-box;margin:0}html{font-size:calc(100vw / 7.5)}body{min-height:100vh;font-size:16px;line-height:1.6;font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app::-webkit-scrollbar{display:none}@font-face{font-family:PGame Cotton Candy;src:url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/fonts/erya-cotton-candy-cn-subset.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:PGame Source Han Medium;src:url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/fonts/source-han-sans-cn-medium-subset.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:PGame Source Han Bold;src:url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/fonts/source-han-sans-cn-bold-subset.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;--font-system: "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-display: "PGame Cotton Candy", var(--font-system);--font-body: "PGame Source Han Medium", var(--font-system);--font-strong: "PGame Source Han Bold", var(--font-system);--font-data: var(--font-system);font-family:var(--font-body);font-weight:500;font-synthesis:none;--stage-scale: 1;--stage-height: 1334px;--stage-extra-y: 0px;--stage-left: 0px;--stage-top: 0px;--letterbox: #353946;--viewport-backdrop-image: none;--viewport-backdrop-size: cover;--viewport-backdrop-repeat: no-repeat}*{box-sizing:border-box}.runtime-data{font-family:var(--font-data)!important}.hero-stat strong.runtime-data,.count-pill strong.runtime-data,.self-rank__surface b.runtime-data,.rank-row__position.runtime-data,.rank-row__count.runtime-data,.gacha-cost strong.runtime-data{font-family:var(--font-display)!important}strong,b,h1,h2,h3{font-family:var(--font-strong);font-weight:700}html,body,#app{width:100%;height:100%;overflow:hidden}#app:before{content:"";position:fixed;z-index:0;top:-28px;right:-28px;bottom:-28px;left:-28px;background-image:var(--viewport-backdrop-image);background-position:center;background-repeat:var(--viewport-backdrop-repeat);background-size:var(--viewport-backdrop-size);filter:blur(18px) saturate(.94) brightness(.84);opacity:0;pointer-events:none;transform:scale(1.06)}html{background:var(--letterbox)}body{margin:0;background:var(--letterbox);transition:background-color .18s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{border:0;margin:0;padding:0;color:inherit;background:transparent;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:5px solid #fff;outline-offset:4px;filter:drop-shadow(0 0 0 #141b2f)}img{display:block;user-select:none;-webkit-user-drag:none}.stage-fit{position:fixed;left:var(--stage-left);top:var(--stage-top);width:750px;height:var(--stage-height);overflow:hidden;visibility:hidden;transform:scale(var(--stage-scale));transform-origin:left top;background:var(--letterbox);z-index:1}html[data-stage-ready=true] .stage-fit{visibility:visible}.activity-stage,.screen{position:relative;width:750px;height:var(--stage-height);overflow:hidden}.activity-stage{overflow:clip}.screen{isolation:isolate}.screen>img,.screen button img{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button-label{pointer-events:none}.button-label__svg{display:block;width:100%;height:100%;overflow:visible}.button-label__svg text{font-family:inherit;font-weight:inherit;fill:currentColor;stroke:var(--button-label-stroke);stroke-width:var(--button-label-stroke-width);stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill}.top-bar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.top-bar__logo,.top-bar__back,.login-button{position:absolute;pointer-events:auto}.top-bar__logo{left:34px;top:22px;width:137px;height:82px}.top-bar__logo img,.top-bar__back img{width:100%;height:100%;object-fit:contain}.top-bar__back{left:34px;top:30px;width:92px;height:81px}.screen--blue .top-bar__back:after{content:"";position:absolute;z-index:2;left:11px;top:13px;width:70px;height:55px;pointer-events:none;background:radial-gradient(circle,rgba(192,123,9,.26) 0 1.4px,transparent 1.8px) 0 0 / 10px 10px;clip-path:polygon(0 50%,34% 3%,34% 29%,100% 29%,100% 71%,34% 71%,34% 97%)}.login-button{left:523px;top:31px;width:195px;height:64px}.music-toggle{position:absolute;pointer-events:auto;left:445px;top:31px;width:64px;height:64px;padding:0;border:0;background:none}.music-toggle img{width:100%;height:100%;object-fit:contain}.login-button img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-button .login-button__icon{left:45px;top:14px;width:36px;height:36px}.login-button .button-label{position:absolute;top:7px;right:23px;bottom:14px;left:88px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-size:32px;font-weight:400;letter-spacing:2px;line-height:1;white-space:nowrap;--button-label-stroke: #0d111d;--button-label-stroke-width: 6px}.login-button[data-auth-state=logged-in] .button-label{top:7px;right:49px;bottom:14px;left:25px;letter-spacing:1px}.login-button__chevron{position:absolute;z-index:2;right:18px;top:20px;width:32px;height:24px;transform-origin:50% 50%;transition:transform .16s ease-out}.login-button__chevron svg{display:block;width:100%;height:100%;overflow:visible}.login-button__chevron path{fill:#fff;stroke:#0d111d;stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill}.login-button[aria-expanded=true] .login-button__chevron{transform:rotate(180deg)}.account-menu{position:absolute;left:552px;top:105px;width:158px;padding-top:10px;pointer-events:auto}.account-menu:before{content:"";position:absolute;left:69px;top:0;width:22px;height:14px;background:#303964;clip-path:polygon(50% 0,100% 100%,0 100%)}.account-menu button{width:158px;height:54px;border:4px solid #11182a;border-radius:27px;color:#fff;background:linear-gradient(180deg,#525b8d,#343b69);box-shadow:inset 0 3px rgba(255,255,255,.22),0 6px 12px rgba(13,19,61,.22);font-family:var(--font-display);font-size:25px;font-weight:400;line-height:46px;text-align:center;text-shadow:2px 2px 0 #11182a}.account-menu button:active{transform:translateY(2px) scale(.985)}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:160px;z-index:40;pointer-events:none}.bottom-nav__base{position:absolute;z-index:0;left:-74px;top:45px;width:1104px;height:170px}.bottom-nav__item{position:absolute;top:0;width:140px;height:141px;overflow:visible;pointer-events:auto}.bottom-nav__plate{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:140px;height:141px}.bottom-nav__icon{position:absolute;z-index:3;object-fit:contain;transition:transform .16s ease}.bottom-nav__item .button-label{position:absolute;z-index:5;left:0;top:83px;width:140px;color:#fff;font-family:var(--font-display);font-size:34px;font-weight:400;line-height:49px;text-align:center;--button-label-stroke: #111728;--button-label-stroke-width: 8px}.bottom-nav__item:not([data-route=gacha]) .bottom-nav__icon{transform:scale(.9)}.bottom-nav__item[aria-current=page] .bottom-nav__icon{transform:translateY(-7px) scale(1.04)}.bottom-nav__item:not([data-route=gacha])[aria-current=page] .bottom-nav__icon{transform:translateY(-7px) scale(.936)}.bottom-nav__item:active .bottom-nav__icon{transform:translateY(1px) scale(.96)}.bottom-nav__item:not([data-route=gacha]):active .bottom-nav__icon{transform:translateY(1px) scale(.864)}.nav-spark{position:absolute;z-index:5;pointer-events:none}.nav-spark--small{left:20px;top:49px;width:20px;height:27px}.nav-spark--tall{left:103px;top:-20px;width:30px;height:39px}.screen--blue{background:linear-gradient(180deg,#4d58ff,#438dff 46%,#53e4f3)}.screen--yellow{background:linear-gradient(180deg,#ffae1d,#ffca3f,#ff9f17)}.module-pattern-layer{position:absolute;z-index:0;top:-560px;right:-560px;bottom:-560px;left:-560px;overflow:hidden;opacity:.08;transform:rotate(-45deg);transform-origin:center;pointer-events:none}.module-pattern-layer:before{content:"";position:absolute;top:-800px;right:-800px;bottom:-800px;left:-800px;background-image:radial-gradient(circle,rgb(255 255 255 / 78%) 0 2px,transparent 2.5px),url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/module-pattern-user-v1.webp);background-repeat:repeat;background-size:24px 24px,176px 176px;animation:module-pattern-scroll-diagonal 20s linear infinite;will-change:background-position}.blue-background,.yellow-background,.hero-background,.gacha-background{position:absolute;z-index:-2;max-width:none}.blue-background{left:-180px;top:-125px;width:1145px;height:2036px}.yellow-background{left:-59px;top:-75px;width:861px;height:1466px}.module-shell{position:absolute;z-index:1;left:-6px;top:176px;width:757px;height:1016px}.module-shell--tasks,.module-shell--rank{left:-6px;top:176px;width:757px;height:1016px;object-fit:fill}.count-pill{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:299px;height:61px;display:flex;align-items:baseline;justify-content:center;gap:15px;padding:0 24px 7px 30px;border:6px solid #11182a;border-radius:40px;color:#fff;background:#414571;font-family:var(--font-strong);font-weight:700;line-height:1}.count-pill:after{content:"";position:absolute;right:-8px;bottom:-10px;z-index:0;width:178px;height:74px;background-image:radial-gradient(circle,rgb(174 194 255 / 92%) 0 2px,transparent 2.7px),radial-gradient(circle,rgb(202 213 255 / 82%) 0 2.5px,transparent 3.2px),url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/highlight-dots.svg);background-position:0 0,5px 7px,right bottom;background-size:34px 34px,17px 17px,contain;background-repeat:repeat,repeat,no-repeat;opacity:.2;-webkit-mask-image:linear-gradient(135deg,transparent 4%,rgb(0 0 0 / 16%) 38%,#000 100%);mask-image:linear-gradient(135deg,transparent 4%,rgb(0 0 0 / 16%) 38%,#000 100%);pointer-events:none}.count-pill>*{position:relative;z-index:1}.count-pill span{font-size:26px;line-height:1;white-space:nowrap}.count-pill strong{color:#ffd116;font-family:var(--font-display);font-size:42px;font-weight:400;line-height:1;letter-spacing:2px;text-shadow:1px 0 currentColor,-1px 0 currentColor,0 1px currentColor,0 -1px currentColor}.count-pill small{margin-left:-10px;padding:0;font-size:24px;font-weight:700;line-height:1}.screen--hero{background:linear-gradient(180deg,#41c9ee,#64dfe8 66%,#32b8d1)}.hero-background{left:-232px;top:-96px;width:1280px;height:1546px}.hero-title{position:absolute;z-index:3;left:22px;top:105px;width:699px;height:256px}.hero-stats{position:absolute;z-index:4;left:135px;top:310px;width:476px;height:124px;color:#74400c}.hero-rules-entry{position:absolute;z-index:8;left:664px;top:328px;width:68px;height:68px}.hero-rules-entry img{width:100%;height:100%;object-fit:contain}.hero-rules-entry:active{transform:translateY(2px) scale(.96)}.hero-stats>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-stats__divider{position:absolute;left:241px;top:31px;width:4px;height:78px}.hero-stat{position:absolute;top:32px;height:68px;font-family:var(--font-strong);font-weight:700}.hero-stat--gacha{left:93px;width:110px}.hero-stat--invite{left:295px;width:145px}.hero-stat span{display:block;font-family:var(--font-strong);font-size:22px;font-weight:700;line-height:27px}.hero-stat strong{display:inline-block;margin-top:-4px;font-family:var(--font-display);font-size:50px;font-weight:400;line-height:48px}.hero-stat--gacha strong{color:#eb3548}.hero-stat--invite strong{color:#278ae2}.hero-stat small{margin-left:10px;font-family:var(--font-strong);font-size:27px;font-weight:700}.hero-characters{position:absolute;z-index:2;left:65px;top:421px;width:631px;height:670px}.join-group{position:absolute;z-index:12;left:552px;top:711px;width:198px;height:238px}.join-group__art{position:absolute;left:4px;top:0;width:190px;height:230px;object-fit:contain}.join-group .button-label{position:absolute;left:20px;top:162px;width:158px;color:#fff;font-family:var(--font-display);font-size:20px;font-weight:400;line-height:25px;--button-label-stroke: #151a29;--button-label-stroke-width: 2px}.primary-cta{position:absolute;z-index:15;width:446px;height:137px}.primary-cta>img{position:absolute;left:0;top:14px;width:446px;height:118px}.primary-cta>.button-label{position:absolute;left:0;top:24px;width:446px;color:#fff;font-family:var(--font-display);font-size:58px;font-weight:400;line-height:78px;letter-spacing:5px;text-align:center;--button-label-stroke: #7b4000;--button-label-stroke-width: 10px}.primary-cta:active{transform:translateY(4px) scale(.985)}.hero-cta{left:150px;top:989px}.screen.is-entering .top-bar,.screen.is-entering .hero-title,.screen.is-entering .hero-stats,.screen.is-entering .hero-rules-entry,.screen.is-entering .hero-cta,.screen.is-entering .bottom-nav,.screen.is-entering .hero-characters,.screen.is-entering .join-group,.screen.is-entering .tasks-title,.screen.is-entering .tasks-count,.screen.is-entering .module-shell,.screen.is-entering .task-list,.screen.is-entering .rank-title,.screen.is-entering .rank-limit,.screen.is-entering .leaderboard-rewards,.screen.is-entering .rank-table,.screen.is-entering .rank-head,.screen.is-entering .rank-list,.screen.is-entering .self-rank,.screen.is-entering .invite-list-cta,.screen.is-entering .characters-title,.screen.is-entering .characters-count,.screen.is-entering .character-grid,.screen.is-entering .characters-cta,.screen.is-entering .gacha-scene-title,.screen.is-entering .gacha-background-glows,.screen.is-entering .gacha-choice,.screen.is-entering .gacha-cost{will-change:transform,opacity}.screen--hero.is-entering .top-bar,.screen--tasks.is-entering .top-bar,.screen--yellow.is-entering .top-bar,.screen--characters.is-entering .top-bar,.screen--gacha.is-entering .top-bar{animation:hero-entry-top-q 308ms cubic-bezier(.2,.8,.25,1) 0ms backwards}.screen--hero.is-entering .hero-title,.screen--tasks.is-entering .tasks-title,.screen--yellow.is-entering .rank-title,.screen--characters.is-entering .characters-title,.screen--gacha.is-entering .gacha-scene-title{animation:hero-entry-top-q 338ms cubic-bezier(.2,.8,.25,1) 27ms backwards}.screen--hero.is-entering .hero-stats,.screen--tasks.is-entering .tasks-count,.screen--yellow.is-entering .rank-limit,.screen--characters.is-entering .characters-count{animation:hero-entry-top-q 338ms cubic-bezier(.2,.8,.25,1) 62ms backwards}.screen--hero.is-entering .bottom-nav,.screen--tasks.is-entering .bottom-nav,.screen--yellow.is-entering .bottom-nav,.screen--characters.is-entering .bottom-nav{animation:hero-entry-bottom-q 315ms cubic-bezier(.2,.8,.25,1) 15ms backwards}.screen--hero.is-entering .hero-cta,.screen--gacha.is-entering .gacha-choice,.screen--gacha.is-entering .gacha-cost,.screen--yellow.is-entering .self-rank,.screen--yellow.is-entering .invite-list-cta,.screen--characters.is-entering .characters-cta{animation:hero-entry-bottom-q 346ms cubic-bezier(.2,.8,.25,1) 54ms backwards}.screen--hero.is-entering .hero-characters,.screen--tasks.is-entering .module-shell,.screen--tasks.is-entering .task-list,.screen--yellow.is-entering .module-shell,.screen--leaderboard.is-entering .leaderboard-rewards,.screen--leaderboard.is-entering .rank-table,.screen--invite-list.is-entering .rank-head,.screen--invite-list.is-entering .rank-list,.screen--characters.is-entering .character-grid,.screen--gacha.is-entering .gacha-background-glows{animation:hero-entry-focal 318ms cubic-bezier(.16,.86,.24,1) 85ms backwards}.screen--hero.is-entering .join-group{animation:hero-entry-focal 257ms cubic-bezier(.16,.86,.24,1) 105ms backwards}.screen--gacha .module-pattern-layer{z-index:0}.gacha-background--machine{z-index:1;left:0;top:0;width:750px;height:1334px;object-fit:cover;object-position:center}.gacha-background-glows{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.gacha-background-glow{position:absolute;display:block;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 235 / 58%) 0 8%,rgb(255 225 118 / 26%) 26%,rgb(147 219 255 / 12%) 48%,transparent 70%);transform-origin:center;will-change:transform,opacity;filter:blur(3px);animation:gacha-background-glow-breathe 4.4s ease-in-out infinite}.gacha-background-glow--upper-left{left:105px;top:312px;animation-delay:-.24s}.gacha-background-glow--mid-left{left:17px;top:380px;width:164px;height:164px;animation-delay:-1.18s}.gacha-background-glow--upper-right{left:565px;top:370px;width:158px;height:158px;animation-delay:-2.06s}.gacha-background-glow--lower-left{left:72px;top:650px;width:116px;height:116px;animation-delay:-2.92s}.gacha-background-glow--lower-right{left:622px;top:658px;width:142px;height:142px;animation-delay:-3.66s}.gacha-scene-title{position:absolute;z-index:12;left:157px;top:116px;width:436px;height:108px;object-fit:contain}.gacha-tata-guide{position:absolute;z-index:12;left:190px;top:207px;width:390px;height:63px}.gacha-stage{--gacha-motion-path: path("M 375 612.75 C 366 582.75 313 525.75 300 496.75 C 292 464.75 335 457.75 375 474.75 C 422 494.75 461 535.75 450 573.75 C 442 600.75 405 619.75 375 612.75");position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;contain:layout paint;isolation:isolate;pointer-events:none}.gacha-dim-layer{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:rgba(13,22,67,.92);opacity:0;transition:opacity .14s linear;will-change:opacity}.screen--gacha[data-running=true][data-motion-phase=ready] .gacha-dim-layer{opacity:.2}.screen--gacha[data-motion-phase=charge] .gacha-dim-layer,.screen--gacha[data-motion-phase=launch] .gacha-dim-layer,.screen--gacha[data-motion-phase=suspend] .gacha-dim-layer{opacity:.58}.screen--gacha[data-motion-phase=open] .gacha-dim-layer{opacity:.68}.screen--gacha[data-motion-phase=reveal] .gacha-dim-layer{opacity:.62}.screen--gacha[data-motion-phase=feature] .gacha-dim-layer,.screen--gacha[data-motion-phase=settled] .gacha-dim-layer{opacity:.58}.gacha-reveal-halo{position:absolute;z-index:6;left:210px;top:305px;width:330px;height:330px;opacity:0;pointer-events:none;isolation:isolate;mix-blend-mode:screen;will-change:transform,opacity}.gacha-reveal-halo:before{content:"";position:absolute;z-index:4;left:50%;top:50%;width:264px;height:264px;margin:-132px 0 0 -132px;box-sizing:border-box;border:15px solid rgb(255 255 255 / 98%);border-radius:50%;box-shadow:0 0 10px 3px #fff,0 0 28px 10px rgba(255,187,255,.96),0 0 58px 18px rgba(226,69,255,.92),inset 0 0 20px 6px rgba(255,255,255,.92);opacity:0;pointer-events:none;will-change:transform,opacity}.gacha-reveal-halo__orb,.gacha-reveal-halo__ring,.gacha-reveal-halo__ray,.gacha-reveal-halo__spark{position:absolute;display:block;pointer-events:none}.gacha-reveal-halo__orb{z-index:1;top:42px;right:42px;bottom:42px;left:42px;border-radius:50%;background:radial-gradient(circle at 50% 44%,rgb(255 255 255 / 100%) 0 4%,rgb(255 229 255 / 96%) 9%,rgb(255 105 247 / 82%) 24%,rgb(151 48 255 / 62%) 50%,transparent 72%);filter:blur(3px) drop-shadow(0 0 24px rgb(207 52 255 / 95%));will-change:transform,opacity}.gacha-reveal-halo__orb:after{content:"";position:absolute;left:50%;top:50%;width:188px;height:188px;margin:-94px 0 0 -94px;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,rgb(255 255 255 / 100%) 34%,rgb(255 230 255 / 94%) 46%,rgb(255 119 248 / 68%) 62%,transparent 78%);box-shadow:0 0 30px 12px #fff,0 0 72px 28px rgba(250,85,255,.98);opacity:0;will-change:transform,opacity}.gacha-reveal-halo__ring{z-index:3;left:50%;top:50%;border-radius:50%;box-sizing:border-box;will-change:transform,opacity}.gacha-reveal-halo__ring--outer{width:292px;height:292px;margin:-146px 0 0 -146px;border:5px solid rgb(146 48 255 / 88%);box-shadow:0 0 18px rgba(123,40,255,.92),inset 0 0 12px rgba(220,122,255,.7)}.gacha-reveal-halo__ring--inner{width:264px;height:264px;margin:-132px 0 0 -132px;border:10px solid rgb(255 74 238 / 94%);box-shadow:0 0 10px #fff,0 0 24px rgba(255,65,237,.96),inset 0 0 18px rgba(255,162,248,.78)}.gacha-reveal-halo__ray{z-index:4;left:50%;top:50%;width:286px;height:28px;transform-origin:0 50%;background:linear-gradient(90deg,transparent 0 8%,rgb(255 92 245 / 92%) 26%,#fff 44% 66%,rgb(232 138 255 / 100%) 80%,transparent 100%);clip-path:polygon(0 48%,46% 27%,100% 50%,46% 73%,0 52%);opacity:0;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgb(255 58 239 / 100%));will-change:transform,opacity}.gacha-reveal-halo__spark{z-index:5;left:calc(50% + var(--spark-x));top:calc(50% + var(--spark-y));width:var(--spark-size);height:var(--spark-size);background:var(--spark-color);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;filter:drop-shadow(0 0 6px rgb(255 255 255 / 98%)) drop-shadow(0 0 12px rgb(255 73 237 / 88%));will-change:transform,opacity}.gacha-capsule{position:absolute;z-index:4;left:231px;top:491px;width:288px;transform-origin:50% 50%;will-change:transform,opacity}.gacha-capsule__visual{position:relative;width:100%;transform-origin:50% 50%;will-change:transform}.gacha-capsule__whole{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain}.gacha-capsule__glow{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;opacity:0;transform:scale(1.02);filter:brightness(1.9) saturate(1.65) blur(14px);will-change:transform,opacity}.gacha-trail{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.gacha-trail__particle{position:absolute;left:375px;top:612.75px;width:var(--trail-size);height:var(--trail-size);transform:translate3d(-50%,-50%,0);will-change:transform}.gacha-trail__particle img{position:relative;left:var(--trail-x);top:var(--trail-y);display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:rotate(var(--trail-rotate)) scale(.08);will-change:transform,opacity}.gacha-trail__particle--star img{filter:drop-shadow(0 0 6px rgb(255 248 189 / 96%)) drop-shadow(0 0 15px rgb(99 222 255 / 92%))}.gacha-trail__particle--diamond img{filter:drop-shadow(0 0 5px rgb(175 238 255 / 92%)) drop-shadow(0 0 15px rgb(78 95 255 / 96%))}.gacha-open-impact{position:absolute;z-index:5;left:42px;top:348px;width:666px;height:523px;opacity:0;pointer-events:none}.gacha-open-impact__layer{position:absolute;display:block;object-fit:fill;will-change:transform,opacity}.gacha-open-impact__rear-bowl{z-index:10;left:325px;top:303px;width:305px;height:190px}.gacha-open-impact__front-bowl{z-index:20;left:79px;top:275px;width:391px;height:241px}.gacha-open-impact__rear-dome{z-index:30;left:342px;top:8px;width:320px;height:292px;transform-origin:12% 96%}.gacha-open-impact__front-dome{z-index:40;left:21px;top:0;width:349px;height:303px;transform-origin:88% 96%}.gacha-open-impact__burst{z-index:50;left:4px;top:50px;width:652px;height:424px;transform-origin:50% 66%}.gacha-screen-flash{position:absolute;z-index:14;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(255,248,218,.96);opacity:0;pointer-events:none;will-change:opacity}.gacha-screen-flash img{position:absolute;left:50%;top:50%;width:1180px;height:768px;object-fit:fill;transform:translate3d(-50%,-50%,0) scale(.42);will-change:transform,opacity}.screen--gacha[data-running=false][data-motion-phase=ready] .gacha-capsule{animation:gacha-idle 1.8s ease-in-out infinite}.screen--gacha[data-running=true] .gacha-capsule{animation:gacha-capsule-motion-fallback 1.9s linear both}.screen--gacha[data-running=true] .gacha-capsule__visual{animation:gacha-capsule-scale-curve 1.9s linear both}.screen--gacha[data-running=true] .gacha-capsule__glow{animation:gacha-capsule-outer-glow 1.9s linear both}.screen--gacha[data-running=true] .gacha-trail__particle{animation:gacha-trail-follow-fallback 1.9s linear both;animation-delay:var(--trail-delay)}.screen--gacha[data-running=true] .gacha-trail__particle img{animation:gacha-trail-size-transition 1.9s linear both;animation-delay:var(--trail-delay)}@supports (offset-path: path("M 0 0 L 1 1")){.screen--gacha[data-running=true] .gacha-capsule{left:0;top:0;offset-path:var(--gacha-motion-path);offset-anchor:50% 50%;offset-rotate:0deg;animation-name:gacha-capsule-motion-curve}.screen--gacha[data-running=true] .gacha-trail__particle{left:0;top:0;offset-path:var(--gacha-motion-path);offset-anchor:50% 50%;offset-rotate:0deg;animation-name:gacha-trail-follow-curve}}.screen--gacha[data-motion-phase=open] .gacha-trail,.screen--gacha[data-motion-phase=reveal] .gacha-trail,.screen--gacha[data-motion-phase=feature] .gacha-trail,.screen--gacha[data-motion-phase=settled] .gacha-trail,.screen--gacha[data-motion-phase=open] .gacha-capsule,.screen--gacha[data-motion-phase=reveal] .gacha-capsule,.screen--gacha[data-motion-phase=feature] .gacha-capsule,.screen--gacha[data-motion-phase=settled] .gacha-capsule{opacity:0}.screen--gacha[data-motion-phase=open] .gacha-screen-flash{animation:gacha-screen-flash-cover .28s ease-out both}.screen--gacha[data-motion-phase=open] .gacha-screen-flash img{animation:gacha-screen-flash-burst .28s cubic-bezier(.12,.78,.2,1) both}.screen--gacha[data-motion-phase=open] .gacha-open-impact{opacity:1;animation:gacha-open-impact-enter .28s cubic-bezier(.12,.78,.2,1) both}.screen--gacha[data-motion-phase=open] .gacha-open-impact__rear-bowl,.screen--gacha[data-motion-phase=open] .gacha-open-impact__front-bowl{animation:gacha-open-bowls .28s cubic-bezier(.12,.78,.2,1) both}.screen--gacha[data-motion-phase=open] .gacha-open-impact__rear-dome{animation:gacha-open-rear-dome .28s cubic-bezier(.12,.78,.2,1) both}.screen--gacha[data-motion-phase=open] .gacha-open-impact__front-dome{animation:gacha-open-front-dome .28s cubic-bezier(.12,.78,.2,1) both}.screen--gacha[data-motion-phase=open] .gacha-open-impact__burst{animation:gacha-open-foreground-burst .28s cubic-bezier(.12,.78,.2,1) both}.gacha-result-dismiss{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%}.screen--gacha[data-motion-phase=feature] .gacha-result-dismiss,.screen--gacha[data-motion-phase=settled] .gacha-result-dismiss{display:block}.gacha-results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;perspective:900px;pointer-events:none}.gacha-result-card{position:absolute;width:199px;height:233px;margin:0;padding:0;-webkit-appearance:none;appearance:none;opacity:0;transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;transition:background-color .16s ease-out,box-shadow .16s ease-out;pointer-events:none}.gacha-result-card:nth-of-type(1){left:59px;top:320px;--burst-x: 217px;--burst-y: 34px;--burst-angle: -24deg}.gacha-result-card:nth-of-type(2){left:276px;top:320px;--burst-x: 0px;--burst-y: 34px;--burst-angle: -12deg}.gacha-result-card:nth-of-type(3){left:493px;top:320px;--burst-x: -217px;--burst-y: 34px;--burst-angle: 0deg}.gacha-result-card:nth-of-type(4){left:167px;top:571px;--burst-x: 109px;--burst-y: -218px;--burst-angle: 12deg}.gacha-result-card:nth-of-type(5){left:384px;top:571px;--burst-x: -108px;--burst-y: -218px;--burst-angle: 24deg}.gacha-result-card{--tata-border-width: 4px;--tata-radius: 36px;--tata-inner-inset: 13px;--tata-inner-width: 2px;--tata-inner-radius: 30px;--tata-texture-inset: 15px;--tata-texture-radius: 30px;--tata-mascot-left: 10px;--tata-mascot-top: 43px;--tata-mascot-width: 173px;--tata-mascot-height: 142px;background:#fcc805;box-shadow:0 0 0 5px rgba(255,232,80,.84),0 0 24px rgba(255,191,28,.68)}.gacha-results--single .gacha-result-card{left:276px;top:382px;--burst-x: 0px;--burst-y: -28px;--burst-angle: 0deg}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo{animation:gacha-reveal-halo-lifecycle 1.18s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo:before{animation:gacha-reveal-halo-rim-flash .56s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__orb{animation:gacha-reveal-halo-orb 1.18s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__orb:after{animation:gacha-reveal-halo-highlight .56s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__ring--outer{animation:gacha-reveal-halo-outer-ring 1.18s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__ring--inner{animation:gacha-reveal-halo-inner-ring 1.18s linear both}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__ray{animation:gacha-reveal-halo-ray .76s cubic-bezier(.12,.76,.2,1) both;animation-delay:var(--ray-delay)}.screen--gacha[data-motion-phase=reveal] .gacha-reveal-halo__spark{animation:gacha-reveal-halo-spark .92s ease-out both;animation-delay:var(--spark-delay)}.screen--gacha[data-motion-phase=reveal] .gacha-result-card{animation:gacha-card-flip-sequence .56s cubic-bezier(.16,.8,.2,1) both;animation-delay:calc(var(--result-index) * .15s)}.screen--gacha[data-motion-phase=feature] .gacha-result-card,.screen--gacha[data-motion-phase=settled] .gacha-result-card{opacity:1;transform:none;pointer-events:auto}.screen--gacha[data-motion-phase=feature] .gacha-result-card[aria-pressed=true],.screen--gacha[data-motion-phase=settled] .gacha-result-card[aria-pressed=true]{animation:none}.gacha-confetti-field{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 72%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 72%,transparent 98%)}.screen--gacha[data-motion-phase=feature] .gacha-confetti-field,.screen--gacha[data-motion-phase=settled] .gacha-confetti-field{opacity:1}.gacha-confetti-loop{position:absolute;left:var(--confetti-x);top:0;width:var(--confetti-size);height:var(--confetti-size);opacity:0;will-change:transform,opacity}.gacha-confetti-loop img{display:block;width:100%;height:100%;object-fit:contain;transform:scaleX(var(--confetti-flip))}.gacha-confetti-loop--yellow img{filter:brightness(1.22) saturate(1.16) drop-shadow(0 0 3px rgb(255 249 182 / 95%)) drop-shadow(0 0 10px rgb(255 190 37 / 78%))}.gacha-confetti-loop--blue img{filter:brightness(1.26) saturate(1.18) drop-shadow(0 0 3px rgb(204 247 255 / 94%)) drop-shadow(0 0 10px rgb(64 174 255 / 82%))}.gacha-confetti-loop--coral img{filter:brightness(1.2) saturate(1.14) drop-shadow(0 0 3px rgb(255 225 236 / 94%)) drop-shadow(0 0 10px rgb(255 91 154 / 78%))}.gacha-confetti-loop--green img{filter:brightness(1.22) saturate(1.12) drop-shadow(0 0 3px rgb(240 255 199 / 94%)) drop-shadow(0 0 10px rgb(151 232 50 / 76%))}.screen--gacha[data-motion-phase=feature] .gacha-confetti-loop,.screen--gacha[data-motion-phase=settled] .gacha-confetti-loop{animation:gacha-confetti-loop-fall var(--confetti-duration) linear infinite;animation-delay:var(--confetti-delay)}.gacha-choice{position:absolute;z-index:15;width:318px;height:106px;color:#fff}.gacha-choice--single{left:45px;top:1110px}.gacha-choice--multi{left:392px;top:1110px}.gacha-choice img{position:absolute;left:0;top:0;width:318px;height:106px}.gacha-choice .button-label{position:absolute;left:0;top:11px;width:318px;font-family:var(--font-display);font-size:38px;font-weight:400;line-height:72px;letter-spacing:2px;text-align:center;--button-label-stroke: #0756ad;--button-label-stroke-width: 7px}.gacha-choice--multi .button-label{--button-label-stroke: #a85d00}.gacha-choice:disabled,.gacha-choice[data-unavailable=true]{filter:grayscale(.94) saturate(.25) brightness(.66);opacity:1}.gacha-choice:active:not(:disabled):not([data-unavailable=true]){transform:translateY(3px) scale(.985)}.screen--gacha[data-running=true] .gacha-choice{opacity:0;pointer-events:none}.gacha-cost{position:absolute;z-index:10;left:210px;top:1226px;width:330px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:26px;font-family:var(--font-strong);font-weight:700;line-height:1;letter-spacing:4px;box-sizing:border-box;height:44px;background:rgba(17,22,74,.58);border:2px solid rgb(177 205 255 / 34%);border-radius:24px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 10px rgba(7,12,61,.22);backdrop-filter:blur(3px);text-align:center;text-shadow:2px 2px #1c5765}.gacha-cost strong{color:#ffda18;font-family:var(--font-display);font-size:32px;font-weight:400;line-height:1}.screen--tasks .blue-background{left:-239px;top:-99px}.tasks-title{position:absolute;z-index:4;left:143px;top:148px;width:436px;height:108px;object-fit:contain}.tasks-count{position:absolute;z-index:5;left:223px;top:256px}.task-list{position:absolute;z-index:5;left:86px;top:392px;width:581px;margin:0;padding:0;list-style:none}.task-row{position:relative;width:581px;height:124px;margin:0 0 27px}.task-row:not(:last-child):after{content:"";position:absolute;left:6px;right:6px;bottom:-14px;border-bottom:2px dashed #edd095}.task-row__icon{position:absolute;left:0;top:0;width:124px;height:124px;object-fit:contain}.task-row:nth-child(3) .task-row__icon{transform:scale(.9);transform-origin:center;filter:drop-shadow(1px 0 0 #17345f) drop-shadow(-1px 0 0 #17345f) drop-shadow(0 1px 0 #17345f) drop-shadow(0 -1px 0 #17345f)}.task-row:nth-child(3) .task-row__copy span{margin-top:12px}.task-row__copy{position:absolute;left:153px;top:3px;width:220px;height:118px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#70410e}.task-row__copy strong{display:block;width:100%;overflow:visible;font-family:var(--font-strong);font-size:28px;font-weight:700;line-height:33px;white-space:normal;overflow-wrap:anywhere;word-break:break-all;text-overflow:clip}.task-row__copy span{display:inline-block;min-width:148px;height:34px;margin-top:6px;padding:0 16px;border-radius:18px;color:#fff7e5;background:#cfad8d;font-family:var(--font-strong);font-size:23px;font-weight:700;line-height:34px;letter-spacing:1px;text-align:center}.task-row>button{position:absolute;left:378px;top:9px;width:203px;height:106px}.task-row>button img{position:absolute;left:24px;top:13px;width:162px;height:84px}.task-row>button .button-label{position:absolute;left:24px;top:21px;width:162px;color:#fff;font-family:var(--font-display);font-size:34px;font-weight:400;line-height:58px;text-align:center;--button-label-stroke: #2371bd;--button-label-stroke-width: 6px}.task-row[data-task-state=done]>button .button-label{--button-label-stroke: #71940d}.rank-title{position:absolute;z-index:4;object-fit:contain}.rank-title--invite{left:151px;top:141px;width:436px;height:110px}.rank-title--leaderboard{left:107px;top:132px;width:524px;height:119px}.rank-rules-entry{position:absolute;z-index:8;left:650px;top:144px;width:68px;height:68px}.rank-rules-entry img{width:100%;height:100%;object-fit:contain}.rank-rules-entry:active{transform:translateY(2px) scale(.96)}.rank-limit{position:absolute;z-index:5;left:230px;top:251px}.rank-limit .count-pill{position:relative;overflow:hidden;isolation:isolate;padding-top:0;padding-bottom:0}.rank-limit .count-pill small{padding-top:0}.rank-limit .count-pill:after{content:"";position:absolute;right:-8px;bottom:-10px;z-index:0;width:178px;height:74px;background-image:radial-gradient(circle,rgb(174 194 255 / 92%) 0 2px,transparent 2.7px),radial-gradient(circle,rgb(202 213 255 / 82%) 0 2.5px,transparent 3.2px),url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/highlight-dots.svg);background-position:0 0,5px 7px,right bottom;background-size:34px 34px,17px 17px,contain;background-repeat:repeat,repeat,no-repeat;opacity:.2;-webkit-mask-image:linear-gradient(135deg,transparent 4%,rgb(0 0 0 / 16%) 38%,#000 100%);mask-image:linear-gradient(135deg,transparent 4%,rgb(0 0 0 / 16%) 38%,#000 100%);pointer-events:none}.rank-limit .count-pill>*{position:relative;z-index:1}.leaderboard-rewards{position:absolute;z-index:6;left:64px;top:354px;width:622px;height:310px;overflow:hidden;border-radius:42px 30px 0 0;isolation:isolate}.leaderboard-reward{position:absolute;top:0;height:310px;display:grid;grid-template-rows:44px 124px 72px;justify-items:center;align-content:start;padding-top:14px;color:#fff;isolation:isolate}.leaderboard-reward:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(45deg,rgb(255 255 255 / 16%) 25%,transparent 25% 75%,rgb(255 255 255 / 16%) 75%),linear-gradient(45deg,rgb(255 255 255 / 16%) 25%,transparent 25% 75%,rgb(255 255 255 / 16%) 75%);background-repeat:repeat;background-position:0 0,14px 14px;background-size:28px 28px;opacity:.82;mix-blend-mode:soft-light;pointer-events:none}.leaderboard-reward--gold{left:0;top:6px;width:36%;padding-right:18px;border-radius:42px 0 0;background-color:#f7a817;background-position:16px 8px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.leaderboard-reward--blue{left:31%;top:6px;width:38%;background-color:#f3d067;background-position:76px 42px;clip-path:polygon(13.2% 0,100% 0,86.8% 100%,0 100%)}.leaderboard-reward--green{left:64%;top:6px;width:36%;height:304px;padding-left:18px;background-color:transparent;background-position:128px 18px;clip-path:polygon(13.9% 0,100% 0,100% 100%,0 100%)}.leaderboard-reward--green:before{display:none}.leaderboard-reward__range{position:relative;z-index:2;align-self:end;width:158px;min-width:0;height:38px;display:grid;place-items:center;padding:0 8px 2px;border:0;border-radius:19px;color:#fff;background:rgba(32,40,77,.88);font-size:25px;font-family:var(--font-strong);font-weight:700;line-height:1;white-space:nowrap;text-shadow:2px 0 #11182a,-2px 0 #11182a,0 2px #11182a,0 -2px #11182a;box-shadow:0 2px rgba(17,24,42,.35);transform:scale(.8);transform-origin:center bottom}.leaderboard-reward__prizes{position:relative;z-index:2;width:168px;height:119px;display:block}.leaderboard-reward__prizes:before{content:"";position:absolute;left:50%;top:53%;z-index:0;width:170.4px;height:122.4px;background:url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/reward-selection-burst.webp) center / contain no-repeat;mix-blend-mode:overlay;opacity:.92;pointer-events:none;transform:translate(-50%,-50%)}.leaderboard-reward--green .leaderboard-reward__prizes:before{width:149.952px;height:107.712px;opacity:.4}.leaderboard-reward__image{position:absolute;z-index:1;width:86px;height:96px;object-fit:contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff)}.leaderboard-reward__image.is-pillow{left:15px;top:8px;width:90px;height:98px;transform:rotate(-4deg)}.leaderboard-reward__image.is-pendant{left:16px;top:9px;width:86px;height:95px;transform:rotate(-3deg)}.leaderboard-reward__image.is-crystal{right:19px;top:34px;z-index:2;width:56px;height:63px;transform:rotate(7deg)}.leaderboard-reward--blue .leaderboard-reward__image.is-crystal{right:29px}.leaderboard-reward__image.is-crystal-only{left:50%;right:auto;top:22px;width:65px;height:74px;transform:translate(-50%)}.leaderboard-reward__copy{position:relative;z-index:2;align-self:start;width:188px;margin:0;display:grid;justify-items:center;color:#fff!important;font-size:23px;font-family:var(--font-strong);font-weight:700;line-height:31px;letter-spacing:-.5px;text-align:center;white-space:nowrap;-webkit-text-stroke:4px #12192c;-webkit-font-smoothing:antialiased;paint-order:stroke fill;text-shadow:none}.leaderboard-reward__copy span{display:block}.leaderboard-reward--green .leaderboard-reward__copy{padding-top:14px}.rank-table{display:contents}.screen--leaderboard .rank-table{position:absolute;z-index:7;left:55px;top:626px;width:634px;height:460px;display:block;overflow:hidden;border-radius:30px 30px 0 0;background:#fff5dc;box-shadow:0 -10px 16px -8px rgba(139,69,0,.62)}.screen--leaderboard .rank-head{left:36px;top:24px}.screen--leaderboard .rank-list{left:18px;top:68px;height:342px;border-radius:22px 22px 0 0;background:#fdecc2;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 72%,rgb(0 0 0 / 64%) 83%,rgb(0 0 0 / 24%) 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 72%,rgb(0 0 0 / 64%) 83%,rgb(0 0 0 / 24%) 93%,transparent 100%)}.screen--leaderboard .rank-list--empty{padding-top:112px}.screen--leaderboard .self-rank{top:1020px}.rank-head{position:absolute;z-index:5;left:91px;top:370px;width:568px;display:grid;grid-template-columns:122px 1fr 143px;align-items:center;color:#70410e;font-size:28px;font-family:var(--font-strong);font-weight:700;line-height:38px}.rank-head span:first-child{text-align:center}.rank-head span:last-child{text-align:center}.rank-list{position:absolute;z-index:5;left:73px;top:420px;width:599px;height:596px;margin:0;padding:2px 11px 0 16px;overflow-x:hidden;overflow-y:auto;list-style:none;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;background:transparent;border:2px solid #f2caba;border-radius:26px 26px 0 0;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 70%,rgb(0 0 0 / 62%) 80%,rgb(0 0 0 / 20%) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 70%,rgb(0 0 0 / 62%) 80%,rgb(0 0 0 / 20%) 91%,transparent 100%)}.rank-list:active{cursor:grabbing}.rank-list:focus-visible{outline:4px solid rgb(46 139 227 / 60%);outline-offset:-6px}.rank-list::-webkit-scrollbar{display:none}.rank-list--empty{display:grid;place-items:start center;padding-top:158px}.rank-list__empty{color:#a77c52;font-family:var(--font-strong);font-size:27px;font-weight:700;line-height:40px;text-align:center}.rank-row{display:grid;grid-template-columns:122px 1fr 143px;align-items:center;width:568px;height:84px;border-bottom:2px dashed #efd49d;color:#70410e;font-family:var(--font-strong);font-weight:700}.rank-row__position{padding-left:0;font-size:43px;line-height:61px;text-align:center}.rank-row__position[data-rank="1"]{color:#ee3b4a}.rank-row__position[data-rank="2"]{color:#ffc20a}.rank-row__position[data-rank="3"]{color:#2e8be3}.rank-row__name{overflow:hidden;font-size:29px;font-weight:700;line-height:38px;white-space:nowrap;text-overflow:ellipsis}.rank-row__count{font-size:39px;line-height:52px;text-align:center}.rank-row__count--time{font-size:22px;line-height:27px;font-weight:700;white-space:normal;word-break:keep-all}.rank-row__count small{margin-left:8px;font-size:27px}.self-rank{position:absolute;z-index:12;left:23px;top:975px;width:700px;height:124px;border:6px solid #253240;border-radius:31px;background:#a8d21a;isolation:isolate}.self-rank:after{content:"";position:absolute;right:5px;bottom:5px;z-index:0;width:330px;height:108px;border-radius:24px;background-image:radial-gradient(circle,rgb(245 255 125 / 94%) 0 2px,transparent 2.7px),radial-gradient(circle,rgb(250 255 174 / 84%) 0 2.5px,transparent 3.2px),url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/highlight-dots.svg);background-position:0 0,6px 8px,right bottom;background-size:36px 36px,18px 18px,contain;background-repeat:repeat,repeat,no-repeat;opacity:.2;-webkit-mask-image:linear-gradient(135deg,transparent 3%,rgb(0 0 0 / 14%) 36%,#000 100%);mask-image:linear-gradient(135deg,transparent 3%,rgb(0 0 0 / 14%) 36%,#000 100%);pointer-events:none}.self-rank__surface{position:absolute;left:11px;top:8px;width:477px;height:96px;display:grid;grid-template-columns:218px 3px 201px;gap:10px;align-items:center;padding:7px 12px;border:4px solid #86a10e;border-radius:24px;color:#70410e;background:#fffaf0}.self-rank__surface,.self-rank>button{z-index:1}.self-rank__surface div{display:grid;grid-template-rows:26px 54px;justify-items:center;align-content:center;gap:0;text-align:center}.self-rank__surface span{font-family:var(--font-strong);font-size:20px;font-weight:700;line-height:26px}.self-rank__surface strong{color:#ffbf00;font-family:var(--font-display);font-size:44px;font-weight:400;line-height:54px;text-shadow:2px 0 #70410e,-2px 0 #70410e,0 2px #70410e,0 -2px #70410e}.self-rank__surface div>strong{transform:translateY(-4px)}.self-rank__surface .self-rank__rank-value{width:205px;height:54px;display:flex;align-items:baseline;justify-content:center;gap:5px;color:#70410e;line-height:54px;text-shadow:none}.self-rank__surface .self-rank__empty{width:205px;color:#70410e;font-family:var(--font-strong);font-size:26px;font-weight:700;line-height:54px;text-shadow:none}.self-rank__rank-value span{color:#70410e;font-family:var(--font-strong);font-size:25px;font-weight:700;text-shadow:none}.self-rank__rank-value b{color:#ffbf00;font-family:var(--font-display);font-size:44px;font-weight:400;text-shadow:2px 0 #70410e,-2px 0 #70410e,0 2px #70410e,0 -2px #70410e}.self-rank__surface small{margin-left:5px;color:#70410e;font-family:var(--font-strong);font-size:26px;font-weight:700;text-shadow:none}.self-rank__surface i{width:3px;height:76px;border-left:3px dashed #cba981}.self-rank>button{position:absolute;left:501px;top:10px;width:162px;height:84px}.self-rank>button img{position:absolute;top:0;right:0;bottom:0;left:0;width:162px;height:84px}.self-rank>button .button-label{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-family:var(--font-display);font-size:34px;font-weight:400;line-height:65px;text-align:center;--button-label-stroke: #874300;--button-label-stroke-width: 6px;transform:translateY(-2px)}.invite-list-cta{left:152px;top:985px}.invite-list-cta>.button-label{font-family:var(--font-display);font-weight:400}.characters-title{position:absolute;z-index:4;left:151px;top:144px;width:436px;height:107px;object-fit:contain}.characters-count{position:absolute;z-index:5;left:230px;top:251px}.characters-notice{left:55px;top:249px;width:640px;height:76px}.characters-notice__bg{display:block;width:640px;height:76px}.characters-notice__text{position:absolute;left:80px;right:40px;top:3px;height:76px;display:flex;align-items:center;overflow:hidden;color:#fff;font-family:var(--font-strong);font-size:26px;font-weight:700;letter-spacing:1px;white-space:nowrap}.characters-notice__marquee{display:inline-flex;animation:notice-marquee 8s linear infinite}.characters-notice__marquee span{padding-right:80px}@keyframes notice-marquee{to{transform:translate(-50%)}}.characters-count .count-pill{align-items:center;padding:0 24px}.character-grid{position:absolute;z-index:5;left:60px;top:339px;width:633px;height:644px;display:grid;grid-template-columns:repeat(3,199px);grid-auto-rows:233px;gap:18px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;list-style:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgb(0 0 0 / 88%) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgb(0 0 0 / 88%) 82%,transparent 100%)}.character-grid:active{cursor:grabbing}.character-grid:focus-visible{outline:4px solid rgb(46 139 227 / 60%);outline-offset:-6px}.character-grid::-webkit-scrollbar{display:none}.character-card.is-locked{filter:grayscale(1) brightness(.9);opacity:.75}.character-card{position:relative;width:199px;height:233px;--tata-border-width: 4px;--tata-radius: 36px;--tata-inner-inset: 13px;--tata-inner-width: 2px;--tata-inner-radius: 30px;--tata-texture-inset: 15px;--tata-texture-radius: 30px;--tata-mascot-left: 10px;--tata-mascot-top: 43px;--tata-mascot-width: 173px;--tata-mascot-height: 142px}.tata-card{overflow:hidden;border:var(--tata-border-width) solid #263544;border-radius:var(--tata-radius);background:#fef6db}.tata-card:before{content:"";position:absolute;inset:var(--tata-inner-inset);z-index:1;border:var(--tata-inner-width) solid #ef9700;border-radius:var(--tata-inner-radius);pointer-events:none}.character-card[aria-pressed=true]{background:#fcc805}.tata-card__texture{position:absolute;inset:var(--tata-texture-inset);overflow:hidden;border-radius:var(--tata-texture-radius);background:#fdefce;backface-visibility:hidden}.tata-card__texture img{width:100%;height:100%;object-fit:cover;opacity:.35}.tata-card__mascot{position:absolute;z-index:2;left:var(--tata-mascot-left);top:var(--tata-mascot-top);width:var(--tata-mascot-width);height:var(--tata-mascot-height);object-fit:contain;backface-visibility:hidden}.character-card__count{position:absolute;z-index:3;left:10px;top:18px;width:71px;height:37px;display:flex;align-items:center;justify-content:center;padding-left:30px;background:url(https://lilithimage.lilithcdn.com/wbpages/clashofcritters/LB-P2608086-cn/img/tata-number.webp) no-repeat center / 100% 100%;color:#fff;font-family:var(--font-strong);font-size:20px;font-weight:700;line-height:1;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,1px -1px #000,-1px 1px #000,-1px -1px #000;pointer-events:none}.character-card__selected-badge{position:absolute;z-index:3;right:var(--tata-inner-inset);bottom:var(--tata-inner-inset);width:53px;height:53px;border-bottom-right-radius:30px;overflow:hidden;opacity:0;transform:scale(.78);transform-origin:100% 100%;transition:opacity .12s ease-out,transform .18s cubic-bezier(.2,.82,.28,1.18);pointer-events:none}.character-card__selected-badge img{position:absolute;left:-2px;top:-2px;width:57px;height:57px;object-fit:fill}.character-card__selected-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-right:2px solid #f0a000;border-bottom:2px solid #f0a000;border-bottom-right-radius:30px}.character-card[data-confirmed=true] .character-card__selected-badge{opacity:1;transform:none}.character-card:active{transform:scale(.97)}.characters-cta{left:152px;top:985px}.characters-cta>img{height:148px}.characters-cta>.button-label{top:54px}.toast{position:absolute;z-index:100;left:120px;top:116px;width:510px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 28px;border:5px solid #172334;border-radius:36px;color:#fff;background:#3e456b;box-shadow:0 8px rgba(17,24,40,.35);font-size:25px;font-family:var(--font-strong);font-weight:700;line-height:34px;text-align:center;animation:toast-enter .18s cubic-bezier(.2,.82,.28,1) both}.toast[data-tone=success]{background:#82a817}.toast[data-tone=warning]{background:#d24b42}.toast.is-leaving{animation:toast-leave .18s ease-in both}.activity-modal{position:absolute;z-index:180;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.activity-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(13,22,67,.72);animation:modal-scrim-enter .18s ease-out both}.activity-modal__panel{position:relative;width:560px;min-height:390px;padding:102px 54px 44px;border:8px solid #172334;border-radius:48px;background:radial-gradient(circle,rgb(235 194 91 / 19%) 0 2px,transparent 2.5px) 0 0 / 22px 22px,linear-gradient(180deg,#fff9e8,#fff1c7);box-shadow:inset 0 0 0 5px #f2c45c,0 18px rgba(12,21,48,.34);text-align:center;animation:modal-panel-enter .26s cubic-bezier(.2,.82,.28,1.16) both}.activity-modal__panel h2{position:absolute;left:77px;top:-42px;width:390px;height:96px;margin:0;display:grid;place-items:center;border:7px solid #11182a;border-radius:50px;color:#fff;background:linear-gradient(180deg,#6269a5,#414571);font-family:var(--font-strong);font-size:42px;font-weight:700;letter-spacing:3px;line-height:1;-webkit-text-stroke:2px #282b52;paint-order:stroke fill;text-shadow:0 -5px 0 #282b52,2px -5px 0 #282b52,4px -3px 0 #282b52,5px -1px 0 #282b52,5px 2px 0 #282b52,3px 4px 0 #282b52,1px 5px 0 #282b52,-2px 5px 0 #282b52,-4px 3px 0 #282b52,-5px 1px 0 #282b52,-5px -2px 0 #282b52,-3px -4px 0 #282b52;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}.activity-modal[data-tone=success] .activity-modal__panel h2{background:linear-gradient(180deg,#9dca27,#75a312)}.activity-modal__panel p{min-height:92px;margin:0 0 26px;color:#70410e;font-family:var(--font-strong);font-size:30px;font-weight:700;line-height:46px;word-break:break-all}.activity-modal__panel--media{padding-top:82px}.activity-modal__qr{display:block;width:230px;height:230px;margin:0 auto 12px;object-fit:contain;image-rendering:auto;user-select:auto;-webkit-touch-callout:default}.activity-modal__panel--media p{min-height:46px;margin-bottom:18px}.activity-modal__panel--rules{box-sizing:border-box;width:620px;height:1040px;min-height:0;padding:88px 46px 124px}.activity-modal__panel--rules h2{left:107px;width:390px}.activity-modal__panel--rules p{height:100%;min-height:0;margin:0;padding:0 12px 0 2px;overflow-x:hidden;overflow-y:auto;color:#70410e;font-family:var(--font-body);font-size:23px;font-weight:500;line-height:36px;text-align:left;white-space:pre-line;word-break:normal;overflow-wrap:anywhere;scrollbar-color:#c8a46d transparent;scrollbar-width:thin}.activity-modal__rule-line{display:block}.activity-modal__rule-line--blank{height:36px}.activity-modal__rule-heading{font-family:var(--font-strong);font-weight:700}.activity-modal__panel--rules .activity-modal__confirm{position:absolute;left:50%;bottom:20px;transform:translate(-50%)}.activity-modal__panel--rules .activity-modal__confirm:active{transform:translate(-50%) translateY(3px) scale(.985)}.draw-history-entry{position:absolute;z-index:30;right:34px;top:24px;width:92px;height:92px}.draw-history-entry img{width:100%;height:100%;object-fit:contain}.draw-history-entry:active{transform:translateY(2px) scale(.95)}.draw-history-entry--characters{left:650px;right:auto;top:144px;width:72px;height:72px}.draw-history-list{max-height:560px;margin:0 0 26px;padding:0 6px;overflow-y:auto;overscroll-behavior:contain;list-style:none;scrollbar-width:none}.draw-history-list::-webkit-scrollbar{display:none}.draw-history-row{display:flex;align-items:center;gap:18px;padding:12px 6px;border-bottom:2px dashed rgb(112 65 14 / 25%)}.draw-history-row:last-of-type{border-bottom:0}.draw-history-row__img{width:94px;height:94px;object-fit:contain;flex:none}.draw-history-row__time{flex:none;margin-left:auto;color:#a97b3f;font-size:24px;line-height:36px}.draw-history-empty{padding:60px 0;color:#a97b3f;font-size:28px;text-align:center}.activity-modal__actions{display:flex;justify-content:center;align-items:center}.activity-modal__actions--dual{gap:24px;margin-top:68px}.activity-modal__actions--dual .activity-modal__cancel .button-label{font-size:36px}.activity-modal__actions--dual .activity-modal__confirm{width:222px;height:68px}.activity-modal__actions--dual .activity-modal__confirm img{width:222px;height:51px;top:6px}.activity-modal__close{position:absolute;z-index:2;right:18px;top:22px;width:58px;height:58px;padding:0;border:0;background:transparent;line-height:0}.activity-modal__close img{display:block;width:100%;height:100%;object-fit:contain}.activity-modal__confirm{position:relative;width:300px;height:96px}.activity-modal__confirm img{position:absolute;left:0;top:8px;width:300px;height:80px}.activity-modal__confirm .button-label{position:absolute;top:2px;right:0;bottom:6px;left:0;color:#fff;font-family:var(--font-display);font-size:40px;font-weight:400;--button-label-stroke: #7b4000;--button-label-stroke-width: 8px}.activity-modal__confirm .button-label__svg text{font-family:var(--font-display);font-weight:400}.activity-modal__confirm:active{transform:translateY(3px) scale(.985)}.character-confirm-modal__panel{position:relative;width:520px;height:681px;text-align:center;animation:modal-panel-enter .26s cubic-bezier(.2,.82,.28,1.16) both}.character-confirm-modal__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.character-confirm-modal__panel h2{position:absolute;z-index:2;left:82px;top:53px;width:356px;margin:0;color:#fff;font-family:var(--font-display);font-size:38px;font-weight:400;line-height:52px;letter-spacing:2px;text-shadow:-3px -3px 0 #12327d,3px -3px 0 #12327d,-3px 3px 0 #12327d,3px 3px 0 #12327d,0 5px 0 #12327d}.character-confirm-modal__close{z-index:4;right:-10px;top:38px;width:70px;height:70px;border:0;background:transparent;line-height:0}.character-confirm-modal__close img{display:block;width:100%;height:100%;object-fit:contain}.character-confirm-modal__mascot{position:absolute;z-index:2;left:125px;top:232px;width:270px;height:221px;object-fit:contain;filter:drop-shadow(0 13px 4px rgb(35 69 154 / 22%));transform-origin:50% 78%;animation:character-confirm-mascot-enter .42s cubic-bezier(.18,.85,.3,1.22) both;will-change:transform,opacity}.character-confirm-modal__confirm{position:absolute;z-index:3;left:95px;top:525px;width:330px;height:96px}.character-confirm-modal__confirm img{left:0;top:4px;width:330px;height:87px}.character-confirm-modal__confirm .button-label{top:7px;right:0;bottom:0;left:0;font-size:42px}@keyframes toast-enter{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-leave{to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes modal-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-enter{0%{opacity:0;transform:translateY(34px) scale(.9)}to{opacity:1;transform:none}}@keyframes hero-entry-top-q{0%{opacity:0;transform:translate3d(0,-24px,0) scale(.92)}66%{opacity:1;transform:translate3d(0,4px,0) scale(1.035)}84%{opacity:1;transform:translate3d(0,-1px,0) scale(.992)}to{opacity:1;transform:none}}@keyframes hero-entry-bottom-q{0%{opacity:0;transform:translate3d(0,28px,0) scale(.91)}66%{opacity:1;transform:translate3d(0,-4px,0) scale(1.04)}84%{opacity:1;transform:translate3d(0,1px,0) scale(.99)}to{opacity:1;transform:none}}@keyframes hero-entry-focal{0%{opacity:0;transform:translate3d(0,24px,0) scale(.94)}72%{opacity:1;transform:translate3d(0,-3px,0) scale(1.015)}to{opacity:1;transform:none}}@keyframes gacha-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.025)}}@keyframes gacha-capsule-motion-curve{0%{offset-distance:0%;transform:translateZ(0) rotate(0);animation-timing-function:cubic-bezier(.3,.72,.22,1)}2.358%{offset-distance:0%;transform:translate3d(-9px,2px,0) rotate(-2.4deg)}4.716%{offset-distance:0%;transform:translate3d(9px,-2px,0) rotate(2.4deg)}7.074%{offset-distance:0%;transform:translate3d(-7px,1px,0) rotate(-1.8deg)}9.768%{offset-distance:0%;transform:translate3d(7px,-1px,0) rotate(1.8deg)}12.8%{offset-distance:0%;transform:translate3d(-3px,0,0) rotate(-.8deg)}16.842%{offset-distance:0%;transform:translateZ(0) rotate(0);animation-timing-function:cubic-bezier(.36,0,.62,.825)}34.211%{offset-distance:39%;transform:translateZ(0) rotate(-5deg);animation-timing-function:cubic-bezier(.2,.15,.3,1)}42.105%{transform:translateZ(0) rotate(2deg)}51.579%{transform:translateZ(0) rotate(7deg)}62.105%{transform:translateZ(0) rotate(5deg)}71.579%{transform:translateZ(0) rotate(-4deg)}78.947%{offset-distance:100%;transform:translateZ(0) rotate(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{offset-distance:100%;transform:translateZ(0) rotate(0)}}@keyframes gacha-capsule-motion-fallback{0%{transform:translateZ(0) rotate(0)}2.358%{transform:translate3d(-9px,2px,0) rotate(-2.4deg)}4.716%{transform:translate3d(9px,-2px,0) rotate(2.4deg)}7.074%{transform:translate3d(-7px,1px,0) rotate(-1.8deg)}9.768%{transform:translate3d(7px,-1px,0) rotate(1.8deg)}12.8%{transform:translate3d(-3px,0,0) rotate(-.8deg)}16.842%{transform:translateZ(0) rotate(0);animation-timing-function:cubic-bezier(.36,0,.62,.825)}34.211%{transform:translate3d(-75px,-116px,0) rotate(-5deg);animation-timing-function:cubic-bezier(.2,.15,.3,1)}42.105%{transform:translate3d(-53px,-143px,0) rotate(2deg)}51.579%{transform:translate3d(0,-138px,0) rotate(7deg)}62.105%{transform:translate3d(68px,-88px,0) rotate(5deg)}71.579%{transform:translate3d(75px,-39px,0) rotate(-4deg)}78.947%,to{transform:translateZ(0) rotate(0)}}@keyframes gacha-capsule-scale-curve{0%{transform:scale(1)}2.358%{transform:scale(1.01)}4.716%{transform:scale(1.01)}7.074%{transform:scale(1.015)}9.768%{transform:scale(1.015)}12.8%{transform:scale(1.01)}16.842%{transform:scale(1);animation-timing-function:cubic-bezier(.42,0,.58,1)}34.211%{transform:scale(.32);animation-timing-function:cubic-bezier(.55,0,.18,1)}78.947%{transform:scale(1.18);animation-timing-function:cubic-bezier(.34,0,.2,1)}86.105%{transform:scale(.955);animation-timing-function:cubic-bezier(.16,1,.3,1)}92%{transform:scale(1.035);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{transform:scale(1)}}@keyframes gacha-capsule-outer-glow{0%,12.8%{opacity:0;transform:scale(.98)}16.842%{opacity:.46;transform:scale(1.03)}34.211%{opacity:.82;transform:scale(1.15)}55%{opacity:.92;transform:scale(1.1)}70%{opacity:1;transform:scale(1.08)}78.947%{opacity:.92;transform:scale(1.06)}90%{opacity:.48;transform:scale(1.1)}to{opacity:0;transform:scale(1.16)}}@keyframes gacha-trail-follow-curve{0%,16.842%{offset-distance:0%}34.211%{offset-distance:39%;animation-timing-function:cubic-bezier(.2,.15,.3,1)}78.947%,to{offset-distance:100%}}@keyframes gacha-trail-follow-fallback{0%,16.842%{transform:translate3d(-50%,-50%,0)}34.211%{transform:translate3d(calc(-50% - 75px),calc(-50% - 116px),0);animation-timing-function:cubic-bezier(.2,.15,.3,1)}42.105%{transform:translate3d(calc(-50% - 53px),calc(-50% - 143px),0)}51.579%{transform:translate3d(-50%,calc(-50% - 138px),0)}62.105%{transform:translate3d(calc(-50% + 68px),calc(-50% - 88px),0)}71.579%{transform:translate3d(calc(-50% + 75px),calc(-50% - 39px),0)}78.947%,to{transform:translate3d(-50%,-50%,0)}}@keyframes gacha-trail-size-transition{0%,14%{opacity:0;transform:rotate(var(--trail-rotate)) scale(.12)}18%{opacity:.58;transform:rotate(var(--trail-rotate)) scale(.36)}28%{opacity:.92;transform:rotate(calc(var(--trail-rotate) + 4deg)) scale(.64)}40%{opacity:1;transform:rotate(calc(var(--trail-rotate) + 10deg)) scale(.88)}58%{opacity:1;transform:rotate(calc(var(--trail-rotate) + 18deg)) scale(1.08)}72%{opacity:.9;transform:rotate(calc(var(--trail-rotate) + 26deg)) scale(1.24)}82%{opacity:.5;transform:rotate(calc(var(--trail-rotate) + 34deg)) scale(1.42)}92%,to{opacity:0;transform:rotate(calc(var(--trail-rotate) + 42deg)) scale(1.6)}}@keyframes gacha-screen-flash-cover{0%{opacity:0}30%{opacity:.38}46%{opacity:1}72%{opacity:.46}to{opacity:0}}@keyframes gacha-screen-flash-burst{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.42)}42%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.08)}to{opacity:.3;transform:translate3d(-50%,-50%,0) scale(1.42)}}@keyframes gacha-open-impact-enter{0%{opacity:0;transform:scale(.9)}38%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes gacha-open-bowls{0%{transform:scale(.94)}55%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes gacha-open-rear-dome{0%{opacity:.35;transform:translate(-72px,112px) rotate(-7deg) scale(.82)}to{opacity:1;transform:none}}@keyframes gacha-open-front-dome{0%{opacity:.35;transform:translate(76px,116px) rotate(7deg) scale(.82)}to{opacity:1;transform:none}}@keyframes gacha-open-foreground-burst{0%{opacity:0;transform:scale(.18)}48%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes gacha-reveal-halo-lifecycle{0%{opacity:.88;transform:scale(.5)}46%{opacity:1;transform:scale(1)}76%{opacity:.94;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes gacha-reveal-halo-orb{0%{opacity:1;transform:scale(.84)}46%{opacity:.94;transform:scale(1)}76%{opacity:.72;transform:scale(.94)}to{opacity:0;transform:scale(1.18)}}@keyframes gacha-reveal-halo-highlight{0%{opacity:1;transform:scale(.72)}36%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.55)}}@keyframes gacha-reveal-halo-rim-flash{0%{opacity:1;transform:scale(.96)}28%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.12)}}@keyframes gacha-reveal-halo-outer-ring{0%{opacity:.9;transform:rotate(-12deg) scale(1)}46%{opacity:1;transform:rotate(5deg) scale(1)}76%{opacity:.9;transform:rotate(12deg) scale(1)}to{opacity:0;transform:rotate(24deg) scale(1.05)}}@keyframes gacha-reveal-halo-inner-ring{0%{opacity:1;transform:rotate(10deg) scale(1)}46%{opacity:1;transform:rotate(-4deg) scale(1)}76%{opacity:.96;transform:rotate(-10deg) scale(1)}to{opacity:0;transform:rotate(-20deg) scale(1.04)}}@keyframes gacha-reveal-halo-ray{0%{opacity:.94;transform:rotate(var(--ray-angle)) translate(22px) scaleX(.82) scaleY(.86)}28%{opacity:1;transform:rotate(var(--ray-angle)) translate(42px) scaleX(1.08) scaleY(1)}58%{opacity:.84;transform:rotate(var(--ray-angle)) translate(72px) scaleX(.72) scaleY(.78)}to{opacity:0;transform:rotate(var(--ray-angle)) translate(104px) scaleX(.34) scaleY(.45)}}@keyframes gacha-reveal-halo-spark{0%{opacity:0;transform:translate3d(-50%,-50%,0) rotate(-18deg) scale(.08)}24%{opacity:1;transform:translate3d(-50%,-50%,0) rotate(8deg) scale(1.3)}46%{opacity:.96;transform:translate3d(-50%,-50%,0) rotate(22deg) scale(.82)}74%{opacity:.7;transform:translate3d(-50%,-50%,0) rotate(38deg) scale(1.08)}to{opacity:0;transform:translate3d(-50%,-50%,0) rotate(58deg) scale(.18)}}@keyframes gacha-card-flip-sequence{0%{opacity:0;transform:translate3d(var(--burst-x),var(--burst-y),0) rotateY(90deg) rotate(var(--burst-angle)) scale(.72)}20%{opacity:1;transform:translate3d(0,-22px,0) rotateY(90deg) rotate(0) scale(.86)}58%{opacity:1;transform:translate3d(0,-10px,0) rotateY(-12deg) rotate(0) scale(1.04)}80%{opacity:1;transform:translate3d(0,3px,0) rotateY(4deg) rotate(0) scale(.99)}to{opacity:1;transform:none}}@keyframes gacha-confetti-loop-fall{0%{opacity:0;transform:translate3d(0,-220px,0) rotate(var(--confetti-start-rotate)) scale(.72)}9%{opacity:var(--confetti-opacity)}34%{opacity:var(--confetti-opacity);transform:translate3d(calc(var(--confetti-drift-x) * .38),410px,0) rotate(calc(var(--confetti-start-rotate) + 112deg)) scale(.92)}68%{opacity:var(--confetti-opacity);transform:translate3d(calc(var(--confetti-drift-x) * -.2),930px,0) rotate(calc(var(--confetti-start-rotate) + 238deg)) scale(1.04)}86%{opacity:.46}to{opacity:0;transform:translate3d(var(--confetti-drift-x),1510px,0) rotate(var(--confetti-end-rotate)) scale(1.12)}}@keyframes module-pattern-scroll-diagonal{0%{background-position:0 0,0 0}to{background-position:1056px 0,1056px 0}}@keyframes gacha-background-glow-breathe{0%,to{opacity:.24;transform:scale(.92)}50%{opacity:.62;transform:scale(1.06)}}@keyframes character-confirm-mascot-enter{0%{opacity:0;transform:scale(.24)}62%{opacity:1;transform:scale(1.08)}82%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.login-container[data-v-6fe3d89a]{height:500px;width:375px;background:#fff;padding:0;box-sizing:content-box;display:flex;justify-content:center;align-items:center;position:relative;border-radius:.2rem}.login-container .close[data-v-6fe3d89a]{position:absolute;top:.16rem;right:.16rem;z-index:999;width:.56rem;height:.56rem;padding:0;border:none;cursor:pointer;border-radius:50%;background:rgba(0,0,0,.06);transition:background .2s ease,transform .15s ease}.login-container .close[data-v-6fe3d89a]:before,.login-container .close[data-v-6fe3d89a]:after{content:"";position:absolute;left:50%;top:50%;width:.26rem;height:.04rem;margin-left:-.13rem;margin-top:-.02rem;background:rgba(51,51,51,.72);border-radius:.02rem}.login-container .close[data-v-6fe3d89a]:before{transform:rotate(45deg)}.login-container .close[data-v-6fe3d89a]:after{transform:rotate(-45deg)}.login-container .close[data-v-6fe3d89a]:hover{background:rgba(0,0,0,.1)}.login-container .close[data-v-6fe3d89a]:hover:before,.login-container .close[data-v-6fe3d89a]:hover:after{background:rgba(31,31,31,.88)}.login-container .close[data-v-6fe3d89a]:active{transform:scale(.92)}.wrap-iframe[data-v-6fe3d89a]{display:block;border:0;width:360px;height:506px;transform-origin:center center;touch-action:pan-y}.dialog-overlay[data-v-95ed5ac2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.ms{margin-inline-start:1rem}.block{display:block}.h2{height:.5rem}.flex{display:flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.b,.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}[line-height~="25"]{line-height:6.25rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}