.cast-character .top-character{transform-origin:50% 87%;animation:card-idle 8s ease-in-out infinite;animation-delay:calc(var(--rank)*-.61s)}.cast-character .rank-character-1{opacity:.83;animation-name:shy-idle;animation-duration:10s}.cast-character .rank-character-10{animation-name:royal-idle;filter:drop-shadow(0 2px 7px #f1d67b18)}.cast-character:hover .top-character,.cast-character:focus-visible .top-character{animation:card-greet .65s ease both}.cast-character[data-rank="1"]:hover .top-character{animation:shy-greet .6s ease both}.cast-character[data-rank="10"]:hover .top-character{animation:royal-greet .7s cubic-bezier(.2,.6,.25,1) both}.char-face{transform-origin:100px 89px;animation:face-blink 9s linear infinite;animation-delay:calc(var(--rank)*-.77s)}.char-brows{opacity:.9}.char-right-hand{transform-origin:151px 119px}.char-left-hand{transform-origin:49px 119px}.cast-hero-main .char-right-hand{animation:hand-tease 10s ease-in-out infinite}.cast-hero-back{animation:buddy-nudge 10s ease-in-out infinite}.cast-hero-mini{animation:shy-flinch 10s ease-in-out infinite}.cast-hero-mini .top-character{opacity:.8}.cast-hero-main{animation:royal-hover 10s ease-in-out infinite}.cast-hero-main .top-character{filter:drop-shadow(0 0 11px #f1d67b13)}.cast-hero .bonk-star{position:absolute;right:25%;top:30%;z-index:6;color:#f1d67b;font:30px monospace;opacity:0;pointer-events:none;animation:bonk-pop 10s ease-in-out infinite}.cast-hero .arena-bottom{align-items:center;gap:8px}.cast-hero .arena-bottom .icon-btn{padding:6px 9px;font-size:9px;white-space:nowrap}.cast-hero .arena-bottom .cast-intro{background:none;border:0;color:#6f7c96;font-size:9px;padding:3px 0;text-align:right}.cast-hero.is-bumping .cast-hero-main{animation:manual-bonk .8s ease both}.cast-hero.is-bumping .cast-hero-back{animation:manual-recoil .8s ease both}.cast-hero.is-bumping .cast-hero-main .char-right-hand{animation:manual-hand .8s ease both}.cast-hero.is-bumping .cast-hero-mini{animation:manual-flinch .8s ease both}.cast-hero.is-bumping .bonk-star{animation:manual-star .8s ease both}.cast-character{position:relative}.cast-character[data-rank="10"]{border-color:#f1d67b65;background:linear-gradient(135deg,#f1d67b15,#171b28)}.cast-character[data-rank="10"]:after{content:'الأقوى';position:absolute;left:13px;top:44px;background:#f1d67b;color:#2b2636;border-radius:4px;font-size:8px;padding:3px 6px;transform:rotate(-7deg)}.cast-energy{border-top:1px solid #ffffff0c;margin-top:9px;padding-top:12px;display:flex;align-items:center;gap:7px}.cast-energy .energy-bars{display:flex;gap:2px;direction:ltr;flex:1;align-items:end;height:13px}.energy-bars i{flex:1;height:calc(4px + var(--bar)*.85px);border-radius:1px;background:#ffffff0b}.energy-bars i.lit{background:var(--cast-color)}.cast-energy>small{font:8px monospace;color:var(--cast-color);white-space:nowrap}.cast-mood{display:block;color:var(--cast-color);font-size:8px;margin-top:8px;opacity:.8}.strength-legend{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0 0;font-size:10px;color:#73819b}.strength-legend span{display:flex;align-items:center;gap:8px}.strength-legend .power-low{color:#858aa8}.strength-legend .power-max{color:#e0c878}.strength-legend .power-line{height:3px;border-radius:10px;flex:1;background:linear-gradient(90deg,#f1d67b,#d5f88d,#b6a4f7,#aaabca);max-width:230px}.character-motion-preview{margin-top:12px;background:#f1d67b0b;border-color:#f1d67b40;color:#ead68e}.cast-dialog-portrait .top-character{animation:card-greet .7s ease both}.cast-dialog-portrait .rank-character-10{animation:royal-greet .8s ease both}.demo-effect-hint{display:block;color:#6d7a93;font-size:9px;margin-top:9px;max-width:430px}.rank-hit-effect{position:fixed;inset:0;z-index:45;pointer-events:none;display:grid;place-items:center;overflow:hidden}.rank-hit-box{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;isolation:isolate;max-width:92vw;direction:rtl;animation:hit-enter .35s cubic-bezier(.15,.8,.3,1.3) both;filter:drop-shadow(0 15px 35px #0006)}.rank-hit-box:before{content:'';position:absolute;inset:0;border:1px solid #b6a4f740;border-radius:20px;background:linear-gradient(135deg,#24273af7,#171d2bf7);z-index:-1;box-shadow:0 12px 65px #0004}.hit-character{width:135px;height:165px;position:relative;z-index:2;margin-right:5px;animation:hit-char-bounce .7s ease both}.hit-message{display:flex;flex-direction:column;gap:5px;min-width:155px;padding:19px 8px 21px 25px;text-align:right;z-index:2}.hit-message>span{font-size:10px;line-height:1.7;color:#9da4bc;max-width:190px;overflow-wrap:anywhere}.hit-message strong{display:flex;align-items:baseline;gap:10px;color:var(--purple);font:700 59px/1.1 monospace}.hit-message strong small{font:11px Thmanyah;color:#9ba1b8}.hit-message>b{font-size:17px;color:#ebe7f4;font-weight:700}.hit-message>small{font-size:8px;color:#7b859c}.hit-orbit{position:absolute;width:170px;height:170px;border:2px solid #b6a4f72a;border-radius:50%;z-index:-2;animation:hit-ring .9s ease-out both}.hit-piece{position:absolute;top:50%;left:50%;width:5px;height:11px;background:var(--piece-color);border-radius:1px;z-index:3;animation:piece-pop .95s ease-out var(--delay) both;transform-origin:center}.hit-star{position:absolute;color:#f1d67b;font-size:40px;animation:hit-star .8s ease-out both}.star-a{top:-24px;right:10px;rotate:15deg}.star-b{bottom:-19px;left:8px;font-size:28px;animation-delay:.12s}.hit-max .rank-hit-box:before{background:linear-gradient(135deg,#322d37fa,#242336fa);border-color:#f1d67b88;box-shadow:0 0 0 6px #f1d67b07,0 15px 70px #0006}.hit-max .hit-message strong{color:#f1d67b;font-size:74px}.hit-max .hit-message>b{color:#f5e6b4;font-size:19px}.hit-max .hit-character{width:160px;height:200px;margin-top:-25px;animation:royal-hit .85s cubic-bezier(.1,.7,.3,1.2) both}.hit-max .hit-orbit{width:270px;height:270px;border-color:#f1d67b50}.hit-high .hit-message strong{color:var(--lime);font-size:66px}.hit-high .rank-hit-box:before{border-color:#d5f88d60}.hit-high .hit-character{animation:royal-hit .75s ease both}.hit-low{place-items:end end;padding:28px}.hit-low .rank-hit-box{gap:1px;animation:soft-hit .3s ease both;filter:drop-shadow(0 8px 20px #0003)}.hit-low .rank-hit-box:before{border-color:#a0a2bc3f;border-radius:12px;background:#202537f7}.hit-low .hit-character{width:79px;height:104px;animation:shy-greet .55s ease both}.hit-low .hit-message{min-width:145px;padding:16px 8px 16px 20px;gap:4px}.hit-low .hit-message strong{font-size:33px;color:#b2b6cc}.hit-low .hit-message>b{font-size:12px;color:#b5bbcd}.hit-low .hit-message>span{font-size:9px;max-width:160px}.hit-low .hit-orbit{display:none}.hit-low .hit-message>small{font-size:7px}.hit-focus{animation:rank-hit-card .65s ease-out both!important}.jackpot.hit-focus{box-shadow:0 0 0 2px #f1d67b60,0 0 32px #f1d67b19!important}.team-score.score-hit>strong{animation:score-count-pop .6s ease both}.rank-card.hit .rank-character-10{filter:drop-shadow(0 0 4px #f1d67b3f)}
@keyframes card-idle{0%,8%,21%,100%{transform:translateY(0) rotate(0)}12%{transform:translateY(-4px) rotate(-2deg)}16%{transform:translateY(0) rotate(1.5deg)}}@keyframes shy-idle{0%,78%,100%{transform:translateY(3px) rotate(-3deg) scale(.94)}82%{transform:translateY(4px) rotate(-5deg) scale(.93)}86%{transform:translateY(3px) rotate(-2deg) scale(.94)}}@keyframes royal-idle{0%,60%,100%{transform:translateY(0) rotate(0)}66%{transform:translateY(-7px) rotate(-2deg)}71%{transform:translateY(0) rotate(1deg)}76%{transform:translateY(-3px)}}@keyframes card-greet{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-4deg)}70%{transform:translateY(-1px) rotate(3deg)}}@keyframes shy-greet{0%,100%{transform:translateY(2px) rotate(-3deg) scale(.94)}40%{transform:translateY(5px) rotate(-6deg) scale(.91)}70%{transform:translateY(1px) rotate(-2deg) scale(.94)}}@keyframes royal-greet{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-13px) rotate(-4deg) scale(1.03)}65%{transform:translateY(1px) rotate(2deg) scale(1.01)}}@keyframes face-blink{0%,41%,43%,100%{transform:scaleY(1)}42%{transform:scaleY(.1)}}@keyframes royal-hover{0%,39%,60%,100%{transform:rotate(-9deg) translateY(0)}43%{transform:rotate(-5deg) translate(12px,-4px)}46%{transform:rotate(-7deg) translate(17px,-2px)}51%{transform:rotate(-10deg) translate(-2px,1px)}70%{transform:rotate(-7deg) translateY(-6px)}}@keyframes hand-tease{0%,39%,57%,100%{transform:rotate(0)}44%,48%{transform:rotate(-22deg)}52%{transform:rotate(4deg)}}@keyframes buddy-nudge{0%,44%,60%,100%{transform:rotate(14deg)}48%{transform:translate(7px,-3px) rotate(19deg)}53%{transform:translate(2px,0) rotate(11deg)}}@keyframes shy-flinch{0%,45%,61%,100%{transform:rotate(-5deg)}49%{transform:translate(1px,4px) rotate(-9deg) scale(.97)}54%{transform:translateY(0) rotate(-3deg)}}@keyframes bonk-pop{0%,44%,55%,100%{opacity:0;transform:scale(.4) rotate(-10deg)}48%{opacity:.7;transform:scale(1) rotate(8deg)}52%{opacity:0;transform:scale(1.3) rotate(20deg)}}@keyframes manual-bonk{0%,100%{transform:rotate(-9deg)}35%{transform:translate(18px,-3px) rotate(-4deg)}55%{transform:translate(8px,0) rotate(-7deg)}75%{transform:translate(-2px,0) rotate(-10deg)}}@keyframes manual-recoil{0%,30%,100%{transform:rotate(14deg)}48%{transform:translate(10px,-4px) rotate(21deg)}72%{transform:translate(0,1px) rotate(11deg)}}@keyframes manual-hand{0%,100%{transform:rotate(0)}35%,50%{transform:rotate(-24deg)}70%{transform:rotate(3deg)}}@keyframes manual-flinch{0%,35%,100%{transform:rotate(-5deg)}50%{transform:translateY(5px) rotate(-10deg) scale(.97)}75%{transform:rotate(-3deg)}}@keyframes manual-star{0%,30%,80%,100%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1) rotate(12deg)}65%{opacity:0;transform:scale(1.5) rotate(30deg)}}@keyframes hit-enter{from{opacity:0;transform:translateY(15px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-hit{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes hit-char-bounce{0%{transform:translateY(9px) rotate(-5deg) scale(.9)}45%{transform:translateY(-10px) rotate(4deg) scale(1.02)}75%{transform:translateY(2px) rotate(-2deg)}100%{transform:translateY(0)}}@keyframes royal-hit{0%{transform:translateY(18px) scale(.85) rotate(-10deg)}40%{transform:translateY(-20px) scale(1.05) rotate(4deg)}65%{transform:translateY(2px) scale(1.02) rotate(-3deg)}100%{transform:translateY(0)}}@keyframes hit-ring{from{opacity:.65;transform:scale(.55)}to{opacity:0;transform:scale(1.65)}}@keyframes piece-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(0) scale(.6)}15%{opacity:1}85%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateY(var(--distance)) rotate(130deg) scale(.7)}}@keyframes hit-star{0%{opacity:0;transform:scale(.2) rotate(-25deg)}55%{opacity:1;transform:scale(1.15) rotate(5deg)}100%{opacity:.8;transform:scale(1)}}@keyframes rank-hit-card{0%,100%{transform:scale(1)}40%{transform:scale(var(--hit-power,1.025))}}@keyframes score-count-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.14);color:#f1d67b}}
@media(max-width:740px){.cast-energy{gap:6px;padding-top:10px}.energy-bars{gap:2px}.cast-mood{font-size:8px}.strength-legend{font-size:8px;gap:10px;line-height:1.8}.strength-legend .power-line{max-width:100px;min-width:30px}.cast-hero .arena-bottom .icon-btn{font-size:8px;padding-inline:8px}.cast-hero .arena-bottom .cast-intro{font-size:8px;max-width:115px;line-height:1.8}.cast-hero .bonk-star{font-size:23px;right:28%;top:32%}.rank-hit-box{gap:3px;max-width:90vw}.hit-character{width:112px;height:143px;margin-right:1px}.hit-message{min-width:145px;padding:17px 5px 17px 19px}.hit-message strong{font-size:48px}.hit-message>b{font-size:15px}.hit-message>span{font-size:9px;max-width:150px}.hit-message>small{font-size:7px}.hit-max .hit-character{width:135px;height:172px;margin-top:-17px}.hit-max .hit-message strong{font-size:61px}.hit-max .hit-message>b{font-size:16px}.hit-max .rank-hit-box{max-width:92vw}.hit-max .hit-orbit{width:200px;height:200px}.hit-low{padding:17px}.hit-low .hit-character{width:64px;height:83px}.hit-low .hit-message{min-width:130px;padding:13px 4px 13px 15px}.hit-low .hit-message strong{font-size:28px}.hit-low .hit-message>b{font-size:11px}.hit-low .hit-message>span{max-width:140px;font-size:8px}.demo-effect-hint{font-size:8px}}@media(prefers-reduced-motion:reduce){.top-character,.char-face,.char-left-hand,.char-right-hand,.cast-hero-main,.cast-hero-back,.cast-hero-mini,.cast-hero .bonk-star,.rank-hit-box,.hit-character,.hit-piece,.hit-star,.hit-orbit,.hit-focus,.score-hit>strong{animation:none!important;transition:none!important}.hit-piece,.hit-orbit,.bonk-star{display:none!important}.rank-hit-effect .hit-character{transform:none}.cast-character .rank-character-1{opacity:.83}}