@font-face{font-family:Rubik;src:url(/assets/Rubik-Ck5Bp0l0.ttf)format("truetype");font-style:normal;font-weight:300 900;font-display:swap}:root{color:#382335;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#ffdbc0;font-family:Rubik,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app,main{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.arena{isolation:isolate;background:#ffdbc0 var(--arena-bg) center / cover no-repeat;width:100%;height:100dvh;min-height:280px;position:relative;overflow:hidden}.canvas-host{z-index:1;position:absolute;inset:0 0 100px}.canvas-host canvas{width:100%;height:100%;display:block}.fighter-hud{z-index:2;pointer-events:none;align-items:center;gap:7px;width:164px;min-height:40px;transition:opacity .18s;display:flex;position:absolute;transform:translate(-50%)}.fighter-hud[data-defeated=true]{opacity:.42}.health-badge{flex:1;min-width:0;position:relative}.heart-icon{z-index:3;object-fit:contain;filter:drop-shadow(0 2px 1px #a2544b32);width:43px;height:43px;position:absolute;top:-5px;left:-8px}.health-track{background:#b96870;border:3px solid #fff1d9;border-radius:24px;height:34px;position:relative;overflow:hidden;box-shadow:0 2px #ddb697,0 4px 7px #85504526,inset 0 2px 4px #80364066}.health-fill{background:linear-gradient(#ff9990 0%,#ff626d 25%,#ee455c 75%,#d83750 100%);border-radius:20px;width:100%;height:100%;transition:width .18s cubic-bezier(.22,.7,.25,1);box-shadow:inset 0 2px 2px #ffe3c9aa,inset 0 -2px 2px #b8334259}.health-value{color:#fff5df;font-variant-numeric:tabular-nums;text-shadow:0 2px #ab334361,0 0 1px #af4f48;place-items:center;font-size:21px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0 4px 0 25px}.attack-stat{background:linear-gradient(#fff1a5 0%,#ffe268 28%,#ffd02d 76%,#efb814 100%);border:3px solid #fff1d9;border-radius:24px;flex:0 0 51px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:0;width:51px;height:34px;padding:0 2px;display:grid;box-shadow:0 2px #ddb697,0 4px 7px #85504526,inset 0 2px 2px #fffbd4}.attack-stat img{object-fit:contain;width:18px;height:19px}.attack-value{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;color:#512246;text-shadow:0 1px #f6d68a;min-width:0;font-size:21px;font-weight:900;line-height:1}.attack-stat[data-digits="2"] .attack-value{font-size:16px}.attack-stat[data-digits="3"] .attack-value{font-size:11px}.fighter-hud.is-active .health-track{box-shadow:0 2px #ddb697,0 0 9px #fff9cf,inset 0 2px 4px #80364066}.controls{bottom:max(25px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.start-button{pointer-events:auto;color:#fff;cursor:pointer;background:#c9365c;border:2px solid #fff3eb;border-bottom:5px solid #9f2544;border-radius:20px;min-width:220px;min-height:58px;padding:14px 34px;font-size:19px;font-weight:850;box-shadow:0 7px 20px #86513536}.start-button:disabled{cursor:default;color:#72515d;background:#e5c3b3;border-bottom-color:#bb9686}.arena-loading{z-index:5;color:#705760;background:#fff8efee;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.battle-result,.load-error{z-index:5;top:max(28px, env(safe-area-inset-top));text-align:center;background:#fff5e9ee;border:2px solid #fffaf2;border-radius:20px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:17px 25px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #80504722}.battle-result h2{margin:0;font-size:clamp(20px,2vw,30px);font-weight:850}.load-error{z-index:20;color:#9d2744;font-size:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=699px){.arena{background-image:linear-gradient(to bottom, transparent 15%, #ffdbc0 39%), var(--arena-bg);background-position:top;background-repeat:no-repeat;background-size:100% 100%,100%}.canvas-host{bottom:96px}.fighter-hud{gap:6px;width:144px}.health-track,.attack-stat{height:32px}.heart-icon{width:40px;height:40px;top:-4px;left:-7px}.attack-stat{flex-basis:44px;grid-template-columns:15px minmax(0,1fr);width:44px}.attack-stat img{width:15px;height:17px}.health-value,.attack-value{font-size:19px}.attack-stat[data-digits="2"] .attack-value{font-size:14px}.attack-stat[data-digits="3"] .attack-value{font-size:10px}.controls{bottom:max(22px, env(safe-area-inset-bottom))}.start-button{min-width:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.battle-result{animation:.18s cubic-bezier(.15,.8,.3,1) result-arrive}@keyframes result-arrive{0%{opacity:0;translate:0 -6px;scale:.94}to{opacity:1;translate:0;scale:1}}.sound-toggle{z-index:30;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff8ef;cursor:pointer;background:#ae4664;border:2px solid #fff4e8;border-radius:50%;width:42px;height:42px;font-size:24px;position:absolute}.account-toggle{z-index:30;top:max(12px, env(safe-area-inset-top));right:max(64px, calc(env(safe-area-inset-right) + 52px));color:#fff8ef;background:#ae4664;border:2px solid #fff4e8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute}button:focus,a:focus{outline:none}:root[data-input-modality=keyboard] button:focus-visible,:root[data-input-modality=keyboard] a:focus-visible{outline-offset:2px;outline:2px solid #147d83}.start-button,.sound-toggle,.account-toggle,.collection-toggle{transition:background-color .14s,border-color .14s,filter .14s}.start-button:active:not(:disabled){background:#a92448}.sound-toggle{place-items:center;display:grid}.sound-toggle svg,.account-toggle svg,.collection-toggle svg{width:21px;height:21px}@media (hover:hover){.start-button:hover:not(:disabled){background:#b82b50}.sound-toggle:hover,.account-toggle:hover,.collection-toggle:hover{background:#c25672}}.sound-toggle:active,.account-toggle:active,.collection-toggle:active{background:#8f3553}@media (prefers-reduced-motion:reduce){.start-button,.sound-toggle,.account-toggle,.collection-toggle{transition:none}}.collection-toggle{z-index:30;top:max(12px, env(safe-area-inset-top));right:max(116px, calc(env(safe-area-inset-right) + 104px));color:#fff8ef;background:#ae4664;border:2px solid #fff4e8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute}.main-menu{z-index:10;padding:max(65px, env(safe-area-inset-top)) 20px 120px;background:#ffdbc0 var(--arena-bg) center / cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-hero{flex:1;place-items:center;width:100%;min-height:0;display:grid}.menu-hero img{object-fit:contain;width:min(72vw,52vh,460px);max-height:100%;animation:2.8s ease-in-out infinite hero-idle}.menu-hero p{color:#573b4b;text-align:center;margin:0;font-size:18px;font-weight:700}.choose-hero,.menu-login,.menu-return{color:#8a4761;cursor:pointer;background:#fff9ed;border:2px solid #fff1d6;border-radius:16px;padding:10px 18px;font-weight:750;text-decoration:none;transition:background-color .14s,color .14s}.menu-return{margin-top:14px}@media (hover:hover){.choose-hero:hover,.menu-login:hover,.menu-return:hover{background:#ffe8db}}.choose-hero:active,.menu-login:active,.menu-return:active{background:#f7d7cc}.hero-picker{color:#573b4b;background:#fff9ed;border:5px solid #fff1d6;border-radius:26px;width:min(520px,100% - 32px);max-height:min(75dvh,640px);padding:20px;overflow:auto}.hero-picker::backdrop{background:#4f344c77}.picker-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker-header h2{margin:0;font-size:20px}.picker-header button{color:#8a4761;cursor:pointer;background:#f9e6dd;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:25px;display:grid}.hero-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px;display:grid}.hero-option{color:#573b4b;cursor:pointer;background:#fffdf6;border:2px solid #f3d4c5;border-radius:18px;justify-items:center;gap:4px;padding:8px;font-weight:750;transition:background-color .14s,border-color .14s;display:grid}.hero-option[aria-pressed=true]{background:#fff0e7;border-color:#c76b7d}.hero-option img{object-fit:contain;width:100%;height:115px}@media (hover:hover){.hero-option:hover{background:#ffecdf;border-color:#dfaa9f}}.hero-option:active{background:#fbdacd}@keyframes hero-idle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes picker-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.menu-hero img,.hero-picker[open]{animation:none}.choose-hero,.menu-login,.menu-return,.hero-option{transition:none}}.menu-hero{justify-content:center;align-items:flex-end;padding-bottom:clamp(30px,10vh,95px);display:flex;position:relative}.menu-hero:before{content:"";filter:blur(5px);background:#80504735;border-radius:50%;width:min(34vw,170px);height:18px;position:absolute;bottom:clamp(30px,10vh,95px)}.menu-hero:has(.menu-team[hidden]){align-items:center;padding-bottom:0}.menu-hero:has(.menu-team[hidden]):before{display:none}.menu-hero img{transform-origin:50% 91%;position:relative}.menu-team{justify-content:center;align-items:flex-end;gap:clamp(0px,1vw,12px);width:100%;max-height:100%;display:flex;position:relative}.menu-team img{width:min(28vw,33vh,250px);min-width:0}@media (aspect-ratio>=21/10) and (width>=1200px){.menu-team img{width:min(24vw,42vh,420px)}.menu-team[data-count="1"] img{width:min(30vw,52vh,520px)}}.confirm-team{min-width:150px;min-height:48px;margin:18px auto 0;display:block}.hero-option:disabled{opacity:.45;cursor:default}.team-count{color:#8a4761;white-space:nowrap;margin-left:auto;font-size:14px;font-weight:700}.hero-option{position:relative}.hero-check{color:#fff;opacity:0;background:#c76b7d;border-radius:50%;place-items:center;width:24px;height:24px;transition:opacity .14s;display:grid;position:absolute;top:8px;right:8px}.hero-check svg{width:15px;height:15px}.hero-option[aria-pressed=true] .hero-check{opacity:1}@media (prefers-reduced-motion:reduce){.hero-check{transition:none}}@media (width>=1400px) and (height>=1100px){.start-button{min-width:275px;min-height:70px;font-size:23px}.choose-hero,.menu-login,.menu-return{padding:13px 22px;font-size:19px}.sound-toggle,.account-toggle,.collection-toggle{width:52px;height:52px}.account-toggle{right:max(76px, calc(env(safe-area-inset-right) + 64px))}.collection-toggle{right:max(140px, calc(env(safe-area-inset-right) + 128px))}.hero-picker{width:min(650px,100% - 32px);max-height:min(75dvh,800px);font-size:19px}.hero-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hero-option img{height:150px}}.main-menu{padding:max(65px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.menu-hero{padding-bottom:clamp(12px,4vh,48px)}.menu-hero:before{bottom:clamp(12px,4vh,48px)}.menu-actions{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:min(100%,800px);display:flex;position:relative}.menu-actions .controls{pointer-events:auto;position:static}.menu-actions .choose-hero,.menu-actions .menu-login{justify-content:center;align-items:center;gap:8px;min-height:52px;display:inline-flex}.menu-actions svg{flex:none;width:22px;height:22px}.menu-actions .start-button{color:#653044;background:linear-gradient(#ffdc75,#ffb62e);border-color:#fff2c3 #fff2c3 #ce7a2a;justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 4px #b86d2c,0 6px 12px #86513524}.menu-actions .start-button:disabled{color:#72515d;box-shadow:none;background:#e5c3b3;border-bottom-color:#bb9686}@media (hover:hover){.menu-actions .start-button:hover:not(:disabled){background:#ffc34d}}.menu-actions .start-button:active:not(:disabled){background:#efa72f}@media (width<=600px) and (orientation:portrait){.menu-actions{flex-direction:column;gap:12px}.menu-actions .start-button{min-width:min(76vw,300px)}}@media (height<=500px) and (orientation:landscape){.main-menu{padding-top:45px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.menu-hero{padding-bottom:5px}.menu-hero:before{bottom:5px}.menu-actions{gap:8px}.menu-actions .choose-hero{min-height:42px;padding:6px 12px}.menu-actions .start-button{min-height:44px;padding:7px 20px}}.menu-logo{top:max(12px, env(safe-area-inset-top));pointer-events:none;width:min(24vw,30vh,310px);height:auto;position:absolute;left:50%;translate:-50%}@media (width<=600px) and (orientation:portrait){.menu-logo{top:max(54px, calc(env(safe-area-inset-top) + 48px));width:min(52vw,260px)}}@media (height<=500px) and (orientation:landscape){.menu-logo{top:10px;left:max(12px, env(safe-area-inset-left));width:min(20vw,110px);translate:none}}@media (width<=600px) and (orientation:portrait){.menu-team[data-count="2"] img{width:min(42vw,32vh,200px)}.menu-team[data-count="3"] img{width:min(32vw,28vh,160px)}}.menu-actions{gap:clamp(10px,1.5vh,24px);width:min(100%,1400px)}.menu-collection{color:#8a4761;background:#fff9ed;border:3px solid #fff1d6;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:clamp(52px,7vh,86px);padding:10px clamp(18px,2vw,32px);font-weight:750;text-decoration:none;transition:background-color .14s,color .14s;display:inline-flex}.menu-actions .choose-hero{border-width:3px;border-radius:20px;min-height:clamp(52px,7vh,86px);padding:10px clamp(18px,2vw,32px)}.menu-actions .choose-hero,.menu-collection{font-size:clamp(16px,1.8vh,25px)}.menu-actions .start-button{border-width:4px 4px 6px;border-radius:clamp(20px,3vh,36px);min-width:clamp(250px,28vh,450px);min-height:clamp(64px,8vh,120px);padding:12px 28px;font-size:clamp(20px,2.5vh,36px)}.menu-actions svg{width:clamp(22px,2.6vh,34px);height:clamp(22px,2.6vh,34px)}@media (hover:hover){.menu-collection:hover{background:#ffe8db}}.menu-collection:active{background:#f7d7cc}@media (width<=600px) and (orientation:portrait){.menu-actions{gap:10px}.menu-actions .start-button{min-width:min(82vw,340px)}.menu-collection{min-height:44px}.menu-team[data-count="2"] img{width:min(45vw,34vh,230px)}.menu-team[data-count="3"] img{width:min(32vw,29vh,180px)}.menu-logo{width:min(58vw,290px)}}@media (height<=500px) and (orientation:landscape){.menu-actions .choose-hero,.menu-collection{min-height:42px;padding:6px 12px;font-size:15px}.menu-actions .start-button{min-width:200px;min-height:46px;padding:7px 20px;font-size:18px}.menu-logo{width:min(20vw,120px)}}@media (prefers-reduced-motion:reduce){.menu-collection{transition:none}}.menu-battle-icon{object-fit:contain;flex:none;width:clamp(34px,4vh,56px);height:clamp(34px,4vh,56px)}@media (height<=500px) and (orientation:landscape){.menu-battle-icon{width:30px;height:30px}}.menu-team{isolation:isolate;gap:0}.menu-team img+img{margin-left:clamp(-100px,-6vw,-26px)}.menu-team img:nth-child(2){z-index:1}.menu-hero:before{display:none}.menu-actions .choose-hero,.menu-actions .menu-collection,.menu-actions .menu-login{box-shadow:none;color:#63283f;background:url(/assets/menu-button-D0W1PmBs.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;min-height:clamp(62px,8vh,110px);padding:12px clamp(24px,3vw,45px);font-weight:850}.menu-actions .start-button{box-shadow:none;color:#59253b;background:url(/assets/battle-button-CCMFlrf9.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;min-width:clamp(270px,31vh,480px);min-height:clamp(82px,10vh,150px);padding:14px 40px 20px;font-weight:900}.menu-actions .start-button:disabled{opacity:.55;box-shadow:none;background:url(/assets/battle-button-CCMFlrf9.webp) 50%/100% 100% no-repeat}@media (hover:hover){.menu-actions .start-button:hover:not(:disabled),.menu-actions .choose-hero:hover,.menu-actions .menu-collection:hover,.menu-actions .menu-login:hover{filter:brightness(1.06);background-color:#0000}}.menu-actions .start-button:active:not(:disabled),.menu-actions .choose-hero:active,.menu-actions .menu-collection:active{filter:brightness(.94);background-color:#0000}.sound-toggle,.account-toggle{color:#8a4761;background:#fff4e4;border-color:#fbe8d0;box-shadow:0 3px #bf8874}@media (hover:hover){.sound-toggle:hover,.account-toggle:hover{background:#ffe8d8}}.sound-toggle:active,.account-toggle:active{background:#f7d7ca}@media (width<=600px) and (orientation:portrait){.main-menu{padding-bottom:max(5vh, env(safe-area-inset-bottom));background-image:url(/assets/candy-garden-portrait-B_7R7e1w.webp)}.menu-team img+img{margin-left:-8vw}.menu-team[data-count="3"] img{width:min(37vw,32vh,200px)}.menu-actions{gap:0}.menu-actions .choose-hero,.menu-actions .menu-collection{min-height:62px}.menu-actions .start-button{min-width:min(88vw,370px);min-height:94px}}@media (height<=500px) and (orientation:landscape){.menu-team img+img{margin-left:-5vw}.menu-actions .choose-hero,.menu-actions .menu-collection{min-height:52px;padding:8px 22px}.menu-actions .start-button{min-height:58px;padding:9px 28px 14px}}.menu-logo{width:min(28vw,48vh,470px)}.menu-actions .start-button{font-size:clamp(24px,3.2vh,42px)}.menu-battle-icon{width:clamp(42px,5vh,70px);height:clamp(42px,5vh,70px)}@media (width<=600px) and (orientation:portrait){.main-menu{padding-bottom:max(12vh, env(safe-area-inset-bottom))}.menu-team{width:min(100vw - 16px,520px)}.menu-team img+img{margin-left:-15vw}.menu-team[data-count="3"] img{width:min(42vw,36vh,220px)}.menu-logo{width:min(58vw,290px)}}@media (height<=500px) and (orientation:landscape){.menu-logo{width:min(22vw,145px)}.menu-actions .start-button{font-size:20px}.menu-battle-icon{width:34px;height:34px}}.menu-action-icon{object-fit:contain;flex:none;width:clamp(40px,5vh,70px);height:clamp(40px,5vh,70px)}.menu-team img{width:min(32vw,51vh,760px)}.menu-team[data-count="1"] img{width:min(76vw,61vh,800px)}.menu-actions .choose-hero,.menu-actions .menu-collection{min-height:clamp(72px,9vh,125px)}.menu-actions .start-button{min-width:clamp(300px,35vh,520px);min-height:clamp(96px,11vh,165px)}@media (width<=600px) and (orientation:portrait){.main-menu{padding-bottom:max(8vh, env(safe-area-inset-bottom))}.menu-team img+img{margin-left:-20vw}.menu-team[data-count="2"] img{width:min(52vw,38vh,260px)}.menu-team[data-count="3"] img{width:min(48vw,40vh,240px)}.menu-actions .choose-hero,.menu-actions .menu-collection{min-height:70px}.menu-actions .start-button{min-width:min(92vw,390px);min-height:108px}.menu-action-icon{width:42px;height:42px}}@media (height<=500px) and (orientation:landscape){.menu-action-icon{width:34px;height:34px}.menu-actions .choose-hero,.menu-actions .menu-collection{min-height:52px}.menu-actions .start-button{min-width:220px;min-height:60px}}.menu-actions :is(.choose-hero,.menu-collection,.menu-login,.start-button){border-style:solid;border-width:clamp(14px,1.8vh,25px) clamp(30px,3.5vh,50px);background:0 0;border-image-source:url(/assets/menu-button-D0W1PmBs.webp);border-image-slice:350 500 fill;border-image-width:50% clamp(38px,5vh,72px);border-image-repeat:stretch;padding:0 4px;transition:filter .16s,opacity .16s}.menu-actions .start-button{background:0 0;border-image-source:url(/assets/battle-button-CCMFlrf9.webp)}.menu-actions .start-button:disabled{background:0 0}@media (hover:hover){.menu-actions :is(.choose-hero,.menu-collection,.menu-login):hover,.menu-actions .start-button:hover:not(:disabled){filter:brightness(1.06)drop-shadow(0 0 8px #fff2a5b3);background:0 0}}.menu-actions :is(.choose-hero,.menu-collection,.menu-login):active,.menu-actions .start-button:active:not(:disabled){filter:brightness(.95);background:0 0}.arena{--nav-size:clamp(42px, 6vh, 88px);--nav-gap:clamp(10px, 1vh, 16px)}.arena :is(.sound-toggle,.account-toggle){width:var(--nav-size);height:var(--nav-size);transition:background-color .16s,filter .16s,box-shadow .16s}.arena .account-toggle{right:max(calc(12px + var(--nav-size) + var(--nav-gap)), calc(env(safe-area-inset-right) + var(--nav-size) + var(--nav-gap)))}.arena :is(.sound-toggle,.account-toggle) svg{width:50%;height:50%}@media (hover:hover){.arena :is(.sound-toggle,.account-toggle):hover{filter:brightness(1.05)drop-shadow(0 0 5px #fff3b399)}}@keyframes screen-appear{0%{opacity:0}to{opacity:1}}.arena{animation:.18s ease-out both screen-appear}@media (prefers-reduced-motion:reduce){.arena{animation:none}.menu-actions :is(.choose-hero,.menu-collection,.menu-login,.start-button),.arena :is(.sound-toggle,.account-toggle){transition:none}}.menu-actions :is(.choose-hero,.menu-collection,.menu-login,.start-button){filter:brightness()drop-shadow(0 0 #ffe79a00);transition:filter .24s ease-out,opacity .24s ease-out}@media (hover:hover){.menu-actions :is(.choose-hero,.menu-collection,.menu-login):hover,.menu-actions .start-button:hover:not(:disabled){filter:brightness(1.025)drop-shadow(0 0 5px #ffe79a40)}}.menu-actions :is(.choose-hero,.menu-collection,.menu-login):active,.menu-actions .start-button:active:not(:disabled){filter:brightness(.96)drop-shadow(0 0 #ffe79a00)}.hero-picker{color:#633449;background:#fff5e5;border:6px solid #ffe8c8;border-radius:30px;width:min(720px,100% - 28px);max-height:min(82dvh,760px);padding:clamp(16px,3vh,28px);box-shadow:0 6px #be8a70,0 14px 30px #67384b38}.hero-picker::backdrop{background:#40263e88;animation:.2s ease-out both backdrop-in}.hero-picker[data-closing=true]::backdrop{animation:.2s ease-in both backdrop-out}.hero-picker[open]{animation:.22s ease-out both picker-enter}@keyframes backdrop-in{0%{background-color:#40263e00}to{background-color:#40263e88}}@keyframes backdrop-out{0%{background-color:#40263e88}to{background-color:#40263e00}}@keyframes picker-enter{0%{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0;scale:1}}.picker-header{gap:10px}.picker-emblem{object-fit:contain;flex:none;width:clamp(42px,6vh,64px);height:clamp(42px,6vh,64px)}.picker-header h2{font-size:clamp(18px,2.5vh,26px)}.picker-header button{flex:none;transition:background-color .2s ease-out}.hero-options{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.hero-option{background:#fffcf3;border:3px solid #f2d5c1;border-radius:22px;transition:background-color .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out,opacity .22s ease-out;box-shadow:0 3px #e7c0a7}.hero-option[aria-pressed=true]{background:#fff0d8;border-color:#e9a65d;box-shadow:0 3px #d79a64}.hero-option img{height:clamp(100px,16vh,155px)}.hero-check{color:#68344a;background:#edab48}.hero-picker .confirm-team{min-width:190px;min-height:66px;box-shadow:none;color:#59253b;filter:brightness()drop-shadow(0 0 #ffe79a00);background:0 0;border:14px solid #0000;border-image:url(/assets/battle-button-CCMFlrf9.webp) 350 500 fill/50% 40px;margin:18px auto 0;padding:0 8px;transition:filter .24s ease-out;display:block}@media (hover:hover){.hero-picker .confirm-team:hover:not(:disabled){filter:brightness(1.025)drop-shadow(0 0 5px #ffe79a40);background:0 0}}.hero-picker .confirm-team:active:not(:disabled){filter:brightness(.96)drop-shadow(0 0 #ffe79a00);background:0 0}@media (width<=380px){.hero-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.picker-header{gap:6px}.picker-emblem{width:36px;height:36px}.picker-header h2{font-size:17px}}@media (prefers-reduced-motion:reduce){.menu-actions :is(.choose-hero,.menu-collection,.menu-login,.start-button),.hero-option,.picker-header button,.hero-picker .confirm-team{transition:none}.hero-picker[open],.hero-picker::backdrop,.hero-picker[data-closing=true]::backdrop{animation:none}}.arena :is(.sound-toggle,.account-toggle){filter:brightness()drop-shadow(0 0 #fff3b300)}@media (hover:hover){.arena :is(.sound-toggle,.account-toggle):hover{filter:brightness(1.04)drop-shadow(0 0 4px #fff3b338)}}.arena :is(.sound-toggle,.account-toggle):active{filter:brightness(.96)drop-shadow(0 0 #fff3b300)}.menu-team img{translate:0 var(--foot-shift,0%)}.arena{--nav-size:clamp(50px, 7vh, 100px)}.picker-header button{width:clamp(44px,5vh,64px);height:clamp(44px,5vh,64px)}.picker-header button svg{width:50%;height:50%}.result-backdrop{z-index:20;background:#442a3b66;animation:.22s ease-out both result-fade;position:absolute;inset:0}.battle-result{z-index:25;color:#633449;background:#fff5e5;border:6px solid #ffe8c8;border-radius:30px;width:min(440px,100% - 32px);max-height:calc(100dvh - 24px);padding:clamp(16px,3vh,28px);top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 6px #be8a70,0 14px 30px #67384b38}.battle-result h2{font-size:clamp(28px,4vh,42px);font-weight:900}.victory-trophy{object-fit:contain;width:clamp(100px,18vh,185px);height:clamp(100px,18vh,185px);margin:-4px auto 0;display:block}.battle-rewards{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.battle-result .menu-return{color:#59253b;filter:brightness()drop-shadow(0 0 #ffe79a00);background:0 0;border:14px solid #0000;border-image:url(/assets/battle-button-CCMFlrf9.webp) 350 500 fill/50% 40px;border-radius:0;min-width:190px;min-height:68px;padding:0 12px;font-size:clamp(18px,2.2vh,24px);font-weight:900;transition:filter .24s ease-out}@media (hover:hover){.battle-result .menu-return:hover{filter:brightness(1.025)drop-shadow(0 0 5px #ffe79a40);background:0 0}}.battle-result .menu-return:active{filter:brightness(.96)drop-shadow(0 0 #ffe79a00);background:0 0}@keyframes result-fade{0%{opacity:0}to{opacity:1}}@media (height<=500px){.victory-trophy{width:90px;height:90px}.battle-result{padding:12px}.battle-result .menu-return{min-height:58px;margin-top:8px}}@media (prefers-reduced-motion:reduce){.result-backdrop{animation:none}.battle-result .menu-return{transition:none}}.arena :is(.sound-toggle,.account-toggle){box-shadow:inset 0 2px 2px #ffffffa6,0 4px #bf8874,0 6px 8px #71475726}.picker-header button{transition:background-color .2s ease-out,box-shadow .2s ease-out;box-shadow:inset 0 2px 2px #ffffffa6,0 3px #dfbbaa}.arena :is(.sound-toggle,.account-toggle,.picker-header button){box-shadow:none;background:url(/assets/round-button-DB8UpMye.webp) 50%/150% 100% no-repeat;border:0}.arena :is(.sound-toggle,.account-toggle) .nav-icon{object-fit:contain;pointer-events:none;width:100%;height:100%}@media (hover:hover){.arena :is(.sound-toggle,.account-toggle,.picker-header button):hover{background:url(/assets/round-button-DB8UpMye.webp) 50%/150% 100% no-repeat}}.arena :is(.sound-toggle,.account-toggle,.picker-header button):active{background:url(/assets/round-button-DB8UpMye.webp) 50%/150% 100% no-repeat}.picker-header button .nav-icon{object-fit:contain;pointer-events:none;width:100%;height:100%}.menu-hero:has(.menu-team:not([hidden])){padding-bottom:0}.menu-team:not([hidden]){left:50%;bottom:calc(100% - var(--menu-ground-offset,50%));position:absolute;transform:translate(-50%)}.canvas-host{bottom:0}@media (width>=700px) and (width<=1199px){.fighter-hud{gap:4px;width:min(140px,14.6vw - 3px);min-height:32px}.health-track,.attack-stat{height:30px}.heart-icon{width:32px;height:32px;top:-3px;left:-5px}.health-value{font-size:15px;inset:0 3px 0 16px}.attack-stat{flex-basis:38px;grid-template-columns:13px minmax(0,1fr);width:38px}.attack-stat img{width:13px;height:15px}.attack-value{font-size:15px}}