[data-fighter-info=mossling]{--unit:#6fa782!important}[data-fighter-info=moondancer]{--unit:#ef825b!important}[data-fighter-info=mossling] .unit-art,[data-fighter-info=mossling] .portrait-art,[data-fighter-info=moondancer] .unit-art,[data-fighter-info=moondancer] .portrait-art{background-image:var(--sheet)!important;background-position:bottom!important;background-repeat:no-repeat!important;background-size:contain!important;animation:none!important}[data-fighter-info=mossling] .unit-art,[data-fighter-info=moondancer] .unit-art{transform-origin:50% 82%!important}.guided-onboarding{z-index:150000;pointer-events:none;font-family:Trebuchet MS,Arial,sans-serif;position:fixed;inset:0}.guided-onboarding.hidden,.guided-onboarding-vignette{display:none!important}.guided-onboarding-card{z-index:150003;box-sizing:border-box;color:#fff7d9;text-align:left;pointer-events:auto;background:radial-gradient(circle at 50% 0,#28556e,#17233e 58%,#0d142a);border:2px solid #f5d478;border-radius:18px;width:min(390px,100vw - 32px);max-width:calc(100vw - 24px);min-height:148px;padding:18px 20px 17px;position:fixed;top:96px;left:16px;box-shadow:inset 0 1px #ffffff47,0 18px 48px #000000b8,0 0 28px #ffd35c33}.guided-onboarding-card small{color:#ffd65c;letter-spacing:.14em;margin-bottom:5px;font-size:11px;font-weight:1000;display:block}.guided-onboarding-card h2{margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(22px,2vw,31px);line-height:1.05}.guided-onboarding-card p{color:#e6f1f5;margin:0;font-size:clamp(14px,1vw,17px);line-height:1.42}.guided-onboarding-card>span{color:#95d9e7;letter-spacing:.04em;margin-top:11px;font-size:11px;font-weight:900;display:block}.guided-onboarding-active .guided-target,.guided-onboarding-active .guided-destination{isolation:isolate;outline-offset:5px;z-index:150002!important;pointer-events:auto!important;outline:3px solid #fff5a4!important;position:relative!important;box-shadow:0 0 0 3px #13273de0,0 0 25px #ffdc63eb!important}.guided-onboarding-active .guided-target{animation:1.05s ease-in-out infinite guided-target-pulse}.guided-onboarding-active .guided-destination{animation:.85s ease-in-out infinite alternate guided-destination-pulse;outline-style:dashed!important;outline-color:#75efff!important;box-shadow:0 0 0 3px #13273dd1,0 0 28px #53e3ffe6!important}.guided-unavailable{opacity:.42!important;filter:grayscale(.72)brightness(.72)!important;cursor:not-allowed!important}.arena-lock-note{color:#ffe7a0;text-align:center;text-shadow:0 2px 3px #000000e6;background:#152039db;border:1px solid #f6d1699e;border-radius:12px;width:min(420px,100%);margin:0 auto 8px;padding:8px 13px;font-size:12px;font-weight:900;box-shadow:inset 0 1px #ffffff21,0 5px 16px #00000059}.arena-lock-note.hidden{display:none!important}#play.arena-locked{opacity:.46;filter:grayscale(.45)brightness(.72);cursor:not-allowed;box-shadow:none}@keyframes guided-target-pulse{0%,to{filter:brightness(1.06)saturate(1.04);outline-color:#fff5a4}50%{filter:brightness(1.2)saturate(1.12);outline-color:#fff}}@keyframes guided-destination-pulse{0%{opacity:.78;filter:brightness(1.02)}to{opacity:1;filter:brightness(1.18)}}@media (width<=900px),(pointer:coarse){.guided-onboarding-card{min-height:0;padding:14px 16px;width:auto!important;inset:auto 12px 12px!important;transform:none!important}.guided-onboarding-card h2{font-size:21px}.guided-onboarding-card p{font-size:14px}.guided-onboarding-card>span{font-size:10px}.guided-onboarding-active .guided-target,.guided-onboarding-active .guided-destination{outline-offset:3px;outline-width:2px!important}}html.reduced-motion .guided-target,html.reduced-motion .guided-destination{animation:none!important}:root{color:#fff8df;font-synthesis:none;--gold:#e8b957;--ink:#2a1520;--panel:#4c2a35;--cyan:#88cdb8;--text-outline:#2a1520;background:#1b1020;font-family:Arial Rounded MT Bold,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#313b77 0,#11162d 42%,#080b17 100%);min-height:100dvh;overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #fff}.app-shell{width:100%;min-height:100dvh;padding:max(6px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));margin:auto;position:relative}.screen{min-height:calc(100dvh - 22px)}#game{height:100%;min-height:0}.app-shell:has(#game:not(.hidden)){height:100dvh;min-height:0;overflow:hidden}.app-shell:has(#league:not(.hidden)){height:100dvh;min-height:0;overflow:hidden}.hidden{display:none!important}.menu{text-align:center;background:#382243 var(--menu-arena-background,url(../assets/arena/summer-meadow-arena-v1.webp)) center/cover fixed no-repeat;place-items:center;padding:22px 0;display:grid;position:relative;overflow:auto}.menu:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 42%,#e0a45c20 0 20%,#26153054 55%,#120916c7 100%),linear-gradient(90deg,#1b0f1b9c 0,#0000 28% 72%,#1b0f1b9c 100%);position:fixed;inset:0}.menu:after{content:"";z-index:0;pointer-events:none;opacity:.38;background-image:radial-gradient(circle,#ffe1a2 0 1px,#0000 1.8px),radial-gradient(circle,#f3a45d 0 1px,#0000 1.8px);background-position:12px 20px,54px 71px;background-size:94px 94px,137px 137px;animation:7s ease-in-out infinite alternate menu-sparkles;position:fixed;inset:0}@keyframes menu-sparkles{0%{opacity:.25;transform:translateY(0)}to{opacity:.58;transform:translateY(-8px)}}.hero{z-index:1;-webkit-backdrop-filter:blur(11px)saturate(1.08);backdrop-filter:blur(11px)saturate(1.08);background:linear-gradient(155deg,#4a2631ec,#733f35e0 48%,#3b2130ec);border:2px solid #f4c86dca;border-radius:30px;width:min(92vw,860px);padding:18px 22px 22px;position:relative;box-shadow:0 24px 70px #120814c9,0 0 42px #f5b75a28,inset 0 0 0 4px #f7d37c20,inset 0 1px #fff1c966}.hero:before{content:"";z-index:-1;pointer-events:none;border:1px solid #f6d58a52;border-radius:23px;position:absolute;inset:8px}.main-logo{filter:none;width:min(330px,62vw);height:auto;margin:-12px auto -10px;display:block}.crest{aspect-ratio:1;border:4px solid var(--gold);background:linear-gradient(145deg,#745ce4,#2b3266);border-radius:25px;place-items:center;width:112px;margin:0 auto 20px;display:grid;transform:rotate(45deg);box-shadow:0 0 50px #7e68ff66,inset 0 0 20px #fff3}.crest span{color:#fff4c9;font:700 60px Unbounded;transform:rotate(-45deg)}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}h1{text-transform:uppercase;text-shadow:0 5px #141a38;margin:8px 0 10px;font:700 clamp(34px,10vw,64px)/.95 Unbounded,sans-serif}.tagline{color:#fff4cf;letter-spacing:.025em;-webkit-text-stroke:.7px var(--text-outline);paint-order:stroke fill;max-width:430px;margin:0 auto 15px;font-weight:900}.profile-card{text-align:left;background:linear-gradient(145deg,#69412ee8,#352033e8);border:1px solid #efc7739c;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin:0 auto 10px;padding:9px 12px;display:flex;box-shadow:inset 0 1px #fff0c730,0 8px 20px #1b0c144d}.profile-card div:first-child{flex:1;min-width:0}.profile-card b,.profile-card span{display:block}.profile-card b{color:var(--profile-accent,#63d6d0);font-size:12px}.profile-card span{color:#aeb8da;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.profile-card i{background:#ffffff14;border-radius:4px;height:4px;margin-top:5px;display:block;overflow:hidden}.profile-card i span{background:var(--profile-accent,#63d6d0);height:100%}.league-open-button{color:#fff9e5;text-align:left;cursor:pointer;background:linear-gradient(120deg,#70472eef,#392035f2);border:1px solid #efc773a8;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:42px 1fr auto;align-items:center;gap:2px 10px;width:100%;margin:0 auto 10px;padding:9px 13px;display:grid;box-shadow:inset 0 1px #fff3d235,0 8px 20px #1b0c144d}.league-open-button:hover{filter:brightness(1.08);border-color:#b9a8ff;transform:translateY(-1px)}.league-open-button>span{border:2px solid var(--profile-accent,#f2c86b);color:#fff3bd;width:42px;height:42px;box-shadow:0 0 14px color-mix(in srgb,var(--profile-accent,#63d6d0) 40%,transparent);background:#0d1430;border-radius:12px;grid-row:1/3;place-items:center;font-size:23px;display:grid}.league-open-button>span img{object-fit:contain;filter:drop-shadow(0 5px 5px #0008);width:58px;height:58px}.league-open-button b{color:var(--profile-accent,#f2c86b);text-transform:uppercase;font:700 12px Unbounded,sans-serif}.league-open-button small{color:#aeb8da;font-size:9px}.league-open-button:after{content:"›";color:#d9ccff;grid-area:1/3/3;font-size:28px}.league-screen{align-items:center;padding:12px 0;display:grid;position:relative;overflow:hidden}.league-screen:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 8%,#8b69ff55,#0000 28%),linear-gradient(#161038e8,#080b1bf5),repeating-linear-gradient(45deg,#6041b8 0 24px,#4c319b 24px 48px);position:fixed;inset:0}.league-screen:after{content:"";z-index:-1;opacity:.2;background:linear-gradient(135deg,#0000 0 47%,#d9cbff 48% 51%,#0000 52%) 0 0/76px 76px;position:fixed;inset:0}.league-shell{background:linear-gradient(160deg,#30235eed,#11152ff5);border:1px solid #b6a1ff70;border-radius:28px;grid-template-rows:auto minmax(0,1fr);width:min(820px,96vw);height:calc(100dvh - 30px);margin:auto;display:grid;overflow:hidden;box-shadow:0 30px 100px #000b,inset 0 1px #ffffff20}.league-header{background:#090e23a8;border-bottom:1px solid #ffffff1b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.league-header .secondary{min-width:54px;padding:11px 16px}.league-header>div>span{color:#8fe5df;letter-spacing:.18em;font-size:10px;font-weight:900}.league-header h2{text-transform:uppercase;margin:3px 0 0;font:700 clamp(20px,3vw,32px) Unbounded,sans-serif}.league-header>strong{color:#ffe69a;white-space:nowrap;background:#0a1027;border:1px solid #f2c86b66;border-radius:14px;padding:10px 16px;font-size:16px}.league-scroll{scrollbar-color:#7962d1 #11152f;scrollbar-width:thin;scroll-behavior:smooth;min-height:0;padding:24px clamp(14px,4vw,38px) 48px;overflow-y:auto}.league-current{--rank-color:#63d6d0;border:1px solid color-mix(in srgb,var(--rank-color) 65%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--rank-color) 24%,#161936),#10152e);box-shadow:0 15px 38px #0006,0 0 30px color-mix(in srgb,var(--rank-color) 20%,transparent);border-radius:24px;grid-template-columns:98px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:30px;padding:20px;display:grid}.league-emblem,.league-rank-marker{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color) 80%,#fff),color-mix(in srgb,var(--rank-color) 55%,#11152e));clip-path:none;filter:drop-shadow(0 7px 8px #0008);background:0 0;place-items:center;display:grid;overflow:visible}.league-emblem img,.league-rank-marker img{object-fit:contain;filter:drop-shadow(0 8px 8px #0008);width:118%;height:118%}.league-emblem{width:92px}.league-emblem span,.league-rank-marker span{aspect-ratio:1;background:#111830b8;border:2px solid #fff9;border-radius:50%;place-items:center;width:58%;font:800 24px Unbounded,sans-serif;display:grid}.league-current-copy{min-width:0}.league-current-copy small{color:var(--rank-color);letter-spacing:.14em;font-weight:900}.league-current-copy h3{color:#fff;margin:4px 0;font:700 clamp(18px,3vw,27px) Unbounded,sans-serif}.league-current-copy p{color:#c1c8e5;margin:0;font-size:11px}.league-current-copy i{background:#060a18aa;border-radius:9px;height:8px;margin-top:12px;display:block;overflow:hidden}.league-current-copy i span{border-radius:inherit;background:linear-gradient(90deg,var(--rank-color),#fff0a6);height:100%;box-shadow:0 0 12px var(--rank-color);display:block}.league-current>strong{color:#ffe797;white-space:nowrap;font-size:18px}.league-track{gap:24px;padding:4px 0;display:grid;position:relative}.league-track:before{content:"";background:linear-gradient(#79bfff,#73d9d1,#f2c86b,#cdd8e8,#c58455);border-radius:8px;width:5px;position:absolute;top:28px;bottom:28px;left:39px;box-shadow:0 0 15px #9d82ff99}.league-rank{--rank-color:#9fa9c5;opacity:.5;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;display:grid;position:relative}.league-rank.reached{opacity:.82}.league-rank.current{opacity:1}.league-rank-marker{z-index:1;border:0;width:78px}.league-rank-marker span{font-size:18px}.league-rank-card{background:linear-gradient(135deg,#27315bdd,#10162eed);border:1px solid #ffffff20;border-radius:20px;overflow:hidden;box-shadow:0 12px 28px #0006}.league-rank.current .league-rank-card{border-color:var(--rank-color);box-shadow:0 14px 32px #0007,0 0 25px color-mix(in srgb,var(--rank-color) 30%,transparent)}.league-rank-card>header{background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 26%,transparent),transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 11px;display:flex}.league-rank-card header small{color:var(--rank-color);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.league-rank-card h3{color:#fff8df;margin:3px 0 0;font:700 16px Unbounded,sans-serif}.league-rank-card header>strong{color:#ffe290;white-space:nowrap}.league-rank-content{border-top:1px solid #ffffff10;grid-template-columns:minmax(115px,.55fr) minmax(0,1.45fr);gap:10px;padding:11px 16px 14px;display:grid}.league-reward{background:#f2c86b0b;border:1px solid #f2c86b3c;border-radius:14px;grid-template-columns:38px 1fr;align-content:center;align-items:center;min-height:70px;padding:10px;display:grid}.league-reward>span{color:#ffd66f;grid-row:1/3;font-size:29px}.league-reward>b{color:#ffe69a;font-size:16px}.league-reward>small{color:#a9b2d1;text-transform:uppercase;font-size:9px}.league-reward.claimed{opacity:.7}.league-modifiers>small{color:#95ded9;letter-spacing:.1em;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.league-modifier{background:#070c1d99;border-radius:11px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;display:grid}.league-modifier>b{aspect-ratio:1;border:1px solid var(--rank-color);color:#fff;background:color-mix(in srgb,var(--rank-color) 22%,#0d1329);border-radius:10px;place-items:center;width:34px;font-size:18px;display:grid}.league-modifier span,.league-modifier strong,.league-modifier em{min-width:0;display:block}.league-modifier strong{color:#f4f6ff;font-size:11px}.league-modifier em{color:#a9b4d6;margin-top:2px;font-size:9px;font-style:normal}.league-rank-card>footer{color:#8792ba;text-align:right;background:#080d1e99;padding:7px 16px;font-size:9px}.league-rank.locked .league-rank-marker{filter:grayscale(.72)brightness(.65)drop-shadow(0 7px 8px #0008)}.cosmetics{gap:4px;display:flex}.cosmetic{width:28px;height:28px;color:var(--cosmetic);cursor:pointer;background:#070b18;border:1px solid #ffffff20;border-radius:8px}.cosmetic.selected{border-color:var(--cosmetic);box-shadow:0 0 12px color-mix(in srgb,var(--cosmetic) 60%,transparent)}.cosmetic:disabled{opacity:.35;cursor:not-allowed}.arena-vault{text-align:left;background:linear-gradient(150deg,#693f2def,#362035ef);border:1px solid #f6d58a8f;border-radius:18px;margin:0 auto 10px;padding:10px;box-shadow:inset 0 1px #fff0cf2e,0 8px 22px #1b0c144d}.vault-head{grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;display:grid}.vault-head b,.vault-head span{display:block}.vault-head b{color:#f2c86b;text-transform:uppercase;font:700 13px Unbounded,sans-serif}.vault-head>div>span{color:#99a5cd;margin-top:4px;font-size:10px}.chest-buy{color:#ffe7a4;cursor:pointer;background:linear-gradient(145deg,#67402f,#2a1b2c);border:1px solid #f2c86b55;border-radius:14px;grid-template-columns:80px 1fr;align-items:center;gap:2px;height:74px;padding:3px 10px 3px 2px;font-weight:900;display:grid}.chest-buy img{object-fit:cover;border-radius:11px;width:80px;height:68px}.chest-buy:disabled{opacity:.42;cursor:not-allowed}.arena-skins{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px;display:grid}.arena-skin{color:#f1ddbf;cursor:pointer;background:#2d1b2a;border:1px solid #f6d58a35;border-radius:11px;min-width:0;padding:4px;overflow:hidden}.arena-skin img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.8);border-radius:7px;width:100%;display:block}.arena-skin span{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;display:block;overflow:hidden}.arena-skin.selected{color:#fff1b8;border-color:#f2c86b;box-shadow:0 0 15px #f2c86b33}.arena-skin.selected img{filter:saturate(1.1)}.arena-skin:disabled img{filter:grayscale()brightness(.35)}.rank-progress span{background:linear-gradient(90deg,#f2c86b,#b99cff)!important}.commander-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 20px;display:grid}.commander-card{color:#fff9e7;cursor:pointer;text-align:left;background:linear-gradient(145deg,#724430f0,#352035f2);border:1px solid #f6d58a75;border-radius:14px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:5px 7px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff5da29,0 7px 16px #1b0c144d}.commander-card b{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.commander-card small{color:#f5e7c9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:8px;line-height:1.2;display:-webkit-box;overflow:hidden}.commander-card.locked{cursor:not-allowed;opacity:.55;filter:grayscale(.65)}.commander-portrait{background:radial-gradient(circle at 50% 36%,#47758d,#10182d 72%);border:1px solid #8edff066;border-radius:13px;width:54px;height:54px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24}.commander-portrait img{object-fit:contain;object-position:center top;filter:drop-shadow(0 3px 3px #0008);width:150%;height:150%;position:absolute;top:0;left:50%;transform:translate(-50%,-4%)}.commander-portrait-aurelia img{width:158%;height:158%;transform:translate(-48%,-3%)}.commander-portrait-brom img{width:154%;height:154%;transform:translate(-49%,-2%)}.commander-portrait-nyx img{width:158%;height:158%;transform:translate(-47%,-2%)}.commander-portrait-eirik img{width:142%;height:142%;transform:translate(-50%,-1%)}.commander-card.selected{background:linear-gradient(145deg,#8b5a35,#542b35);border-color:#fff0a8;box-shadow:0 0 20px #f1ba646b,inset 0 0 0 1px #f6d58a66}.primary,.secondary,.icon-btn{cursor:pointer;border:0;transition:transform .15s,filter .15s}.primary{color:#fff7d0;filter:none;letter-spacing:.035em;text-transform:uppercase;-webkit-text-stroke:1px #17384b;paint-order:stroke fill;background:url(../assets/ui/dawn-primary-button-v1.webp) 50%/100% 100% no-repeat;border-radius:18px;min-width:220px;padding:16px 34px;font-weight:950}.primary:hover,.secondary:hover,.shop-card:hover{filter:brightness(1.08);transform:translateY(-2px)}.secondary{color:#fff9d9;filter:none;letter-spacing:.025em;-webkit-text-stroke:.85px #11384d;paint-order:stroke fill;background:url(../assets/ui/dawn-secondary-button-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:16px;padding:12px 24px;font-weight:950}.menu-tools{justify-content:center;gap:10px;margin-top:24px;display:flex}.menu-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.menu-actions .secondary{text-transform:uppercase;min-width:180px;padding:15px 20px;font-weight:800}.campaign-entry{position:relative;overflow:hidden}.campaign-entry:after{content:"★";color:#8d5d19;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.campaign-screen{align-items:center;padding:24px 0;display:grid}.campaign-screen:before{content:"";z-index:-1;filter:saturate(.82);background:linear-gradient(90deg,#080c1bd9,#10183fc4),url(../assets/arena/summer-meadow-arena-v1.webp) 50%/cover;position:fixed;inset:0}.campaign-shell{background:linear-gradient(145deg,#202a53ed,#0b1024f2);border:1px solid #f2c86b4d;border-radius:28px;width:min(1120px,96vw);margin:auto;padding:24px;box-shadow:0 30px 90px #000a}.campaign-header{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:24px;display:grid}.campaign-header>div>span{color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:900}.campaign-header h2{text-transform:uppercase;margin:4px 0 0;font:700 clamp(22px,4vw,40px) Unbounded,sans-serif}.campaign-header>strong{color:var(--gold);background:#090e20c7;border:1px solid #f2c86b5c;border-radius:14px;padding:10px 14px;font-size:18px}.campaign-path{scrollbar-color:#63d6d0 #111730;gap:26px;max-height:min(720px,72vh);padding:4px 8px 20px 2px;display:grid;position:relative;overflow:auto}.campaign-path:before{display:none}.campaign-chapter{gap:12px;display:grid}.campaign-chapter>header{color:#f2c86b;align-items:baseline;gap:12px;padding:0 8px;display:flex}.campaign-chapter>header span{letter-spacing:.12em;font:800 11px Unbounded,sans-serif}.campaign-chapter>header b{color:#f5f7ff;font:800 18px Unbounded,sans-serif}.campaign-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mission-node{z-index:1;color:#f5f7ff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#2a3562,#111730);border:1px solid #ffffff24;border-radius:20px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-height:140px;padding:16px;display:grid;position:relative;box-shadow:0 12px 25px #0006}.mission-node:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-3px)}.mission-node:disabled{filter:grayscale();opacity:.45;cursor:not-allowed}.mission-node.completed{background:linear-gradient(145deg,#214f58,#101a32);border-color:#63d6d06e}.mission-node.boss{background:linear-gradient(145deg,#6d3a34,#24142a);border-color:#f2c86b9c}.mission-index{border:2px solid var(--gold);color:#fff4ca;background:#11172f;border-radius:50%;place-items:center;width:54px;height:54px;font:800 20px Unbounded,sans-serif;display:grid}.mission-node div{min-width:0}.mission-node small,.mission-node b,.mission-node em{display:block}.mission-node small{color:var(--cyan);letter-spacing:.12em;font-size:9px}.mission-node b{text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font:700 14px Unbounded,sans-serif;overflow:hidden}.mission-node em{color:#aeb8da;font-size:10px;font-style:normal}.mission-node>strong{color:var(--gold);letter-spacing:.12em;text-align:right;grid-column:1/-1}.briefing-shell{max-width:1040px}.briefing-grid{grid-template-columns:1fr 1.35fr;gap:16px;display:grid}.briefing-card{background:#090e20ad;border:1px solid #ffffff20;border-radius:20px;padding:20px}.briefing-card h3{color:#fff3c2;margin:4px 0 12px;font:700 17px Unbounded,sans-serif}.briefing-card>span{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.briefing-card p{color:#b9c3e3;line-height:1.55}.mission-reward{color:var(--gold);background:#f2c86b12;border-radius:12px;margin-top:18px;padding:10px 12px;font-weight:800}.campaign-squads{gap:9px;display:grid}.squad-card{color:#eef2ff;text-align:left;cursor:pointer;background:#151c38;border:1px solid #ffffff1f;border-radius:14px;padding:12px 14px}.squad-card b,.squad-card span,.squad-card small{display:block}.squad-card b{color:#fff0ae}.squad-card span{color:var(--cyan);margin:5px 0;font-size:10px}.squad-card small{color:#9da9cf}.squad-card.selected{border-color:var(--cyan);background:#214457;box-shadow:0 0 20px #63d6d02e}.objectives-card{grid-column:1/-1}.campaign-objective{background:#ffffff08;border-radius:11px;grid-template-columns:28px 1fr 24px;align-items:center;gap:8px;margin-top:6px;padding:9px 11px;display:grid}.campaign-objective b{color:var(--gold)}.campaign-objective em{color:var(--cyan);font-style:normal;font-weight:900}.campaign-start{min-width:280px;margin:22px auto 4px;display:block}.reset-progress{color:#ffb7bd;cursor:pointer;background:#6f263444;border:1px solid #ef778066;border-radius:12px;width:100%;margin-top:16px;padding:12px 14px;font-weight:800}.reset-progress:hover{background:#8f304355;border-color:#ff9ca5}.topbar{display:none}.topbar-item{z-index:40;position:absolute}.brand-mini{margin-right:auto;font:700 14px Unbounded}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px 6px #0008);width:132px;height:52px}.round-label{color:#fff1a4;text-align:center;white-space:nowrap;-webkit-text-stroke:.45px #211403;text-shadow:0 2px 1px #000,0 0 5px #000,0 0 10px #000;filter:drop-shadow(0 2px 2px #000c);min-width:100px;font-size:14px;font-weight:950;line-height:1.1}.match-modifier{color:#fff;filter:drop-shadow(0 5px 7px #0006);text-align:center;cursor:help;background:url(../assets/ui/dawn-modifier-plaque-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:12px;min-width:150px;max-width:220px;padding:13px 23px 10px;line-height:1.05}.match-modifier b,.match-modifier span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-modifier b{color:#fff8d7;text-shadow:0 2px 3px #47251b;font-size:10px}.match-modifier span{color:#ffe4bc;margin-top:3px;font-size:8px}.round-timer{z-index:40;text-align:center;filter:drop-shadow(0 4px 6px #0006);color:#fff5c7;text-shadow:0 2px 3px #432315;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:url(../assets/ui/dawn-resource-pill-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:999px;min-width:88px;padding:10px 18px}.round-timer.urgent{color:#fff;background:#ad3444;border-color:#ff99a3;animation:.55s infinite alternate timer-alert}@keyframes timer-alert{to{transform:scale(1.06);box-shadow:0 0 18px #ef5d6d88}}.standings{pointer-events:auto;align-items:flex-start;gap:clamp(3px,.35cqw,6px);display:flex}.ruler-chip{color:#f7d77f;cursor:pointer;background:#10172dde;border:2px solid #ffffff2a;border-radius:clamp(9px,1cqw,15px);flex:none;place-items:center;width:clamp(38px,4.15cqw,64px);min-width:0;height:clamp(38px,4.15cqw,64px);padding:3px;transition:transform .14s,border-color .14s,filter .14s;display:grid;position:relative;box-shadow:0 4px 12px #0008}.ruler-chip:hover{z-index:2;border-color:#f2d477;transform:translateY(-2px)scale(1.06)}.ruler-chip.observed{border-color:#72f2e5;box-shadow:0 0 0 2px #72f2e555,0 5px 14px #0009}.ruler-chip.human{border-color:#f2d477aa}.ruler-chip.current-opponent{border-color:#ff4e5f;box-shadow:0 0 0 4px #ff4e5f99,0 0 22px #ff334fbb,0 5px 14px #0009}.ruler-display{width:100%;height:100%;position:relative}.ruler-display.has-tooltip:after,.ruler-chip.has-tooltip:after{bottom:calc(100% + 12px);left:50%}.ruler-chip-portrait.commander-portrait{border-radius:inherit;border:0;width:100%;height:100%}.ruler-chip-portrait.commander-portrait img{filter:drop-shadow(0 2px 2px #0009)}.ruler-chip-hp{color:#fff;background:#9e3444;border:1px solid #ffabb3;border-radius:999px;min-width:21px;padding:2px 4px;font-size:7px;font-weight:900;line-height:1;position:absolute;bottom:-5px;right:-5px}.ruler-chip.dead{opacity:.35;filter:grayscale()}.ruler-projectile{--shot-x:0px;--shot-y:0px;z-index:18;pointer-events:none;background:radial-gradient(circle,#fff 0 13%,#ffe27a 18% 34%,#ff9d32 43%,#ff603500 72%);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.98s cubic-bezier(.22,.72,.2,1) forwards ruler-projectile-flight;position:absolute;box-shadow:0 0 12px #fff,0 0 28px #ffd45c,0 0 48px #ff7b32}.ruler-projectile.enemy-shot{filter:hue-rotate(175deg)saturate(1.35)}.ruler-projectile:after{content:"";filter:blur(2px);transform-origin:100%;background:linear-gradient(90deg,#0000,#fff3a5);border-radius:999px;width:58px;height:7px;position:absolute;top:38%;right:55%}.ruler-firing .ruler-art{animation:.42s ease-out both ruler-fire-recoil}.ruler-hit .ruler-art{filter:brightness(1.8)saturate(1.4)drop-shadow(0 0 20px #ffb347);animation:.36s ease-out 2 ruler-hit-shake}@keyframes ruler-projectile-flight{0%{opacity:0;transform:translate(0)scale(.45)}12%{opacity:1}72%{transform:translate(calc(var(--shot-x) * .76),calc(var(--shot-y) * .76)) scale(1)}to{transform:translate(var(--shot-x),var(--shot-y)) scale(2.1);opacity:0}}@keyframes ruler-fire-recoil{0%,to{transform:translate(-50%)}35%{transform:translate(-50%)translateY(5px)scale(.96)}60%{transform:translate(-50%)translateY(-3px)scale(1.035)}}@keyframes ruler-hit-shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 7px))rotate(-2deg)}65%{transform:translate(calc(7px - 50%))rotate(2deg)}}.resource{filter:drop-shadow(0 4px 6px #0005);color:#fff5d3;text-shadow:0 2px 3px #432315;background:url(../assets/ui/dawn-resource-pill-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:86px;padding:10px 18px;font-weight:800;display:flex}.coin{color:var(--gold)}.phase{display:none}.layout{grid-template-columns:minmax(0,1fr);align-items:start;height:100%;display:grid}.arena-wrap{aspect-ratio:2;background:#131a35 var(--arena-background,url(../assets/arena/summer-meadow-arena-v1.webp)) center/100% 100% no-repeat;border:1px solid color-mix(in srgb,var(--arena-accent,#63d6d0) 45%,transparent);width:min(100%,200dvh - 28px);min-height:0;box-shadow:0 20px 60px #0007,0 0 24px color-mix(in srgb,var(--arena-accent,#63d6d0) 12%,transparent);border-radius:24px;justify-self:center;position:relative;overflow:hidden;container-type:inline-size}#phaser-game{position:absolute;inset:0}#phaser-game canvas{display:block;width:100%!important;height:100%!important}.arena-wrap[data-screen=prepare] #phaser-game canvas{opacity:0}.arena-wrap[data-screen=battle] .board-overlay .unit-token{display:none}.arena-wrap[data-screen=battle] .board-overlay .cell{visibility:hidden;pointer-events:none}.board-overlay{z-index:3;aspect-ratio:5/6;pointer-events:auto;width:auto;height:54%;position:absolute;top:23%;left:50%;transform:translate(-50%)}.cell{--hex-edge:#dce8ff20;--hex-fill:#5667810d;left:var(--hex-x);top:var(--hex-y);touch-action:none;background:0 0;width:20%;height:16.6667%;position:absolute;overflow:visible}.cell.occupied{z-index:20}.cell:before{content:"";z-index:0;border:1px solid var(--hex-edge);background:var(--hex-fill);pointer-events:none;border-radius:7px;position:absolute;inset:4px}.cell:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(145deg,#ffffff08,#0000);border-radius:5px;position:absolute;inset:7px}.cell>*{z-index:2}.special-cell{filter:drop-shadow(0 0 7px var(--cell-glow))}.cell-height{--cell-glow:#d3b16f88;--hex-edge:#e2c37aaa;--hex-fill:#66583c99}.cell-bush{--cell-glow:#65a94d99;--hex-edge:#76c86aaa;--hex-fill:#33543b99}.cell-crystal{--cell-glow:#67baf599;--hex-edge:#8ad4ffbb;--hex-fill:#304e7199}.cell-lava{--cell-glow:#e65d3faa;--hex-edge:#ff8a67bb;--hex-fill:#71353699;animation:1.2s infinite alternate lava-cell}.cell-portal{--cell-glow:#a57cf2aa;--hex-edge:#c3a8ffbb;--hex-fill:#4a3b7199}.cell-badge{z-index:2;color:#fffbd8;opacity:.8;text-shadow:0 1px 4px #000;pointer-events:none;font-size:13px;position:absolute;top:3px;left:5px}@keyframes lava-cell{to{filter:drop-shadow(0 0 12px #f05e3fcc)}}.cell.enemy-zone{--hex-edge:#ef9da429;--hex-fill:#8b46570e}.hidden-unit{color:#dfe4f8;background:radial-gradient(circle at 35% 30%,#ffffff45,#4c5271 55%,#12162b 58%);border:2px solid #ffffff42;border-radius:50%;place-items:center;font:800 22px Unbounded;display:grid;position:absolute;inset:10px;box-shadow:0 0 18px #ef778033}.enemy-bench-panel{z-index:5;height:12.8%;display:block;position:absolute;top:12.2%;left:30.8%;right:30.2%}.enemy-caption{color:#fff;text-transform:uppercase;letter-spacing:.08em;-webkit-text-stroke:.35px #07101f;text-shadow:0 2px 1px #000,0 0 5px #000,0 0 9px #000;flex-direction:column;min-width:0;font-size:9px;font-weight:900;display:flex}.enemy-caption span:first-child{text-overflow:ellipsis;color:#ef9da4;white-space:nowrap;max-width:180px;font-size:10px;font-weight:900;overflow:hidden}.enemy-caption{position:absolute;top:-20px;left:0;right:0}.enemy-bench{grid-template-columns:repeat(5,1fr);gap:.7%;width:100%;height:100%;display:grid}.enemy-bench-slot{color:#dfe4f8;background:0 0;border:1px solid #ffffff16;border-radius:5px;place-items:center;font-size:10px;display:grid}.enemy-bench-slot.occupied{background:0 0;border-color:#ffffff24}.cell.player-zone{--hex-edge:#78e4da2b;--hex-fill:#2e89900d}.cell.player-zone:after{background:linear-gradient(145deg,#9ff7ed08,#0000);inset:3px}.cell.occupied:before,.cell.occupied:after{opacity:.28}.cell.occupied .unit-token{z-index:25;opacity:1;visibility:visible}.game-icon{object-fit:contain;vertical-align:-.38em;width:1.45em;height:1.45em}.resource-icon{object-fit:contain;width:24px;height:24px}.cell-badge img{width:100%;height:100%;display:block}.synergy b .game-icon{vertical-align:middle;width:22px;height:22px}.class-line .game-icon{width:17px;height:17px}.unit-token{--unit:#fff;z-index:10;appearance:none;cursor:grab;touch-action:none;opacity:1;visibility:visible;isolation:isolate;width:calc(100% - 10px);height:calc(100% - 10px);box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:5px;left:5px;overflow:visible}.unit-token:active{cursor:grabbing}.enemy-token{cursor:help;pointer-events:auto}.unit-art,.portrait-art{z-index:2;background-image:var(--sheet);filter:drop-shadow(0 4px 3px #0008) drop-shadow(0 0 6px color-mix(in srgb,var(--unit) 62%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--unit) 34%,transparent));pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;animation:.85s step-end infinite sprite-idle;position:absolute;inset:-12%}.unit-art.hero-idle-atlas{transform-origin:50% 82%;background-position:0 0;background-size:600% 400%;width:72%;height:132%;animation:2s step-end infinite alternate emberguard-idle;inset:-18% auto auto 14%}.unit-art.moondancer-idle-atlas{transform-origin:50% 82%;background-position:0 0;background-size:400% 400%;width:82%;height:118%;animation:2s step-end infinite alternate moondancer-idle;inset:-11% auto auto 9%}.unit-art.forest-druid-atlas{transform-origin:50% 88%;background-position:0 0;background-size:400% 500%;animation:1.1s step-end infinite forest-druid-idle;inset:-52%}.portrait-art.forest-druid-atlas{transform-origin:50% 88%;background-position:0 0;background-size:400% 500%;animation:1.1s step-end infinite forest-druid-idle;inset:-40%}.unit-art.hero-cutout,.portrait-art.hero-cutout{transform-origin:50% 82%;background-position:bottom;background-size:contain;animation:1.8s ease-in-out infinite hero-idle;inset:-28% -20% -12%}.unit-art.generated-cutout,.portrait-art.generated-cutout{transform-origin:50% 86%;background-position:bottom;background-size:contain;animation:2.2s ease-in-out infinite hero-idle;inset:-18% -14% -10%}.portrait-art.generated-cutout{background-position:50% 16%;inset:-78% -52%}.portrait-art.hero-cutout{background-position:50% 17%;inset:-18% -10% -38%}.unit-art.master-cutout{transform-origin:50%;background-position:50%;background-size:contain;animation:1.8s ease-in-out infinite hero-idle;inset:-74%}.portrait-art.master-cutout{transform-origin:50%;background-position:50%;background-size:contain;animation:1.8s ease-in-out infinite hero-idle;inset:-66%}.hero-cutout+.rank,.master-cutout+.rank{z-index:4}.unit-glyph{display:none}.portrait-art{inset:-8%}@keyframes sprite-idle{0%{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.666% 0}75%,to{background-position:100% 0}}@keyframes forest-druid-idle{0%{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.666% 0}75%,to{background-position:100% 0}}@keyframes hero-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.012,.988)}}@keyframes moondancer-idle{0%{background-position:0 0}6.67%{background-position:33.333% 0}13.33%{background-position:66.667% 0}20%{background-position:100% 0}26.67%{background-position:0 33.333%}33.33%{background-position:33.333% 33.333%}40%{background-position:66.667% 33.333%}46.67%{background-position:100% 33.333%}53.33%{background-position:0 66.667%}60%{background-position:33.333% 66.667%}66.67%{background-position:66.667% 66.667%}73.33%{background-position:100% 66.667%}80%{background-position:0 100%}86.67%{background-position:33.333% 100%}93.33%{background-position:66.667% 100%}to{background-position:100% 100%}}@keyframes emberguard-idle{0%{background-position:0 0}4.35%{background-position:20% 0}8.7%{background-position:40% 0}13.04%{background-position:60% 0}17.39%{background-position:80% 0}21.74%{background-position:100% 0}26.09%{background-position:0 33.333%}30.43%{background-position:20% 33.333%}34.78%{background-position:40% 33.333%}39.13%{background-position:60% 33.333%}43.48%{background-position:80% 33.333%}47.83%{background-position:100% 33.333%}52.17%{background-position:0 66.667%}56.52%{background-position:20% 66.667%}60.87%{background-position:40% 66.667%}65.22%{background-position:60% 66.667%}69.57%{background-position:80% 66.667%}73.91%{background-position:100% 66.667%}78.26%{background-position:0 100%}82.61%{background-position:20% 100%}86.96%{background-position:40% 100%}91.3%{background-position:60% 100%}95.65%{background-position:80% 100%}to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.hero-idle-atlas,.moondancer-idle-atlas,.hero-cutout{animation:none!important}}.rank{color:var(--gold);letter-spacing:-2px;background:#10152b;border-radius:8px;padding:2px 5px;font-size:10px;line-height:1;position:absolute;top:-7px;right:-8px}.battle-overlay{z-index:36;pointer-events:none;background:radial-gradient(circle,#07102718 0 28%,#07102700 58%);place-items:center;display:grid;position:absolute;inset:0}.battle-tabs{display:none!important}.battle-stats{z-index:35;pointer-events:auto;width:20%;min-width:188px;position:absolute;top:31%;right:1.4%}.battle-stats-toggle{color:#f8f1d8;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#14284ee8,#081329e8);border:1px solid #84dbea55;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:31px;padding:5px 9px;font-size:10px;display:flex;box-shadow:0 6px 18px #0008,inset 0 1px #ffffff1c}.battle-stats-toggle:hover,.battle-stats-toggle[aria-expanded=true]{background:linear-gradient(145deg,#263b68f2,#10182ff2);border-color:#f2c86b99}.battle-stats-toggle span{font-size:14px}.battle-stats-toggle b{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.battle-stats-body{color:#eaf7ff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(155deg,#14294bf5,#081126f7);border:1px solid #8edfea45;border-radius:13px;width:min(360px,25vw);max-height:43vh;padding:8px;position:absolute;top:calc(100% + 5px);right:0;overflow:auto;box-shadow:0 14px 35px #000b}.battle-stats-body header{color:#a9bad9;text-align:right;margin-bottom:5px;font-size:8px;font-weight:800}.battle-stats-team+.battle-stats-team{border-top:1px solid #ffffff1c;margin-top:8px;padding-top:7px}.battle-stats-team h3{color:#ffe49a;text-transform:uppercase;text-shadow:0 2px 3px #000;margin:0 0 4px;font-size:9px;font-weight:950}.battle-stat-row{background:#ffffff08;border-radius:8px;grid-template-columns:30px minmax(64px,1fr) auto auto auto auto;align-items:center;gap:4px;min-height:34px;padding:3px 4px;display:grid}.battle-stat-row+.battle-stat-row{margin-top:3px}.battle-stat-portrait{border:1px solid color-mix(in srgb,var(--unit) 70%,white);background:radial-gradient(circle,var(--unit),#091126 72%);border-radius:7px;width:28px;height:28px;position:relative;overflow:hidden}.battle-stat-portrait .portrait-art{background-image:var(--sheet);background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.battle-stat-name{color:#f5f7ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:850;overflow:hidden}.battle-stat-name small{color:#f2c86b;letter-spacing:-1px;margin-top:1px;font-size:6px;display:block}.battle-stat-value{color:#ffce8c;white-space:nowrap;font-size:7px;font-weight:850}.battle-stat-value.shield{color:#74e4ed}.battle-stat-value.taken{color:#fa8d9b}.battle-stat-kos{color:#e9e3ff;white-space:nowrap;font-size:7px}.battle-stats-empty{color:#8796b5;text-align:center;margin:0;padding:6px;font-size:8px}.battle-tab{text-overflow:ellipsis;white-space:nowrap;color:#c8d0ec;cursor:pointer;background:#080d20dd;border:1px solid #ffffff28;border-radius:999px;min-width:0;max-width:50%;padding:6px 9px;font-size:9px;font-weight:800;overflow:hidden}.battle-tab span{color:#7d8aad;margin-right:4px}.battle-tab.active{color:#fff4c9;background:#40341ecc;border-color:#f2c86b99;box-shadow:0 0 14px #f2c86b30}.battle-tab:not(.active) span{color:#63d6d0}.battle-label{color:#fff4c9;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 3px #614817,0 0 18px #fff5bd99;background:linear-gradient(145deg,#303b71ef,#10152bef);border:2px solid #ffe096aa;border-radius:999px;padding:16px 34px;font:900 clamp(24px,3vw,46px) Unbounded;animation:2s ease-out both battle-intro;box-shadow:0 12px 38px #000b,0 0 34px #f2c86b42}@keyframes battle-intro{0%{opacity:0;transform:scale(.55)}18%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes pulse{to{transform:scale(1.04);box-shadow:0 0 30px #63d6d055}}.bench-panel{z-index:25;height:15.2%;position:absolute;bottom:2.4%;left:26.4%;right:27.4%}.section-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-text-stroke:.45px #07101f;text-shadow:0 2px 1px #000,0 0 5px #000,0 0 10px #000;filter:drop-shadow(0 2px 2px #000b);justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:950;display:flex}.bench{grid-template-columns:repeat(5,1fr);gap:.7%;height:calc(100% - 18px);display:grid}.bench-slot{touch-action:none;background:0 0;border:1px solid #f0c76922;border-radius:7px;min-width:0;position:relative}.bench-slot .unit-token{font-size:24px;inset:6px}.ruler-podium{z-index:6;aspect-ratio:1;color:#fff6c9;text-align:center;pointer-events:none;filter:drop-shadow(0 5px 6px #0009);border-radius:50%;place-items:center;width:13%;display:grid;position:absolute;container-type:inline-size}.ruler-art{z-index:2;object-fit:contain;object-position:center bottom;transform-origin:50% 88%;filter:drop-shadow(0 6px 4px #000b);width:92%;height:92%;animation:2.4s ease-in-out infinite ruler-breathe;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.ruler-art-aurelia,.ruler-art-brom,.ruler-art-nyx{clip-path:none;width:88%;height:88%}.ruler-art-eirik{width:86%;height:86%}.ruler-glyph{z-index:4;color:#fff4c9;text-shadow:0 2px 7px #000;background:#11172ddd;border:max(1px,.6cqw) solid #f2c86b99;border-radius:50%;place-items:center;width:12cqw;height:12cqw;font:800 6.5cqw Unbounded,sans-serif;display:grid;position:absolute;bottom:5%;right:5%}.ruler-podium span{z-index:5;text-overflow:ellipsis;white-space:nowrap;color:#fff6c9;text-transform:uppercase;-webkit-text-stroke:.15px #050713;text-shadow:0 2px 3px #000;background:#080c1dd9;border:max(1px,.55cqw) solid #ffffff25;border-radius:999px;width:63cqw;padding:1.6cqw 3.7cqw;font-size:4.3cqw;font-weight:900;position:absolute;top:88%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes ruler-breathe{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-2px)scale(1.015,.985)}}.enemy-ruler{top:8.2%;right:16.4%}.player-ruler{bottom:3.8%;left:5.6%}.emote-control{z-index:32;pointer-events:auto;width:40px;height:40px;position:absolute;bottom:28.2%;left:17.2%;container-type:inline-size}.emote-trigger{color:#133a50;cursor:pointer;background:linear-gradient(145deg,#fff9dc,#e6c267);border:max(2px,5cqw) solid #f4d67d;border-radius:50%;place-items:center;width:100%;height:100%;padding:0;transition:transform .16s,filter .16s;display:grid;position:relative;box-shadow:0 5px #9c682b,0 8px 16px #0007}.emote-trigger:after{content:"";background:#e9c76f;border-bottom:max(1px,5cqw) solid #f4d67d;border-left:max(1px,5cqw) solid #f4d67d;width:25cqw;height:25cqw;position:absolute;bottom:-12cqw;left:10cqw;transform:rotate(-18deg)skew(-12deg)}.emote-trigger span{z-index:1;filter:saturate(.75);font-size:52cqw;position:relative}.emote-trigger:hover,.emote-trigger:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-2px)scale(1.05)}.emote-picker{width:555cqw;box-shadow:none;opacity:0;visibility:hidden;transform-origin:50cqw 100%;pointer-events:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,1fr);gap:15cqw;padding:8cqw;transition:opacity .15s,transform .15s,visibility .15s;display:grid;position:absolute;bottom:122.5cqw;left:-20cqw;transform:translateY(8px)scale(.96)}.emote-control:hover .emote-picker,.emote-control:focus-within .emote-picker,.emote-control.open .emote-picker{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.emote-option{color:#fff8df;min-width:0;min-height:160cqw;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5cqw;padding:12.5cqw 7.5cqw;display:flex}.emote-option:hover,.emote-option:focus-visible{filter:brightness(1.12);background:0 0;outline:none;transform:translateY(-2px)scale(1.05)}.emote-option.selected{box-shadow:none;filter:drop-shadow(0 0 8px #ffe291);border:0}.emote-glyph{filter:drop-shadow(0 2px 2px #0007);font-size:67.5cqw;line-height:1}.emote-art{object-fit:contain;filter:drop-shadow(0 2px 2px #0007);width:100%;height:100%;display:block}.emote-option .emote-art{width:72cqw;height:72cqw}.emote-option small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17.5cqw;font-weight:800;overflow:hidden}.ruler-emote{z-index:31;box-sizing:border-box;color:#162c42;width:66px;height:66px;box-shadow:none;pointer-events:none;transform-origin:15% 100%;background:0 0;border:0;border-radius:0;place-items:center;padding:0;line-height:1;display:grid;position:absolute;container-type:inline-size}.ruler-emote>.emote-glyph{filter:drop-shadow(0 3px 4px #0008);font-size:min(58cqw,64px);line-height:1}.ruler-emote>.emote-art{object-fit:contain;filter:drop-shadow(0 4px 5px #0008);width:min(100%,76px);height:min(100%,76px)}.player-emote-display{bottom:27%;left:18.6%}.enemy-emote-display{transform-origin:85% 100%;top:24%;right:16.5%}.enemy-emote-display:after,.ruler-emote:after{content:none}.ruler-emote.show{animation:3.2s cubic-bezier(.2,.9,.2,1) both emote-pop}@keyframes emote-pop{0%{opacity:0;transform:scale(.35)translateY(12px)}9%,80%{opacity:1;transform:scale(1)translateY(0)}88%{transform:scale(1.06)}to{opacity:0;transform:scale(.72)translateY(-8px)}}.side-panel{z-index:30;grid-template-rows:auto minmax(0,1fr);gap:7px;min-width:0;height:100%;display:none;position:relative;overflow:visible}.panel{background:linear-gradient(155deg,#252d50,#171d37);border:1px solid #ffffff17;border-radius:18px;min-width:0;padding:10px;box-shadow:0 14px 40px #0004}.in-arena-panel{z-index:18;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(155deg,#20294ddd,#10162bdd);border:1px solid #ffffff24;border-radius:14px;position:absolute;box-shadow:0 10px 28px #0008}#shop-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(155deg,#6a402ec7,#3a2132bb);border:1px solid #e8bd6eaa;border-radius:16px;width:20%;min-width:188px;padding:clamp(5px,.7cqw,9px);top:42%;right:1.4%;overflow:hidden;box-shadow:0 10px 28px #21111c77,inset 0 1px #ffe9af55;container-type:inline-size}#shop-panel .panel-head{margin:0 2px 5px}#shop-panel .panel-head h2{font-size:12px}#shop-panel .shop-rule{font-size:9px}#shop-panel .shop{grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;height:calc(100% - 23px);display:grid}#shop-panel .shop-card{background:linear-gradient(145deg,#53312ed9,#2a1c2bd1);border-color:#f4dfb955;border-radius:9px;grid-template-columns:clamp(46px,5.1cqw,68px) minmax(0,1fr) auto;gap:6px;height:100%;min-height:0;padding:5px;overflow:hidden;box-shadow:inset 0 1px #fff6df22}#shop-panel .portrait{border-radius:12px;align-self:center;width:clamp(46px,5.1cqw,68px);height:100%;max-height:68px}#shop-panel .portrait-art.generated-cutout{background-position:50% 10%;background-size:auto 255%;inset:0}#shop-panel .fighter-name{font-size:10px}#shop-panel .class-line{margin-top:1px}#shop-panel .shop-trait{padding:1px 2px}#shop-panel .shop-trait-name{display:none}#shop-panel .shop-stat-line,#shop-panel .shop-skill-line{margin-top:2px;font-size:7px}#shop-panel .price{font-size:11px}#shop-panel .shop-hotkey{min-width:17px;min-height:17px;padding:1px 3px;font-size:7px;top:2px;left:2px}#shop-panel .panel-head h2,#shop-panel .shop-rule{color:#fff7cf;-webkit-text-stroke:.2px #07101f;text-shadow:0 2px 2px #000,0 0 5px #000;font-weight:900}#sell{z-index:29;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;place-items:center;width:20%;min-height:30px;padding:5px;font-size:clamp(8px,.75cqw,11px);display:grid;position:absolute;top:70.8%;left:80.02%}#class-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(155deg,#6a402ec7,#3a2132bb);border:1px solid #e8bd6eaa;border-radius:16px;width:82px;padding:7px;top:24%;left:1.25%;overflow:visible;box-shadow:0 10px 28px #21111c77,inset 0 1px #ffe9af55;container-type:inline-size}#class-panel .synergies{grid-template-columns:1fr;gap:5px;margin:0;display:grid}#class-panel .synergy{color:#fff1d3;filter:drop-shadow(0 2px 2px #2a111399);background:linear-gradient(145deg,#56332ed9,#2a1c2bd1);border:1px solid #f5dfb84d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:66px;padding:4px 2px;font-size:10px;display:flex;box-shadow:inset 0 1px #fff6df22}#class-panel .synergy b{margin:0;line-height:0}#class-panel .synergy small{font-size:10px;font-weight:900;line-height:1}#class-panel .synergy.active{color:#fff1a9;filter:none;background:#55421db8;border-color:#f2c86b99;box-shadow:inset 0 0 0 1px #f2c86b24,0 0 10px #f2c86b3d}#class-panel .synergy b .game-icon{width:60px;max-width:72cqw;height:60px;max-height:72cqw}#class-panel .class-details,#class-panel .tip{display:none}.class-icon{align-items:center;line-height:0;display:inline-flex}.class-icon.has-tooltip:after{min-width:150px;max-width:220px}#class-panel .class-icon.has-tooltip:after{color:#fff8df;filter:none;text-shadow:-1px -1px #07152d,1px -1px #07152d,-1px 1px #07152d,1px 1px #07152d,0 2px 3px #07152d;background:0 0;border:0;border-radius:0;padding:5px 8px;inset:50% auto auto calc(100% + 12px);transform:translate(5px,-50%)}#class-panel .class-icon.has-tooltip:hover:after,#class-panel .class-icon.has-tooltip:focus-visible:after{transform:translateY(-50%)}.portrait.has-tooltip:after{z-index:100;bottom:calc(100% + 6px);left:0;transform:translateY(5px)}.portrait.has-tooltip:hover:after,.portrait.has-tooltip:focus-visible:after{transform:translate(0)}.panel-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.panel h2{text-transform:uppercase;margin:0;font:700 15px Unbounded}.shop{grid-template-columns:1fr;gap:8px;display:grid}.shop-rule{color:#8f99be;font-size:11px}.shop-card{cursor:pointer;text-align:left;background:linear-gradient(145deg,#55322edc,#291a2ad9);border:1px solid #f6d58a38;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:70px;padding:7px;display:grid;position:relative}.shop-hotkey,.fight-hotkey{color:#fff7d4;background:linear-gradient(#3d466c,#202743);border:1px solid #ffffff70;border-bottom-width:3px;border-radius:7px;place-items:center;min-width:24px;min-height:24px;padding:2px 6px;font:900 10px/1 Unbounded,sans-serif;display:inline-grid;box-shadow:0 2px 6px #0007}.shop-hotkey{z-index:8;position:absolute;top:5px;left:5px}.shop-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.shop-card.owned-fighter{background:linear-gradient(135deg,#332b1b,#11172d 62%);border-color:#f2c86b99;box-shadow:inset 0 0 0 1px #f2c86b24,0 0 16px #f2c86b20}.shop-card.merge-ready{border-color:#76e0c5;box-shadow:inset 0 0 0 2px #76e0c538,0 0 18px #63d6d044}.portrait{--unit:#fff;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--unit) 24%,#76533d),#2b1929);border-radius:14px;place-items:center;width:50px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff3}.fighter-name{font-size:13px;font-weight:800;display:block}.fighter-name-line{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.fighter-name-line .fighter-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fighter-name-line small{color:#8994b8;flex:none;font-size:8px;font-weight:800}.class-line{color:#9faad2;flex-wrap:wrap;gap:3px;margin-top:4px;font-size:10px;display:flex}.shop-trait{background:#281a2a;border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.shop-trait.active{color:#fff0b7;background:#655020;box-shadow:inset 0 0 0 1px #f2c86b66}.owned-count{z-index:5;color:#102032;text-align:center;background:#76e0c5;border:2px solid #0e1328;border-radius:9px;min-width:21px;padding:3px 5px;font-size:10px;font-weight:900;position:absolute;bottom:-4px;right:-4px}.ability-line{color:#c2a8ff;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.shop-stat-line{color:#bfeee8;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:800;display:block;overflow:hidden}.shop-skill-line{color:#c9b4ff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.18;display:-webkit-box;overflow:hidden}.shop-skill-line b{color:#e7d9ff}.shop-copy{min-width:0}.price{color:var(--gold);font-weight:900}.sell-zone{color:#f5f7ff;text-align:center;text-shadow:-1px -1px #07101f,1px -1px #07101f,-1px 1px #07101f,1px 1px #07101f,0 2px 4px #000;border:1px dashed #ffffff58;border-radius:14px;place-items:center;min-height:55px;font-size:12px;display:grid}.sell-zone b{color:var(--gold);align-items:center;gap:4px;font-size:16px;display:inline-flex}.synergies{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px;display:grid}.synergy{text-align:center;color:#7883aa;background:#0d1227;border-radius:8px;padding:5px 3px;font-size:9px}.synergy b{margin-right:3px}.synergy.active{color:#fff0b7;background:#655020;box-shadow:inset 0 0 0 1px #f2c86b66}.class-details{background:#0c1126aa;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin:-2px 0 7px;padding:7px;display:grid}.class-details>strong{color:#f2c86b;text-transform:uppercase;grid-column:1/-1;font-size:10px}.class-detail{color:#8994b8;border-radius:7px;place-items:center;padding:5px 3px;font-size:8px;display:grid}.class-detail span{align-items:center;gap:3px;display:flex}.class-detail.active{color:#fff0b7;background:#65502066}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);z-index:80;color:#eefaff;filter:drop-shadow(0 10px 15px #0009);text-align:left;white-space:pre-line;pointer-events:none;opacity:0;visibility:hidden;background:#0b3348 url(../assets/ui/dawn-tooltip-frame-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:14px;width:max-content;max-width:260px;padding:17px 20px;font-size:10px;font-weight:600;line-height:1.35;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px)}.class-detail.has-tooltip:after{inset:50% auto auto calc(100% + 10px);transform:translate(5px,-50%)}.class-detail.has-tooltip:hover:after,.class-detail.has-tooltip:focus-visible:after{transform:translateY(-50%)}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.shop-card.has-tooltip:after{inset:0 calc(100% + 9px) auto auto;transform:translate(5px)}.shop-card.has-tooltip:hover:after,.shop-card.has-tooltip:focus-visible:after{transform:translate(0)}.fighter-info-card{z-index:250;color:#f7fbff;pointer-events:none;background:linear-gradient(155deg,#174b61f7,#0b2035f9 58%,#10152af9);border:1px solid #f3d58c;border-radius:18px;width:min(320px,100vw - 24px);padding:14px;animation:.12s ease-out both fighter-info-in;position:fixed;box-shadow:0 18px 45px #000b,inset 0 0 0 2px #ffffff10,0 0 20px #4fd6dd30}.fighter-info-card:before{content:"";pointer-events:none;border:1px solid #f2c86b42;border-radius:13px;position:absolute;inset:5px}.fighter-info-head{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:11px;display:grid;position:relative}.fighter-info-head>div{min-width:0}.fighter-info-head small,.fighter-info-head strong{display:block}.fighter-info-head small{color:#ffe289;letter-spacing:.06em;font-size:10px}.fighter-info-head strong{text-overflow:ellipsis;white-space:nowrap;color:#fff8df;margin:2px 0 6px;font:800 15px Unbounded,sans-serif;overflow:hidden}.fighter-info-portrait{--unit:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--unit) 34%,#31566a),#09182d 72%);border:2px solid #f2c86b9c;border-radius:18px;place-items:center;width:68px;height:68px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #ffffff1c,0 5px 12px #0007}.fighter-info-portrait .portrait-art{inset:-10%}.fighter-info-portrait .portrait-art.generated-cutout{background-position:50% 10%;background-size:auto 255%;animation:none;inset:0}.fighter-info-portrait .portrait-art.hero-cutout{background-position:50% 12%;background-size:auto 235%;animation:none;inset:0}.fighter-info-portrait .portrait-art.master-cutout{inset:-66%}.fighter-info-traits{flex-wrap:wrap;gap:4px;display:flex}.fighter-info-trait{color:#cce8ee;background:#06192bb8;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;font-weight:800;display:inline-flex}.fighter-info-trait .game-icon{width:15px;height:15px}.fighter-info-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0 9px;display:grid;position:relative}.fighter-info-stats>span{text-align:center;background:#07172bbd;border-radius:9px;min-width:0;padding:6px 4px;box-shadow:inset 0 0 0 1px #ffffff12}.fighter-info-stats b,.fighter-info-stats small{display:block}.fighter-info-stats b{color:#bffbf2;white-space:nowrap;font-size:10px}.fighter-info-stats small{text-overflow:ellipsis;color:#8da7bd;white-space:nowrap;margin-top:2px;font-size:7px;overflow:hidden}.fighter-info-ability,.fighter-info-advantage{background:#07172b99;border-radius:10px;padding:8px 9px;position:relative}.fighter-info-ability{border-left:3px solid #b99cff}.fighter-info-advantage{border-left:3px solid #f2c86b;margin-top:5px}.fighter-info-ability b,.fighter-info-advantage b{color:#e7d6ff;font-size:10px}.fighter-info-advantage b{color:#ffe294}.fighter-info-ability p,.fighter-info-advantage p{color:#c5d3e1;margin:3px 0 0;font-size:9px;line-height:1.4}@keyframes fighter-info-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:none}}.sell-zone.drag-over{color:#fff;background:#d34f5a42;border-color:#ef7780}.sell-drop-ready .arena-wrap{box-shadow:0 20px 60px #0007,0 0 0 3px #ef778077,0 0 30px #ef778044}.fight-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.arena-wrap>.fight-btn{z-index:30;width:auto;min-width:190px;padding:10px 22px;position:absolute;bottom:18.5%;left:50%;transform:translate(-50%)}.arena-wrap>.fight-btn:hover{transform:translate(-50%,-2px)}.ui-layout-custom#fight{place-items:center;min-width:0;min-height:0;padding:0 clamp(8px,1.3cqw,18px);display:grid;bottom:auto!important;right:auto!important;transform:none!important}.ui-layout-custom#fight:hover{transform:translateY(-2px)!important}.ui-layout-custom#timer,.ui-layout-custom#board,.ui-layout-custom#emote-control,.ui-layout-custom.ruler-emote{bottom:auto!important;right:auto!important;transform:none!important}.ui-layout-custom.ruler-emote{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ui-layout-custom.ruler-emote:after,.ui-layout-custom.enemy-emote-display:after{content:none}.ui-layout-custom.ruler-podium{aspect-ratio:auto;min-width:44px;min-height:44px}.ui-layout-custom#shop-panel,.ui-layout-custom#class-panel,.ui-layout-custom#match-resource{min-width:0;min-height:0;container-type:inline-size}.ui-layout-custom#shop-panel .panel-head h2{font-size:clamp(9px,4.1cqw,18px)}.ui-layout-custom#shop-panel .fighter-name{font-size:clamp(8px,3.3cqw,16px)}.ui-layout-custom#shop-panel .shop-stat-line,.ui-layout-custom#shop-panel .shop-skill-line{font-size:clamp(6px,2.35cqw,11px)}.ui-layout-custom#shop-panel .price{font-size:clamp(12px,5cqw,24px)}.ui-layout-custom#class-panel{padding:8cqw}.ui-layout-custom#class-panel .synergies{gap:5cqw}.ui-layout-custom#class-panel .synergy{border-radius:14cqw;min-height:72cqw}.ui-layout-custom#class-panel .synergy b .game-icon{width:60cqw;height:60cqw}.ui-layout-custom#class-panel .synergy small{font-size:11cqw}#match-resource{container-type:inline-size}#match-resource .resource-icon{width:clamp(24px,26cqw,44px);height:clamp(24px,26cqw,44px)}#match-resource strong,#match-resource span:not(.resource-icon){font-size:clamp(17px,28cqw,34px);line-height:1}.layout-editor{z-index:400;pointer-events:auto;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:14px;left:14px}#layout-editor-toggle{color:#eafffb;cursor:pointer;background:#0a2038e8;border:2px solid #8be7df;border-radius:13px;min-width:58px;min-height:42px;padding:8px 11px;font-weight:900;box-shadow:0 7px 20px #0009,0 0 15px #63d6d03b}#layout-editor-toggle.active{color:#17233c;background:#77e7dc}.layout-editor-tools{color:#eefcff;background:#07182af2;border:1px solid #79dfd7;border-radius:15px;grid-template-columns:1fr;gap:7px;width:min(440px,100vw - 92px);padding:12px;display:grid;box-shadow:0 14px 36px #000c}.layout-editor-tools>strong{color:#ffe59c;font:800 12px Unbounded,sans-serif}.layout-editor-tools>span,.layout-editor-tools>small{color:#bcd8df;font-size:9px;line-height:1.35}.layout-editor-tools>code{color:#9ff4ec;word-break:break-all;-webkit-user-select:text;user-select:text;background:#020914;border-radius:8px;min-height:30px;max-height:72px;padding:7px;font:8px/1.35 monospace;overflow:auto}.layout-editor-tools>div{flex-wrap:wrap;gap:6px;display:flex}.layout-editor-tools button{color:#f7fbff;cursor:pointer;background:#243456;border:1px solid #ffffff30;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.layout-editor-tools button:first-child{color:#18223b;background:#f2cf73}.layout-editing [data-layout-key]{outline-offset:3px;cursor:move!important;pointer-events:auto!important;outline:3px dashed #ffe46b!important}.layout-editing [data-layout-key]:before{content:"";z-index:502;cursor:nwse-resize;pointer-events:none;background:linear-gradient(135deg,#ffe16f 0 48%,#4bded2 50%);border:2px solid #163151;border-radius:5px;width:18px;height:18px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 8px #0009}.layout-editing [data-layout-key]:after{content:attr(data-layout-label);z-index:500;color:#152039;white-space:nowrap;pointer-events:none;background:#ffe16f;border-radius:6px;padding:4px 6px;font:800 8px Inter,sans-serif;position:absolute;top:4px;left:4px;box-shadow:0 3px 8px #0008}.layout-editing [data-layout-key].ui-layout-dragging{filter:brightness(1.08);outline-color:#65fff1!important}.layout-editing #fight:after{top:-24px;left:50%;transform:translate(-50%)}.layout-editing #board{background:#5bded20b}.layout-editing .ruler-emote.hidden{opacity:.72;display:grid!important}.cosmetic-store-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cosmetic-store-head b,.cosmetic-store-head span{display:block}.cosmetic-store-head b{color:var(--gold);text-transform:uppercase;font:700 13px Unbounded,sans-serif}.cosmetic-store-head span{color:#9ba7ce;margin-top:3px;font-size:9px}.cosmetic-store-head strong{color:#ffe297;white-space:nowrap;background:#2a2330;border-radius:12px;padding:8px 11px}.store-section-title{color:#dfe5ff;letter-spacing:.13em;text-transform:uppercase;margin:10px 0 6px;font-size:9px;font-weight:900}.emote-shop{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.emote-shop-item{color:#dfe5ff;cursor:pointer;background:#080c1b;border:1px solid #ffffff1a;border-radius:10px;min-width:0;padding:5px 3px}.emote-shop-item .emote-glyph,.emote-shop-item b,.emote-shop-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.emote-shop-item .emote-glyph{font-size:24px}.emote-shop-item .emote-art{width:34px;height:34px;margin:0 auto}.emote-shop-item b{margin:2px 0;font-size:8px}.emote-shop-item small{color:var(--gold);font-size:7px}.emote-shop-item.selected{border-color:var(--cyan);background:#214653;box-shadow:0 0 12px #63d6d044}.arena-skin b{color:var(--gold);margin-top:3px;font-size:8px;display:block}.arena-skin.locked img{filter:grayscale(.6)brightness(.55)}.reward-chest{color:#ffe5a1;cursor:pointer;filter:drop-shadow(0 12px 18px #000a);background:0 0;border:0;border-radius:18px;width:180px;margin:-8px auto 20px;padding:4px 10px 10px;font-weight:900}.reward-chest img{object-fit:cover;border-radius:12px;width:140px;height:105px;margin:auto;display:block}.reward-chest.opened{opacity:.72;cursor:default}.reward-loot{color:var(--gold);justify-content:center;gap:12px;margin:-10px 0 18px;font-weight:900;display:flex}.result-card .primary:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.7)}.fight-hotkey{color:#202743;background:linear-gradient(#fff7d2,#e9c965);border-color:#fff3;min-width:62px}.tip{color:#8f99be;margin:10px 3px 0;font-size:11px;line-height:1.4}.drag-ghost{z-index:100;pointer-events:none;width:68px;height:68px;position:fixed;transform:translate(-50%,-50%)scale(1.08)}.drag-sell-value{z-index:8;color:#fff1b8;background:#11172def;border:1px solid #f2c86b99;border-radius:999px;align-items:center;gap:4px;min-width:max-content;padding:5px 9px;font:900 12px Unbounded,sans-serif;display:flex;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 5px 16px #0009}.drag-sell-value img{width:17px;height:17px}.attack-range-preview{z-index:98;border:2px solid color-mix(in srgb,var(--range-color,#63d6d0) 88%,#fff);pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--range-color,#63d6d0) 8%,transparent) 0 62%,color-mix(in srgb,var(--range-color,#63d6d0) 19%,transparent) 63% 100%);width:100px;height:100px;box-shadow:inset 0 0 24px color-mix(in srgb,var(--range-color,#63d6d0) 18%,transparent),0 0 18px color-mix(in srgb,var(--range-color,#63d6d0) 38%,transparent);border-radius:50%;transition:left 80ms ease-out,top 80ms ease-out,width .12s ease-out,height .12s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.attack-range-preview:before,.attack-range-preview:after{content:"";background:color-mix(in srgb,var(--range-color,#63d6d0) 45%,transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attack-range-preview:before{width:100%;height:1px}.attack-range-preview:after{width:1px;height:100%}.attack-range-preview>span{z-index:2;color:#fff;text-shadow:0 2px 5px #000;background:#0a1024dd;border:1px solid #ffffff38;border-radius:999px;min-width:max-content;padding:4px 8px;font:800 10px Unbounded,sans-serif;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.cell.attack-range-cell{box-shadow:inset 0 0 16px color-mix(in srgb,var(--range-color,#63d6d0) 25%,transparent),0 0 9px color-mix(in srgb,var(--range-color,#63d6d0) 30%,transparent);border-color:color-mix(in srgb,var(--range-color,#63d6d0) 82%,white)!important;background:color-mix(in srgb,var(--range-color,#63d6d0) 19%,transparent)!important;opacity:1!important}.cell.attack-range-origin{box-shadow:inset 0 0 20px color-mix(in srgb,var(--range-color,#63d6d0) 42%,transparent),0 0 12px color-mix(in srgb,var(--range-color,#63d6d0) 45%,transparent);background:color-mix(in srgb,var(--range-color,#63d6d0) 35%,transparent)!important}.result{z-index:220;-webkit-backdrop-filter:blur(12px)saturate(.72);backdrop-filter:blur(12px)saturate(.72);background:#080b1845;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{text-align:center;color:#effcff;filter:none;text-shadow:0 3px 10px #000;background:0 0;border:0;border-radius:24px;width:min(92vw,440px);padding:28px 30px}.result-icon{font-size:65px}.result h2{margin:10px 0;font:700 34px Unbounded}.result p{color:#b9c2e2;margin:0 0 25px}.result-xp{color:var(--gold);margin:-12px 0 24px;font-weight:900}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-actions button{min-width:0;padding:13px 12px}.settings-layer{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050814dc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-card{background:linear-gradient(155deg,#29335f,#151a32);border:1px solid #ffffff28;border-radius:24px;width:min(94vw,480px);max-height:90dvh;padding:20px;overflow:auto;box-shadow:0 25px 80px #000b}.settings-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-head h2{margin:0;font:700 20px Unbounded,sans-serif}.icon-btn{background:#ffffff0c;border:1px solid #ffffff25;border-radius:10px;width:36px;height:36px;font-size:22px}.settings-form{gap:7px;display:grid}.settings-form label{color:#d7def7;background:#0c1126aa;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.settings-form input[type=checkbox]{width:22px;height:22px;accent-color:var(--cyan)}.settings-form input[type=range]{width:45%;accent-color:var(--gold)}.tutorial-card{z-index:45;left:50%;bottom:max(12px,env(safe-area-inset-bottom));background:#10162cf2;border:1px solid #f2c86b88;border-radius:18px;width:min(92vw,420px);padding:14px 16px;position:fixed;transform:translate(-50%);box-shadow:0 14px 45px #000a,0 0 22px #f2c86b33}.tutorial-card span{color:var(--gold);font-size:10px}.tutorial-card strong{color:#fff;margin:3px 0;display:block}.tutorial-card p{color:#bac4e6;margin:0 0 9px;font-size:11px;line-height:1.35}.tutorial-card button{padding:6px 9px;font-size:10px}.tutorial-focus{z-index:44;box-shadow:0 0 0 3px #f2c86b,0 0 28px #f2c86b99!important}.toast{z-index:30;white-space:nowrap;background:#070a16e8;border:1px solid #fff3;border-radius:999px;padding:10px 16px;font-size:12px;animation:2s both toast;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@keyframes toast{0%,to{opacity:0;transform:translate(-50%,10px)}12%,82%{opacity:1;transform:translate(-50%)}}.reduced-motion *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.high-contrast{--panel:#05070e;--ink:#000;--cyan:#81fff5;--gold:#ffe07c}.high-contrast body{background:#000}.high-contrast .panel,.high-contrast .arena-wrap,.high-contrast .shop-card{border-color:#fff8}.large-text{font-size:112.5%}@media (width<=760px){.app-shell{padding-left:8px;padding-right:8px}.hero{width:min(96vw,560px);padding:24px 8px 110px}.campaign-shell{border-radius:20px;padding:14px}.campaign-header{grid-template-columns:auto 1fr;gap:10px}.campaign-header>strong{grid-column:1/-1;justify-self:end}.campaign-chapter-grid{grid-template-columns:1fr}.mission-node{min-height:105px}.briefing-grid{grid-template-columns:1fr}.objectives-card{grid-column:auto}.campaign-start{min-width:min(280px,100%)}.vault-head{grid-template-columns:1fr 130px}.chest-buy{grid-template-columns:58px 1fr}.chest-buy img{width:58px;height:56px}.arena-skins{grid-template-columns:repeat(2,1fr)}.profile-card{max-width:360px}.layout{grid-template-columns:1fr}.arena-wrap{aspect-ratio:3/4;background-image:var(--arena-background,url(../assets/arena/summer-meadow-arena-v1.webp));width:min(100%,420px);min-height:0}.board-overlay{width:auto;height:48%;top:26%;left:50%;right:auto}.enemy-bench-panel{top:15.2%;left:22%;right:29%}.bench-panel{bottom:10.7%;left:18%;right:28%}.enemy-ruler{top:14.2%;left:7.5%}.player-ruler{bottom:10.2%;right:7.5%}.ruler-art{width:112%;height:112%}.ruler-art-eirik{width:102%;height:102%}.brand-mini{display:none}.round-label{text-overflow:ellipsis;max-width:118px;margin-right:auto;overflow:hidden}.match-modifier{min-width:105px;max-width:125px}.phase{display:none}.ruler-chip{min-width:30px;padding:4px}.ruler-chip b{display:none}.side-panel{grid-template-columns:minmax(0,1fr) 104px;align-items:stretch}.synergies{grid-template-columns:repeat(2,1fr)}.shop-panel{grid-column:1}.shop{grid-template-columns:repeat(3,1fr);gap:5px}.shop-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;min-width:0;min-height:104px;padding:7px 4px}.shop-hotkey{min-width:19px;min-height:19px;padding:1px 4px;font-size:8px;top:3px;left:3px}.portrait{width:42px}.fighter-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.class-line{justify-content:center;display:flex}.shop-trait-name{display:none}.ability-line{max-width:110px;font-size:8px}.ability-description,.fighter-advantage{max-width:112px;font-size:7px;display:block}.class-details{grid-template-columns:repeat(2,1fr)}.class-details>strong{grid-column:1/-1}.class-detail{display:block}.class-detail small{margin-top:2px;font-size:7px;display:block}.price{font-size:11px}.actions-panel{flex-direction:column;grid-area:1/2;justify-content:center;width:auto;display:flex}.actions-panel .primary{min-width:0;padding-left:6px;padding-right:6px}.fight-btn{flex-direction:column;gap:4px}.fight-hotkey{min-width:48px;min-height:18px;font-size:7px}.panel{border-radius:16px;padding:10px}.panel h2{font-size:12px}.sell-zone{min-height:38px}.tip{display:none}}@media (height<=700px) and (width<=760px){.topbar{height:48px}.arena-wrap{min-height:0}.bench{height:50px}.bench-slot .unit-token{font-size:19px}.shop-card{min-height:86px}.portrait{width:34px;font-size:20px}}@media (width<=760px){.app-shell{width:100%;padding:6px}#game{min-height:auto}.topbar{gap:5px;min-height:46px}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:7px}.arena-wrap{aspect-ratio:2;background-image:var(--arena-background,url(../assets/arena/summer-meadow-arena-v1.webp));width:min(100%,200dvh - 24px);min-height:0}.board-overlay{width:auto;height:48%;top:26%;left:50%;right:auto}.enemy-bench-panel{top:12.2%;left:30.8%;right:30.2%}.bench-panel{bottom:2.4%;left:26.4%;right:27.4%}.enemy-ruler{top:8.2%;left:auto;right:16.4%}.player-ruler{bottom:3.8%;left:5.6%;right:auto}.ruler-art{width:92%;height:92%}.ruler-art-eirik{width:86%;height:86%}.side-panel{grid-template-columns:1fr;gap:6px;display:grid}.shop-panel,.actions-panel{grid-area:auto;width:auto}.shop{grid-template-columns:1fr;gap:5px}.shop-card{text-align:left;grid-template-columns:42px minmax(0,1fr) auto;justify-items:stretch;min-height:76px;padding:5px 7px}.portrait{width:42px}.shop-trait-name,.ability-description,.fighter-advantage,.class-details,.tip{display:none}.actions-panel{padding:7px}.synergies{grid-template-columns:repeat(6,1fr);gap:2px}.sell-zone{min-height:30px;padding:5px}.arena-wrap>.fight-btn{flex-direction:row;min-width:130px;padding:7px 12px}.fight-hotkey{min-width:44px;min-height:18px}.league-shell{border-radius:20px;width:100%;height:calc(100dvh - 12px)}.league-header{gap:8px;padding:11px}.league-header h2{font-size:17px}.league-header>strong{padding:8px;font-size:12px}.league-scroll{padding:15px 10px 36px}.league-current{grid-template-columns:68px minmax(0,1fr);gap:11px;padding:13px}.league-emblem{width:66px}.league-current>strong{display:none}.league-track:before{left:29px}.league-rank{grid-template-columns:60px minmax(0,1fr);gap:8px}.league-rank-marker{width:60px}.league-rank-content{grid-template-columns:1fr}}#brand-logo{width:8%;height:5.2%;top:1%;left:1.2%}#timer{top:1%;left:47.2%}#match-modifier{width:15%;top:.8%;left:72%}#match-resource{width:7.2%;top:1%;left:91.4%}.match-menu{color:#fff5cf;background:#0b2749d9;border:1px solid #f5d778;border-radius:999px;min-width:3.7%;height:3.5%;padding:4px 9px;top:1%;left:87.3%}.enemy-bench-panel{width:39%;height:12.8%;top:10.88%;left:30.85%;right:auto}.bench-panel{width:46.2%;height:15.2%;inset:71.03% auto auto 29.44%}.enemy-ruler{width:13%;top:6.59%;left:71%;right:auto}.player-ruler{width:13%;inset:58.59% auto auto 7.93%}#shop-panel{width:20%;top:35.19%;left:80.02%;right:auto}#class-panel{top:27.72%;left:1.54%;right:auto}.arena-wrap>#fight{top:91.71%;bottom:auto;left:43.47%;transform:none}.arena-wrap>#fight:hover{transform:translateY(-2px)}#menu :is(button,b,strong,small,span,p,h2,h3),#game :is(button,b,strong,small,span,p,h2,h3,kbd),#result :is(button,b,strong,small,span,p,h2,h3){paint-order:stroke fill;text-shadow:none!important}#menu :is(button,b,strong,h2,h3),#game :is(button,b,strong,h2,h3,kbd),#result :is(button,b,strong,h2,h3){-webkit-text-stroke:.45px var(--text-outline)}#game :is(.section-label,.enemy-caption,.round-label,.panel-head h2,.shop-rule),#menu :is(.tagline,.vault-head b,.commander-card b,.league-open-button b){-webkit-text-stroke:.65px var(--text-outline);paint-order:stroke fill}.match-menu-layer{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071126aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.match-menu-card{text-align:center;background:linear-gradient(160deg,#123f64f2,#091a36f5);border:2px solid #f0d27b;border-radius:26px;gap:12px;width:min(92vw,390px);padding:26px;display:grid;box-shadow:0 24px 70px #0009}.match-menu-card h2{color:#fff2bd;margin:0}.match-menu-card p{color:#d9efff;margin:0 0 5px}.matchmaking-screen{background:linear-gradient(#071229a8,#071229df),var(--menu-arena-background,linear-gradient(145deg,#173a65,#09152c)) center/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.matchmaking-card{color:#fff;text-align:center;background:linear-gradient(160deg,#174f72f2,#081a36f5);border:3px solid #efd27a;border-radius:34px;justify-items:center;gap:13px;width:min(92vw,620px);padding:30px 42px 34px;display:grid;box-shadow:0 28px 85px #000a,inset 0 0 0 4px #46d6dc35}.matchmaking-logo{object-fit:contain;width:min(280px,65vw);max-height:125px}.matchmaking-crown{color:#ffd463;-webkit-text-stroke:2px #80501a;font-size:56px;line-height:.8}.matchmaking-card p,.matchmaking-card h2{margin:0}.matchmaking-card p{color:#83ebef;letter-spacing:.14em;font-weight:900}.matchmaking-card h2{color:#fff0b3;-webkit-text-stroke:1px #3d260d;font-size:clamp(25px,5vw,42px)}.matchmaking-search{align-items:center;gap:12px;height:26px;display:flex}.matchmaking-search span{background:#65ecf0;border-radius:50%;width:16px;height:16px;animation:1.05s ease-in-out infinite matchmaking-pulse}.matchmaking-search span:nth-child(2){animation-delay:.15s}.matchmaking-search span:nth-child(3){animation-delay:.3s}.matchmaking-progress{background:#06152d;border:2px solid #f2d37b;border-radius:999px;width:100%;height:18px;padding:3px;overflow:hidden}.matchmaking-progress i{background:linear-gradient(90deg,#2dcbd4,#8ef8df,#ffd76a);border-radius:999px;width:0;height:100%;transition:width .12s linear;display:block}.matchmaking-card strong{color:#fff0b3;font-size:24px}.matchmaking-card small{color:#d7efff;font-size:15px}.matchmaking-card button{min-width:210px;margin-top:5px}@keyframes matchmaking-pulse{0%,to{opacity:.4;transform:scale(.65)}50%{opacity:1;transform:scale(1.15)}}.shop,.shop-panel,.shop-card,.fighter-card,.class-line,.class-details{overflow:visible!important}.class-tooltip,.trait-tooltip,.synergy-tooltip,.shop-tooltip,.class-hover-tooltip,.trait-hover-tooltip,.synergy-hover-tooltip{z-index:999!important;min-width:220px!important;max-width:340px!important;box-shadow:none!important;color:#fff6d8!important;letter-spacing:.01em!important;white-space:normal!important;text-align:left!important;text-shadow:0 2px #1b2038,0 0 8px #0000008c,0 3px 10px #000000a6!important;pointer-events:none!important;background:0 0!important;border:0!important;padding:0!important;font-size:16px!important;font-weight:900!important;line-height:1.35!important;position:absolute!important;top:50%!important;left:100%!important;transform:translate(14px,-50%)!important}.class-tooltip *,.trait-tooltip *,.synergy-tooltip *,.shop-tooltip *,.class-hover-tooltip *,.trait-hover-tooltip *,.synergy-hover-tooltip *{box-shadow:none!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;text-shadow:inherit!important;background:0 0!important;border:0!important}.class-line>*,.class-details>*,.shop-card>*{position:relative}.class-hover-label,.class-desc,.class-description,.trait-description,.synergy-description{z-index:999!important;min-width:220px!important;max-width:340px!important;box-shadow:none!important;color:#fff6d8!important;text-shadow:0 2px #1b2038,0 0 8px #0000008c,0 3px 10px #000000a6!important;background:0 0!important;border:0!important;padding:0!important;font-size:16px!important;font-weight:900!important;line-height:1.35!important;position:absolute!important;top:50%!important;left:calc(100% + 14px)!important;transform:translateY(-50%)!important}.match-menu{border-radius:14px!important;width:4%!important;min-width:62px!important;height:2.6%!important;min-height:28px!important;padding:2px 8px!important;font-size:11px!important;line-height:1!important;top:1%!important;left:1.2%!important;right:auto!important}.bench-panel{width:39.91%!important;height:13.17%!important;top:72.51%!important;left:29.33%!important}.enemy-bench-panel{width:32.75%!important;height:9.08%!important;top:11.55%!important;left:33.83%!important}#sell{width:22.35%!important;height:31.22%!important;top:61.55%!important;left:75.92%!important}#match-resource{width:7.2%!important;height:3.46%!important;top:38.64%!important;left:92.81%!important}.enemy-ruler{width:12.97%!important;height:25.93%!important;top:0%!important;left:71.39%!important}#enemy-emote-display,.enemy-emote-display{width:6.48%!important;height:12.57%!important;top:0%!important;left:68.82%!important}#player-emote-display,.player-emote-display{width:6.64%!important;height:11.84%!important;top:52.03%!important;left:16.15%!important}#emote-control,.emote-control{width:4%!important;height:8.12%!important;top:64.06%!important;left:18.53%!important}#shop-panel{width:19.98%!important;height:20.18%!important;top:39.93%!important;left:80.03%!important}.arena-wrap>#fight,#fight{width:7.47%!important;height:3.46%!important;top:91.25%!important;bottom:auto!important;left:45.91%!important;transform:none!important}.board-overlay{width:37.65%!important;height:47.69%!important;top:23.9%!important;left:31.11%!important;right:auto!important}.player-ruler{width:12.98%!important;height:25.96%!important;top:53.71%!important;left:6.92%!important}.result.chest-flow{background:radial-gradient(circle at 50% 46%,#8128134d 0,#211020d9 42%,#070711f5 82%),linear-gradient(#130c18e8,#05050bee)}.result.chest-flow .result-card{width:min(760px,94vw);min-height:min(690px,88dvh);box-shadow:none;background:0 0;border:0;place-content:center;justify-items:center;padding:16px;display:grid;overflow:visible}.result.chest-flow :is(#result-icon,#result-title,#result-copy,#result-xp),.result.chest-pending .result-actions{display:none!important}.result.chest-flow .result-actions{z-index:8;margin-top:14px;animation:.42s cubic-bezier(.18,.82,.2,1) both reward-actions-arrive;position:relative}.reward-chest.native-chest-flow{isolation:isolate;color:#fff1bd;cursor:pointer;filter:drop-shadow(0 28px 24px #000b);transform-origin:50% 74%;background:0 0;border:0;border-radius:50%;align-content:center;place-items:center;width:min(470px,78vw);min-height:390px;margin:0 auto;padding:18px 16px 28px;display:grid;position:relative;overflow:visible}.reward-chest.native-chest-flow:disabled{opacity:1}.reward-chest.native-chest-flow img{z-index:4;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50% 72%;border-radius:0;width:100%;height:min(370px,57vh);margin:0;display:block;position:relative}.reward-chest-halo,.reward-chest-rays{z-index:1;pointer-events:none;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.reward-chest-halo{aspect-ratio:1;opacity:.42;filter:blur(12px);background:radial-gradient(circle,#fff7bd 0 3%,#ffc33d8c 20%,#e453243b 48%,#0000 72%);border-radius:50%;width:72%;animation:1.5s ease-in-out infinite alternate reward-chest-halo}.reward-chest-rays{aspect-ratio:1;opacity:.22;background:repeating-conic-gradient(from 6deg, #ffd978 0 5deg, transparent 5deg 18deg);width:94%;animation:12s linear infinite reward-chest-rays;-webkit-mask-image:radial-gradient(circle,#0000 0 20%,#000 48%,#0000 72%);mask-image:radial-gradient(circle,#0000 0 20%,#000 48%,#0000 72%)}.reward-chest-stars{z-index:7;color:#ffe063;letter-spacing:.14em;text-shadow:0 3px #8b350f,0 0 16px #ffca46;min-height:35px;margin-top:-36px;font:900 clamp(27px,4vw,42px)/1 Unbounded,sans-serif;position:relative}#reward-chest-label{z-index:7;color:#fff0c2;letter-spacing:.09em;text-shadow:0 3px 8px #000;margin-top:9px;font:900 clamp(11px,1.45vw,15px)/1.25 Unbounded,sans-serif;position:relative}.reward-chest.native-chest-flow:not(.opening):not(.revealing):not(.opened):not(.arriving) img{animation:1.55s ease-in-out infinite reward-chest-idle}.reward-chest.native-chest-flow:not(:disabled):hover img{transform:translateY(-8px)scale(1.045)}.reward-chest.native-chest-flow.arriving{animation:.82s cubic-bezier(.12,.86,.18,1.2) both reward-chest-arrive}.reward-chest.native-chest-flow.arriving .reward-chest-halo{animation:.85s ease-out both reward-halo-arrive}.reward-chest.native-chest-flow.opening img{animation:.52s ease-in-out both reward-chest-shake}.reward-chest.native-chest-flow.opening .reward-chest-halo{opacity:.75;animation:.52s ease-in both reward-halo-charge}.reward-chest.native-chest-flow.revealing img{animation:.72s cubic-bezier(.12,.82,.18,1.18) both reward-chest-reveal}.reward-chest.native-chest-flow.revealing .reward-chest-halo,.reward-chest.native-chest-flow.opened .reward-chest-halo{opacity:.95;background:radial-gradient(circle,#fff 0 5%,#fff6a8d9 17%,#ffc1369c 40%,#0000 72%);transform:translate(-50%,-50%)scale(1.42)}.reward-chest.native-chest-flow.revealing .reward-chest-rays{opacity:.68;animation:2.4s linear infinite reward-chest-rays,.65s ease-out both reward-rays-burst}.reward-chest.native-chest-flow.opened{cursor:default}.reward-chest.native-chest-flow.opened img{transform:translateY(-5px)scale(1.04)}.reward-chest-particles{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:48%;left:50%}.reward-chest-particles i{opacity:0;background:#ffe676;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute;box-shadow:0 0 12px #ffbd35}.reward-chest-particles i.gem{background:#ff6f9f;border-radius:3px;width:13px;height:13px;margin:-7px;transform:rotate(45deg);box-shadow:0 0 13px #ff4d87}.reward-chest.native-chest-flow.revealing .reward-chest-particles i{animation:reward-particle-burst .8s var(--delay) cubic-bezier(.12,.72,.22,1) both}.result.chest-flow .reward-loot{z-index:9;color:#ffe486;text-shadow:0 3px 8px #000;min-height:28px;margin:-17px 0 2px;font:900 17px Unbounded,sans-serif;animation:.42s cubic-bezier(.18,.82,.2,1.12) both reward-loot-arrive;position:relative}@keyframes reward-chest-arrive{0%{opacity:0;transform:translateY(-38vh)scale(.28)rotate(-10deg)}58%{opacity:1;transform:translateY(18px)scale(1.09)rotate(3deg)}78%{transform:translateY(-9px)scale(.97)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes reward-halo-arrive{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}to{opacity:.42;transform:translate(-50%,-50%)scale(1)}}@keyframes reward-chest-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-9px)scale(1.025)}}@keyframes reward-chest-halo{0%{opacity:.28;transform:translate(-50%,-50%)scale(.9)}to{opacity:.52;transform:translate(-50%,-50%)scale(1.08)}}@keyframes reward-chest-rays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes reward-halo-charge{0%{filter:blur(15px);transform:translate(-50%,-50%)scale(.9)}to{filter:blur(8px);transform:translate(-50%,-50%)scale(1.35)}}@keyframes reward-chest-shake{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(-3px)rotate(-3deg)scale(.98,1.03)}32%{transform:translateY(2px)rotate(3deg)scale(1.04,.96)}49%{transform:translateY(-6px)rotate(-2deg)scale(.98,1.04)}66%{transform:translateY(1px)rotate(2deg)scale(1.05,.95)}83%{transform:translateY(-4px)rotate(-1deg)scale(1.02)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes reward-chest-reveal{0%{opacity:.4;filter:brightness(2.2);transform:translateY(8px)scale(.82)}36%{opacity:1;filter:brightness(1.75);transform:translateY(-16px)scale(1.18)}68%{filter:brightness(1.18);transform:translateY(3px)scale(.97)}to{filter:none;transform:translateY(-5px)scale(1.04)}}@keyframes reward-rays-burst{0%{transform:translate(-50%,-50%)scale(.45)}to{transform:translate(-50%,-50%)scale(1.25)}}@keyframes reward-particle-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.15)}22%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(var(--distance)) scale(.45) rotate(180deg)}}@keyframes reward-loot-arrive{0%{opacity:0;transform:translateY(13px)scale(.84)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reward-actions-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}html.mobile-landscape .result.chest-flow .result-card{width:100%!important;min-height:100dvh!important;padding:2px 12px 8px!important}html.mobile-landscape .reward-chest.native-chest-flow{min-height:0;padding:0 12px 10px;width:min(430px,67vw)!important;max-height:none!important}html.mobile-landscape .reward-chest.native-chest-flow img{height:min(67dvh,330px)}html.mobile-landscape .reward-chest-stars{margin-top:-28px;font-size:25px}html.mobile-landscape #reward-chest-label{margin-top:4px;font-size:10px}html.mobile-landscape .result.chest-flow .reward-loot{margin:-13px 0 0;font-size:12px}html.mobile-landscape .result.chest-flow .result-actions{margin-top:4px}@media (prefers-reduced-motion:reduce){.reward-chest.native-chest-flow,.reward-chest.native-chest-flow img,.reward-chest-halo,.reward-chest-rays,.reward-chest-particles i,.result.chest-flow .reward-loot,.result.chest-flow .result-actions{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.campaign-path{scroll-behavior:smooth}.campaign-chapter-expanded{min-width:0}.campaign-chapter-expanded>header{grid-template-columns:44px auto 1fr auto!important}.chapter-unlock-copy{color:#cfd5e7;text-align:right;justify-self:end;font-size:10px;font-weight:800}.chapter-unlock-copy b{color:#ffe28b!important}.mission-node{grid-template-columns:auto minmax(0,1fr) auto!important}.mission-node .mission-fighter-reward,.mission-node .mission-coin-reward{grid-column:1/-1}.mission-fighter-reward{background:linear-gradient(90deg,#f2c86b2e,#ffffff08);border:1px solid #ffda7161;border-radius:12px;align-items:center;gap:8px;margin-top:9px;padding:6px 9px;display:flex}.mission-fighter-reward img{object-fit:contain;filter:drop-shadow(0 5px 5px #000000a6);width:42px;height:42px}.mission-fighter-reward span{color:#f2c86b;letter-spacing:.08em;gap:2px;font-size:8px;font-weight:900;display:grid}.mission-fighter-reward b{letter-spacing:0;color:#fff5d4!important;font-size:11px!important}.mission-coin-reward{color:#ffe18a;justify-self:start;margin-top:8px;font-size:10px;font-weight:900}.briefing-fighter-unlock{color:#fff1b1;background:#f2c86b1c;border:1px solid #ffdc768c;border-radius:13px;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;display:flex}.briefing-fighter-unlock img{object-fit:contain;filter:drop-shadow(0 5px 6px #000000a6);width:54px;height:54px}.campaign-squad-locked{filter:grayscale(.55)brightness(.78);position:relative;opacity:.48!important;cursor:not-allowed!important}.campaign-squad-lock{background:#080c18b8;border-radius:10px;padding:7px 9px;font-weight:900;line-height:1.3;color:#ffd98a!important;min-height:0!important;margin-top:8px!important;font-size:9px!important;display:block!important}.campaign-fighter-unlock{z-index:210000;opacity:0;place-items:center;transition:opacity .22s;display:grid;position:fixed;inset:0}.campaign-fighter-unlock.hidden{display:none}.campaign-fighter-unlock.visible{opacity:1}.campaign-unlock-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 46%,#5b40215c,#05060ee8 58%);position:absolute;inset:0}.campaign-unlock-card{color:#fff7dc;text-align:center;background:radial-gradient(circle at 50% 35%,#69e3d72e,#0000 44%),linear-gradient(155deg,#283753,#161b31 58%,#352336);border:2px solid #f3ca68;border-radius:28px;justify-items:center;width:min(470px,100vw - 30px);padding:24px 28px 26px;transition:transform .42s cubic-bezier(.16,.88,.22,1.18);display:grid;position:relative;overflow:hidden;transform:translateY(22px)scale(.9);box-shadow:0 30px 90px #000000c7,0 0 45px #f2c86b40,inset 0 1px #ffffff4d}.campaign-fighter-unlock.visible .campaign-unlock-card{transform:translateY(0)scale(1)}.campaign-unlock-card small{color:#7fe5db;letter-spacing:.18em;font-size:9px;font-weight:950}.campaign-unlock-card h2{color:#fff0a9;text-shadow:0 4px 14px #000c;margin:7px 0 4px;font:900 clamp(23px,4vw,34px) Unbounded,sans-serif}.campaign-unlock-art{place-items:center;width:min(260px,66vw);height:250px;margin:4px 0 -8px;display:grid;position:relative}.campaign-unlock-art i{aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#fff19d9e,#5de0d32e 42%,#0000 72%);border-radius:50%;width:84%;animation:1.15s ease-in-out infinite alternate campaign-unlock-glow;position:absolute}.campaign-unlock-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 12px #000000b8);width:100%;height:100%;animation:.72s cubic-bezier(.14,.86,.2,1.15) both campaign-unlock-hero;position:relative}.campaign-unlock-card>strong{color:#fff;text-shadow:0 3px 10px #000c,0 0 18px #f2c86b66;font:900 22px Unbounded,sans-serif}.campaign-unlock-card p{color:#d9dfed;max-width:360px;margin:10px 0 17px;font-size:13px;line-height:1.45}.campaign-unlock-card button{color:#fff9dc;cursor:pointer;background:linear-gradient(#e4bd58,#a86b28);border:1px solid #fff0a0;border-radius:14px;width:min(310px,100%);min-height:48px;font-weight:950;box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff8c}@keyframes campaign-unlock-glow{0%{opacity:.65;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}@keyframes campaign-unlock-hero{0%{opacity:0;transform:translateY(24px)scale(.55)rotate(-4deg)}60%{opacity:1;transform:translateY(-8px)scale(1.08)rotate(2deg)}to{transform:none}}@media (width<=760px){.campaign-chapter-expanded>header{grid-template-columns:40px 1fr!important}.campaign-chapter-expanded>header b,.chapter-unlock-copy{text-align:left;grid-column:2;justify-self:start}.campaign-unlock-card{padding:20px 18px 22px}.campaign-unlock-art{height:210px}}html.reduced-motion .campaign-unlock-art i,html.reduced-motion .campaign-unlock-art img{animation:none!important}.guided-onboarding-card{pointer-events:auto}.guided-skip-button{color:#fff4cf;letter-spacing:.02em;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#0c1427d1;border:1px solid #ffe089b3;border-radius:10px;width:100%;margin-top:14px;padding:10px 14px;font:900 13px/1.1 Trebuchet MS,Arial,sans-serif;display:block;box-shadow:inset 0 1px #ffffff1f,0 5px 14px #00000059}.guided-skip-button:hover,.guided-skip-button:focus-visible{color:#fff;background:#233652f5;border-color:#ffe48a;outline:none;transform:translateY(-1px)}.guided-skip-button:active{transform:translateY(1px)}@media (width<=900px),(pointer:coarse){.guided-skip-button{min-height:44px;margin-top:10px;font-size:14px}}.matchmaking-progress,#matchmaking-time{display:none!important}.match-menu{border-radius:10px!important;width:4%!important;min-width:64px!important;height:2.6%!important;min-height:28px!important;padding:2px 8px!important;font-size:clamp(9px,.58vw,12px)!important;top:1%!important;left:1.2%!important;right:auto!important}#brand-logo{object-fit:contain!important;width:16%!important;height:10.4%!important;top:.6%!important;left:83.3%!important;right:auto!important}#shop-panel{z-index:42!important;width:21.6%!important;height:27.5%!important;padding:clamp(7px,.55vw,11px)!important;top:37%!important;left:77.5%!important;right:auto!important;overflow:hidden!important}#shop-panel .panel-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:30px;margin:0 2px 7px!important;display:grid!important}#shop-panel .panel-head h2{white-space:nowrap;min-width:0;font-size:clamp(13px,.9vw,17px)!important}#shop-panel .shop-rule{white-space:nowrap;opacity:.78;color:#f5dfbd!important;font-size:clamp(8px,.5vw,10px)!important}#shop-panel #match-resource.shop-resource{color:#fff7d6;white-space:nowrap;background:linear-gradient(#155376,#0a314f);border:2px solid #f3cf76;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:70px;line-height:1;box-shadow:inset 0 1px #ffffff42,0 3px 8px #0007;width:auto!important;height:auto!important;padding:3px 10px 3px 6px!important;font-size:clamp(15px,1.05vw,20px)!important;display:inline-flex!important;position:static!important;inset:auto!important;transform:none!important}#shop-panel #match-resource .resource-icon{width:clamp(23px,1.55vw,31px)!important;height:clamp(23px,1.55vw,31px)!important}#shop-panel .shop{grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:5px!important;height:calc(100% - 37px)!important}#shop-panel .shop-card{border-radius:12px!important;grid-template-columns:clamp(48px,3.3vw,62px) minmax(0,1fr) auto!important;gap:clamp(6px,.5vw,9px)!important;height:100%!important;min-height:0!important;padding:6px 8px!important;overflow:hidden!important}#shop-panel .portrait{width:clamp(48px,3.3vw,62px)!important;height:clamp(48px,3.3vw,62px)!important;max-height:none!important}#shop-panel .fighter-name{line-height:1.05;font-size:clamp(12px,.78vw,15px)!important}#shop-panel .fighter-name-line small{font-size:clamp(8px,.48vw,10px)!important}#shop-panel .class-line{gap:4px!important;margin-top:3px!important}#shop-panel .shop-trait{background:0 0!important;padding:1px 3px!important}#shop-panel .class-line .game-icon{width:clamp(15px,.95vw,18px)!important;height:clamp(15px,.95vw,18px)!important}#shop-panel .shop-stat-line{line-height:1.15;color:#d6fff8!important;text-overflow:clip!important;margin-top:4px!important;font-size:clamp(9px,.62vw,12px)!important;overflow:visible!important}#shop-panel .shop-skill-line{display:none!important}#shop-panel .price{white-space:nowrap;align-items:center;gap:3px;display:inline-flex;font-size:clamp(14px,.95vw,18px)!important}#shop-panel .price .game-icon{width:1.65em!important;height:1.65em!important}#shop-panel .class-icon.has-tooltip:after{content:none!important;display:none!important}.shop-context-tooltip{z-index:100000;color:#fff9df;letter-spacing:.01em;text-align:left;text-wrap:balance;pointer-events:none;text-shadow:-1px -1px #07152d,1px -1px #07152d,-1px 1px #07152d,1px 1px #07152d,0 3px 4px #000,0 0 11px #000e;background:0 0;border:0;width:max-content;min-width:230px;max-width:min(360px,34vw);padding:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Verdana,sans-serif;font-size:clamp(14px,.95vw,18px);font-weight:900;line-height:1.34;position:fixed}#sell{opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-weight:900;transition:opacity .14s,transform .14s,visibility .14s;transform:translateY(8px)scale(.97);color:#fff3ef!important;background:linear-gradient(145deg,#8f342bd9,#491d29e8)!important;border:2px dashed #ffaca8!important;border-radius:14px!important;width:21.6%!important;height:6.4%!important;min-height:48px!important;padding:7px 12px!important;font-size:clamp(11px,.72vw,14px)!important;display:flex!important;top:65.3%!important;left:77.5%!important;right:auto!important;box-shadow:0 10px 24px #0008,inset 0 1px #ffffff2b!important}#sell:before{content:"✕";color:#fff5ec;background:#d45347;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid;box-shadow:inset 0 1px #fff5}#sell.drag-over{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}body:has(.drag-ghost) #sell{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}#sell.drag-over{background:linear-gradient(145deg,#b65234eb,#612333f2)!important;border-color:#fff2a3!important;box-shadow:0 0 24px #ffb45799,inset 0 0 0 2px #fff1a755!important}.arena-wrap>#fight,#fight{z-index:44!important;border-radius:16px!important;width:clamp(136px,8.5vw,172px)!important;min-width:0!important;height:clamp(44px,4.5vh,54px)!important;min-height:44px!important;padding:7px 18px!important;font-size:clamp(14px,.95vw,18px)!important;line-height:1!important;inset:88.4% auto auto 50%!important;transform:translate(-50%)!important}.arena-wrap>#fight:hover,#fight:hover{transform:translate(-50%)translateY(-2px)!important}.enemy-caption,.section-label{line-height:1.15;font-size:clamp(10px,.64vw,13px)!important}.enemy-caption span:first-child{font-size:clamp(11px,.7vw,14px)!important}#standings{width:11.85%!important;height:7.2%!important;top:6.68%!important;left:1.26%!important}#bench-panel{width:39.91%!important;height:13.17%!important;top:72.51%!important;left:29.33%!important}#enemy-bench-panel{width:32.75%!important;height:9.08%!important;top:11.55%!important;left:33.83%!important}#round{width:3.27%!important;height:2.52%!important;top:6.05%!important;left:47.2%!important}#timer{width:3.82%!important;height:3.46%!important;top:1.05%!important;left:47.2%!important}#match-modifier{width:8.65%!important;height:3.53%!important;top:.7%!important;left:9.93%!important}#enemy-ruler{width:12.97%!important;height:25.93%!important;top:0!important;left:71.39%!important}#enemy-emote-display{width:6.48%!important;height:12.57%!important;top:0!important;left:68.82%!important}#player-emote-display{width:6.64%!important;height:11.84%!important;top:52.03%!important;left:16.15%!important}#emote-control{width:4%!important;height:8.12%!important;top:64.06%!important;left:18.53%!important}#board{width:37.65%!important;height:47.69%!important;top:23.9%!important;left:31.11%!important;right:auto!important}#player-ruler{width:12.98%!important;height:25.96%!important;top:53.71%!important;left:6.92%!important}@media (width<=1200px){#shop-panel,#sell{width:22.7%!important;left:76.6%!important}#shop-panel .shop-rule{display:none}.shop-context-tooltip{min-width:205px;max-width:300px}}#round{-webkit-backdrop-filter:blur(7px)saturate(1.04);backdrop-filter:blur(7px)saturate(1.04);border:1px solid #ffe2a74d;border-radius:16px;min-width:164px;box-shadow:0 8px 18px #0000003d,inset 0 1px #ffffff29;background:linear-gradient(#1122393d,#08101d14)!important;width:auto!important;padding:8px 14px!important}.round-label{min-width:0!important}#match-modifier,.match-modifier{-webkit-backdrop-filter:blur(8px)saturate(1.06);backdrop-filter:blur(8px)saturate(1.06);min-width:188px;max-width:248px;filter:drop-shadow(0 6px 10px #00000047)!important;background:linear-gradient(#13284057,#0812201f)!important;border:1px solid #ffdea05c!important;border-radius:18px!important;width:13.4%!important;padding:16px 18px 14px!important;top:11.4%!important;left:84.1%!important;box-shadow:0 12px 24px #00000047,inset 0 1px #ffffff2e!important}#match-modifier b,#match-modifier span,.match-modifier b,.match-modifier span{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.bench-panel .section-label{-webkit-backdrop-filter:blur(6px)saturate(1.04);backdrop-filter:blur(6px)saturate(1.04);border:1px solid #ffe2a738;border-radius:14px;margin-bottom:8px;padding:7px 12px;box-shadow:0 6px 14px #0003,inset 0 1px #ffffff24;background:linear-gradient(#11233933,#08101d0f)!important}.enemy-caption{-webkit-backdrop-filter:blur(6px)saturate(1.02);backdrop-filter:blur(6px)saturate(1.02);background:linear-gradient(#2c141f33,#0a0a140a);border:1px solid #ffa8b02e;border-radius:12px;padding:6px 10px}#timer{left:46.9%!important}#round{top:6.05%!important;left:44.8%!important}@media (width<=1200px){#match-modifier,.match-modifier{min-width:172px;width:15.2%!important;left:82.8%!important}#round{min-width:150px}}@media (width<=980px){#match-modifier,.match-modifier{min-width:160px;width:16.4%!important;padding:14px 14px 12px!important;left:81.8%!important}.bench-panel .section-label,.enemy-caption,#round{-webkit-backdrop-filter:blur(4px)saturate(1.02);backdrop-filter:blur(4px)saturate(1.02)}}:root.ui-customizer-enabled{--ui-global-text-color:#fff8df;--ui-global-accent-color:#f2c86b;--ui-global-panel-fill:#13264052;--ui-global-panel-border:#f2c86b6b;--ui-global-font-scale:1;--ui-global-icon-scale:1;--ui-global-text-opacity:1;--ui-global-panel-blur:8px}#layout-editor-tools{max-height:min(78vh,900px);overflow:auto}#game [data-layout-key]{transition:box-shadow .18s,outline-color .18s,background-color .18s,border-color .18s,color .18s}#game [data-layout-key].ui-layout-selected{outline:2px solid var(--ui-global-accent-color);outline-offset:3px;box-shadow:0 0 0 2px #f2c86b38}#game [data-layout-key][data-ui-surface=true]{-webkit-backdrop-filter:blur(var(--ui-global-panel-blur)) saturate(1.06);backdrop-filter:blur(var(--ui-global-panel-blur)) saturate(1.06);background:var(--ui-global-panel-fill)!important;border-color:var(--ui-global-panel-border)!important}#game [data-layout-key]:is(#round,#match-modifier,#timer,#match-resource,#sell,#shop-panel,#class-panel){color:var(--ui-global-text-color)!important}#game [data-layout-key]:is(#round,#match-modifier,#timer,#match-resource,#sell,#shop-panel,#class-panel,#bench-panel,#enemy-bench-panel) :is(span,b,strong,small,p,h2,h3,button,code){opacity:var(--ui-global-text-opacity);color:var(--ui-global-text-color)!important;font-size:calc(1em * var(--ui-global-font-scale))!important}#game [data-layout-key]:is(#round,#match-modifier,#timer,#match-resource,#shop-panel,#class-panel,#bench-panel,#enemy-bench-panel) :is(.game-icon,.resource-icon,.emote-art,.league-open-button>span img){transform:scale(var(--ui-global-icon-scale));transform-origin:50%}#game .ui-custom-style{opacity:var(--ui-element-opacity,1)}#game .ui-custom-style[data-ui-surface=true]{-webkit-backdrop-filter:blur(var(--ui-panel-blur,0px)) saturate(1.06);backdrop-filter:blur(var(--ui-panel-blur,0px)) saturate(1.06);background:var(--ui-panel-fill)!important;border-color:var(--ui-panel-border)!important}#game .ui-custom-style :is(span,b,strong,small,p,h2,h3,button,code){opacity:var(--ui-text-opacity,1);color:var(--ui-text-color,inherit)!important;font-size:calc(1em * var(--ui-font-scale,1))!important}#game .ui-custom-style :is(.game-icon,.resource-icon,.emote-art,.league-open-button>span img){transform:scale(var(--ui-icon-scale,1));transform-origin:50%}.ui-appearance-panel{border-top:1px solid #ffffff29;margin-top:12px;padding-top:12px}.ui-appearance-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ui-appearance-group{background:#0711228f;border:1px solid #ffffff1a;border-radius:12px;gap:8px;min-width:0;padding:10px;display:grid}.ui-appearance-group h4{color:#ffe8ab;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px}.ui-appearance-group label{color:#dfe8ff;gap:4px;font-size:11px;display:grid}.ui-appearance-group input[type=color],.ui-appearance-group input[type=range],.ui-appearance-group select{width:100%}.ui-appearance-group select,.ui-appearance-group button,.ui-appearance-group input[type=color]{color:#eef5ff;background:#060f1ceb;border:1px solid #ffffff29;border-radius:10px;min-height:32px}.ui-appearance-group input[type=color]{padding:0}.ui-appearance-range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ui-appearance-range output{color:#9cd8ff;text-align:right;min-width:46px;font-size:10px}.ui-appearance-actions{flex-wrap:wrap;gap:8px;display:flex}.ui-editor-hint{color:#9cc0ee;font-size:10px}.ui-appearance-json{color:#9ce2ff;white-space:pre-wrap;word-break:break-word;background:#040c18e0;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:10px;line-height:1.45;display:block}@media (width<=1200px){.ui-appearance-columns{grid-template-columns:1fr}}.unit-fx-source-flash,.unit-fx-flight,.unit-fx-ring,.unit-fx-particle,.unit-fx-rank-up,.unit-fx-drag-trail{z-index:150000;pointer-events:none;transform-origin:50%;position:fixed}.unit-fx-source-flash{background:radial-gradient(circle,#fff7c9 0 12%,#ffd45d99 18% 36%,#0000 64%),conic-gradient(from 10deg,#0000,#fff5ae,#0000 24%,#ffd456,#0000 53%,#fff5ae,#0000 78%);border:3px solid #ffe68c;border-radius:50%;box-shadow:0 0 18px #ffd45dcc,0 0 36px #ffb72d66}.unit-fx-flight{background:radial-gradient(circle at 38% 32%, #fff 0 16%, #fff6b5 22%, var(--fx-color,#ffd35c) 52%, transparent 74%);width:18px;height:18px;box-shadow:0 0 10px #fff8cb, 0 0 24px var(--fx-color,#ffd35c), 0 0 42px color-mix(in srgb, var(--fx-color,#ffd35c) 68%, transparent);border-radius:50%;margin:-9px 0 0 -9px}.unit-fx-flight:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--fx-color,#ffd35c) 70%, white));filter:blur(3px);opacity:.82;border-radius:999px;width:38px;height:8px;position:absolute;top:5px;left:-34px}.unit-fx-ring{border:3px solid color-mix(in srgb, var(--fx-color,#ffd35c) 64%, white);box-shadow:0 0 12px #fff5b8, 0 0 30px var(--fx-color,#ffd35c), inset 0 0 18px color-mix(in srgb, var(--fx-color,#ffd35c) 56%, transparent);border-radius:50%}.unit-fx-ring-merge{box-shadow:0 0 18px #fff8cc, 0 0 42px var(--fx-color,#ffd35c), 0 0 70px color-mix(in srgb, var(--fx-color,#ffd35c) 55%, transparent), inset 0 0 30px #fff4aa55;background:radial-gradient(circle,#fff6b533 0 28%,#0000 66%);border-width:5px}.unit-fx-particle{background:color-mix(in srgb, var(--fx-color,#ffd35c) 70%, white);width:8px;height:8px;box-shadow:0 0 8px #fff8c8, 0 0 14px var(--fx-color,#ffd35c);border-radius:50%;margin:-4px 0 0 -4px}.unit-fx-star{color:#fff1a6;width:auto;height:auto;box-shadow:none;text-shadow:0 0 5px #fff, 0 0 12px var(--fx-color,#ffd35c), 0 2px 3px #0009;background:0 0;margin:0;font-size:18px;font-weight:1000;line-height:1}.unit-fx-rank-up{color:#fff4a8;white-space:nowrap;text-shadow:-2px -2px #714314,2px -2px #714314,-2px 2px #714314,2px 2px #714314,0 0 10px #fff7b7,0 0 24px #ffbd36,0 5px 7px #000a;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(22px,1.7vw,34px);font-weight:1000;line-height:1}.unit-fx-drag-trail{background:color-mix(in srgb, var(--fx-color,#69ddff) 68%, white);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--fx-color,#69ddff) 75%, white), 0 0 16px var(--fx-color,#69ddff);border-radius:50%;margin:-3.5px 0 0 -3.5px}body.unit-drag-active{cursor:grabbing!important}body.unit-drag-active .unit-drag-source{opacity:.28!important;filter:grayscale(.2)brightness(.8)!important;transition:opacity .12s,transform .12s,filter .12s!important;transform:scale(.86)!important}body.unit-drag-active .drag-ghost{z-index:140000!important;opacity:.98!important;filter:drop-shadow(0 12px 10px #0008) drop-shadow(0 0 9px color-mix(in srgb, var(--unit,#69ddff) 70%, white)) brightness(1.14) saturate(1.16)!important;animation:.72s ease-in-out infinite alternate unit-drag-float!important;transform:translate(-50%,-62%)scale(1.12)rotate(-2deg)!important}body.unit-drag-active .cell:not(.occupied){transition:filter .14s,box-shadow .14s,transform .14s}body.unit-drag-active .bench-slot:not(:has(.unit-token)){transition:filter .14s,box-shadow .14s,transform .14s}body.unit-drag-active .cell:not(.occupied):hover{filter:brightness(1.22)saturate(1.15);transform:scale(1.035);box-shadow:inset 0 0 0 2px #fff3a7aa,0 0 18px #73e7ff77}body.unit-drag-active .bench-slot:not(:has(.unit-token)):hover{filter:brightness(1.22)saturate(1.15);transform:scale(1.035);box-shadow:inset 0 0 0 2px #fff3a7aa,0 0 18px #73e7ff77}@keyframes unit-drag-float{0%{transform:translate(-50%,-61%)scale(1.1)rotate(-2deg)}to{transform:translate(-50%,-67%)scale(1.14)rotate(2deg)}}html.reduced-motion .unit-fx-source-flash,html.reduced-motion .unit-fx-flight,html.reduced-motion .unit-fx-ring,html.reduced-motion .unit-fx-particle,html.reduced-motion .unit-fx-rank-up,html.reduced-motion .unit-fx-drag-trail{display:none!important}html.reduced-motion body.unit-drag-active .drag-ghost{animation:none!important;transform:translate(-50%,-56%)scale(1.03)!important}.engagement-panel{z-index:70;pointer-events:none;color:#fff8dd;text-shadow:0 2px 3px #000b;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:clamp(250px,16vw,330px);font-family:Trebuchet MS,Arial,sans-serif;display:grid;position:absolute;top:4.9%;left:10.2%}.engagement-panel.hidden,.perk-choice-layer.hidden,.engagement-burst.hidden,.engagement-combo.hidden{display:none!important}.engagement-objective,.engagement-chest{background:linear-gradient(160deg,#173a55e8,#171d38e8);border:1px solid #f1cb72aa;border-radius:11px;min-height:48px;padding:7px 10px;box-shadow:inset 0 1px #ffffff25,0 5px 14px #0007}.engagement-objective{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;display:grid}.engagement-objective small{color:#ffd76d;letter-spacing:.12em;grid-column:1/-1;font-size:8px;font-weight:900}.engagement-objective b{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,.68vw,13px);overflow:hidden}.engagement-objective>span{font-size:11px;font-weight:900}.engagement-progress{background:#071425cc;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.engagement-progress i{border-radius:inherit;background:linear-gradient(90deg,#62e8c7,#f7d463);width:0;height:100%;transition:width .25s;display:block}.engagement-chest{align-items:center;gap:7px;min-width:112px;display:flex}.engagement-chest-icon{color:#5a2d0d;background:linear-gradient(145deg,#fff09a,#e59e2f);border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 1px #fff9,0 2px 5px #0008}.engagement-chest div{gap:2px;min-width:65px;display:grid}.engagement-chest small{color:#ffd76d;letter-spacing:.06em;white-space:nowrap;font-size:7px;font-weight:900}.engagement-chest b{font-size:11px}.engagement-chest i{background:#071425cc;border-radius:99px;height:4px;overflow:hidden}.engagement-chest i span{background:#ffd45f;width:0;height:100%;transition:width .25s;display:block}.engagement-perks{grid-column:1/-1;align-items:center;gap:5px;min-height:23px;display:flex}.engagement-perks span{background:#112d49e8;border:1px solid #f1cc75;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid;box-shadow:0 2px 5px #0008}.engagement-perks small{color:#fff6d0;font-size:9px;font-weight:800}.engagement-combo{color:#3b1b03;letter-spacing:.03em;text-shadow:none;background:linear-gradient(90deg,#ffe37b,#f49a45);border-radius:99px;grid-column:1/-1;justify-self:start;padding:4px 9px;font-size:10px;font-weight:1000;box-shadow:0 3px 8px #0008}.perk-choice-layer{z-index:120000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071321a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.perk-choice-card{color:#fff8df;text-align:center;background:radial-gradient(circle at 50% 0,#24546b,#111b35 62%,#0a1025);border:2px solid #e8c267;border-radius:25px;width:min(760px,92vw);padding:clamp(20px,2.2vw,32px);font-family:Trebuchet MS,Arial,sans-serif;box-shadow:inset 0 1px #ffffff40,0 24px 70px #000c}.perk-choice-card>small{color:#ffd65d;letter-spacing:.18em;font-size:11px;font-weight:1000}.perk-choice-card h2{margin:7px 0 4px;font-family:Georgia,serif;font-size:clamp(26px,2.2vw,38px)}.perk-choice-card p{color:#d7ecf2;margin:0 0 20px;font-size:14px}.perk-choice-options{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.perk-choice-options button{color:#fff9df;cursor:pointer;background:linear-gradient(165deg,#214c67,#18243f 62%,#121a32);border:2px solid #659bb2;border-radius:19px;align-content:center;place-items:center;gap:8px;min-height:180px;padding:17px 13px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px #ffffff35,0 9px 18px #0008}.perk-choice-options button:hover,.perk-choice-options button:focus-visible{border-color:#ffe17a;outline:none;transform:translateY(-5px)scale(1.02);box-shadow:inset 0 1px #fff5,0 13px 26px #000a,0 0 20px #ffd76c55}.perk-choice-options button b{color:#392002;background:linear-gradient(145deg,#fff29b,#f0aa36);border-radius:50%;place-items:center;width:63px;height:63px;font-size:29px;display:grid;box-shadow:inset 0 2px #fff9,0 5px 12px #0008}.perk-choice-options button strong{font-family:Georgia,serif;font-size:20px}.perk-choice-options button span{color:#d7edf2;font-size:13px;line-height:1.35}.engagement-burst{z-index:130000;color:#fff8d5;text-align:center;text-shadow:0 2px 3px #000;background:linear-gradient(90deg,#173c59f2,#34224cf2);border:2px solid #ffdd70;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:250px;max-width:min(520px,86vw);padding:12px 22px;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(13px,1vw,18px);font-weight:1000;animation:.28s ease-out engagement-pop;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #000b,0 0 30px #ffd45d55}.engagement-burst b{color:#ffd65e;font-size:23px}#synergies .synergy:nth-child(5),#class-details .class-detail:nth-child(5){display:none!important}@keyframes engagement-pop{0%{opacity:0;transform:translate(-50%)scale(.78)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (width<=1200px){.engagement-panel{width:255px;left:9.5%}.perk-choice-options{grid-template-columns:1fr}.perk-choice-options button{text-align:left;grid-template-columns:auto 1fr;min-height:105px}.perk-choice-options button b{grid-row:1/span 2}}html.reduced-motion .engagement-progress i,html.reduced-motion .engagement-chest i span,html.reduced-motion .perk-choice-options button,html.reduced-motion .engagement-burst{transition:none!important;animation:none!important}.perk-choice-options button b.perk-icon-slot{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.perk-choice-options button b.perk-icon-slot img{object-fit:contain;filter:drop-shadow(0 6px 8px #0000007a);pointer-events:none;width:76px;height:76px;display:block}.engagement-perks span.engagement-perk-icon{width:34px;height:34px;box-shadow:none;background:0 0;border:0;overflow:visible}.engagement-perks span.engagement-perk-icon img{object-fit:contain;filter:drop-shadow(0 3px 4px #0000008c);pointer-events:none;width:100%;height:100%;display:block}@media (width<=1200px){.perk-choice-options button b.perk-icon-slot img{width:66px;height:66px}}#timer{width:4.35%!important;min-width:82px!important;height:3.55%!important;top:1.05%!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}#round{justify-content:center!important;align-items:center!important;width:auto!important;min-width:92px!important;height:2.7%!important;display:flex!important;top:4.95%!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}#match-modifier{width:11.85%!important;min-width:168px!important;max-width:none!important;height:4.35%!important;padding:10px 16px 8px!important;top:14.35%!important;left:1.26%!important;right:auto!important}#engagement-panel.engagement-panel{grid-template-columns:minmax(0,1fr) minmax(108px,.72fr)!important;width:clamp(258px,16.4vw,332px)!important;top:10.65%!important;left:auto!important;right:1.1%!important}#engagement-panel .engagement-objective,#engagement-panel .engagement-chest{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:51px}#toast.limit-warning{color:#fff9d8!important;text-align:center!important;white-space:normal!important;z-index:160!important;background:linear-gradient(150deg,#7b2638f5,#32182bf5)!important;border:2px solid #ffe08a!important;border-radius:16px!important;min-width:min(430px,72vw)!important;padding:13px 26px!important;font-size:clamp(16px,1.15vw,21px)!important;font-weight:950!important;top:17.5%!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 12px 30px #000a,0 0 24px #fc65,inset 0 1px #ffffff35!important}#shop .shop-card.merge-to-two{border:3px solid #fffdf0!important;box-shadow:inset 0 0 0 1px #8fefff66,inset 0 0 18px #ffffff28,0 0 10px #fffc,0 0 24px #a8efff66!important}#shop .shop-card.merge-to-three{border:3px solid #ffd45f!important;box-shadow:inset 0 0 0 1px #fff3a799,inset 0 0 20px #ffca4d30,0 0 12px #ffd45fcc,0 0 28px #ffb52f77!important}#shop .shop-card.merge-to-two:after,#shop .shop-card.merge-to-three:after{z-index:12;color:#172038;text-align:center;pointer-events:none;min-width:27px;text-shadow:none;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:1000;line-height:1.2;position:absolute;top:4px;right:5px}#shop .shop-card.merge-to-two:after{content:"★★";background:#fffdf0;border:1px solid #d9fbff;box-shadow:0 2px 7px #0008,0 0 10px #fff8}#shop .shop-card.merge-to-three:after{content:"★★★";background:linear-gradient(#ffe98b,#e9a82e);border:1px solid #fff0a0;box-shadow:0 2px 7px #0008,0 0 12px #ffc23f99}#shop .shop-card.merge-to-two:disabled,#shop .shop-card.merge-to-three:disabled{opacity:.62}#shop .shop-card.unaffordable{filter:saturate(.48)brightness(.72);opacity:.56!important;cursor:not-allowed!important;box-shadow:inset 0 0 0 1px #0b1022aa!important}#shop .shop-card.unaffordable .portrait-art,#shop .shop-card.unaffordable .game-icon{filter:grayscale(.25)brightness(.78)}#shop .shop-card.unaffordable .price,#shop .shop-card.unaffordable .fighter-name,#shop .shop-card.unaffordable .shop-stat-line{color:#aaa69d!important}#shop .shop-card.unaffordable.merge-to-two,#shop .shop-card.unaffordable.merge-to-three{border-color:#8b8990!important;box-shadow:inset 0 0 0 1px #151728!important}@media (width<=1200px){#engagement-panel.engagement-panel{width:260px!important;right:.8%!important}#match-modifier{min-width:145px!important;padding-inline:10px!important}#toast.limit-warning{min-width:min(360px,78vw)!important;top:19%!important}}.arena-wrap.layout-editing{-webkit-user-select:none!important;user-select:none!important}.arena-wrap.layout-editing [data-layout-key]{touch-action:none!important;overflow:visible!important}.arena-wrap.layout-editing [data-layout-key] *{pointer-events:none!important}.arena-wrap.layout-editing [data-layout-key]:before{z-index:10002!important}.arena-wrap.layout-editing [data-layout-key]:after{z-index:10001!important}.ui-layout-coordinate-panel{background:#030d1ab8;border:1px solid #6ee5db52;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px;display:grid}.ui-layout-coordinate-panel>div{color:#ffe39a;grid-column:1/-1;justify-content:space-between;gap:8px;font-size:10px;display:flex}.ui-layout-coordinate-panel>div small{color:#9edbd7;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-layout-coordinate-panel label{color:#bad7df;gap:4px;font-size:9px;display:grid}.ui-layout-coordinate-panel input{color:#efffff;background:#071225;border:1px solid #ffffff29;border-radius:8px;width:100%;min-width:0;height:30px;padding:4px 6px;font:800 10px/1 Inter,sans-serif}.ui-layout-coordinate-panel input:focus{border-color:#6de7dc;outline:none;box-shadow:0 0 0 2px #6de7dc33}@media (width<=760px){.ui-layout-coordinate-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}#menu #profile,#menu #arena-vault{display:none!important}#menu .hero{width:min(92vw,820px)}#menu .league-menu-focus{--rank-color:#c58455;border:1px solid color-mix(in srgb,var(--rank-color) 76%,#f2c86b);text-align:center;color:#fff8df;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--rank-color) 32%,transparent),transparent 52%),linear-gradient(155deg,#211a35f4,#4a2935ee);width:min(470px,92%);min-height:245px;box-shadow:0 18px 45px #160a18a8,0 0 32px color-mix(in srgb,var(--rank-color) 24%,transparent),inset 0 1px #fff5;border-radius:28px;flex-direction:column;grid-template-rows:none;grid-template-columns:none;justify-content:center;align-items:center;gap:5px;margin:0 auto 18px;padding:16px 30px 22px;display:flex;position:relative}#menu .league-menu-focus:hover{filter:brightness(1.06);transform:translateY(-2px)}#menu .league-menu-focus:after{content:"›";color:#fff4c9;font-size:36px;position:absolute;top:50%;right:22px;transform:translateY(-50%)}#menu .league-menu-focus .league-menu-emblem{width:132px;height:132px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;grid-row:auto;place-items:center;display:grid}#menu .league-menu-focus .league-menu-emblem img{object-fit:contain;filter:drop-shadow(0 12px 10px #0009);width:138%;height:138%}#menu .league-menu-focus b{color:var(--rank-color);text-transform:uppercase;font:800 clamp(17px,2.3vw,25px) Unbounded,sans-serif}#menu .league-menu-focus>strong{color:#fff7d7;font-size:18px}#menu .league-menu-focus small{color:#d5d9eb;font-size:11px}#menu .league-menu-progress{background:#080b18b8;border-radius:12px;width:min(310px,82%);height:10px;margin-top:7px;display:block;overflow:hidden;box-shadow:inset 0 1px 3px #000b}#menu .league-menu-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--rank-color),#fff0a6);width:0;height:100%;box-shadow:0 0 14px var(--rank-color);transition:width .3s;display:block}#menu .cosmetic-shop-entry:before{content:"✦ ";color:#ffe28c}.cosmetic-shop-is-open #menu{display:none!important}.cosmetic-shop-screen{z-index:80;background:#382243 var(--menu-arena-background,url(../assets/arena/summer-meadow-arena-v1.webp)) center/cover fixed no-repeat;place-items:center;min-height:calc(100dvh - 22px);padding:18px 0;display:grid;position:relative;overflow:auto}.cosmetic-shop-screen:before{content:"";pointer-events:none;background:linear-gradient(90deg,#160c1bd1,#2c18337d 40% 60%,#160c1bd1),radial-gradient(circle at 50% 20%,#f2c86b24,#0000 42%);position:fixed;inset:0}.cosmetic-shop-shell{z-index:1;background:linear-gradient(155deg,#4a2631f5,#352036f7);border:2px solid #f4c86db8;border-radius:28px;grid-template-rows:auto auto minmax(0,1fr);width:min(1050px,95vw);min-height:min(760px,92dvh);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #000b,inset 0 1px #fff5}.cosmetic-shop-header{background:#21162cca;border-bottom:1px solid #f6d58a38;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 22px;display:grid}.cosmetic-shop-header>div span{color:#88cdb8;letter-spacing:.16em;font-size:10px;font-weight:900}.cosmetic-shop-header h2{text-transform:uppercase;margin:4px 0 0;font:800 clamp(21px,3vw,34px) Unbounded,sans-serif}.cosmetic-shop-header>strong{color:#ffe69a;background:#101326;border:1px solid #f2c86b66;border-radius:14px;padding:10px 16px;font-size:18px}.cosmetic-shop-tabs{background:#160f20c7;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px;display:grid}.cosmetic-shop-tabs button{color:#d8dced;cursor:pointer;text-transform:uppercase;background:#17182c;border:1px solid #ffffff20;border-radius:14px;padding:12px 16px;font-weight:900}.cosmetic-shop-tabs button.active{color:#fff1b6;background:linear-gradient(145deg,#7b4a32,#3b2338);border-color:#f2c86b;box-shadow:0 0 18px #f2c86b32}.cosmetic-shop-content{min-height:0;padding:22px;overflow:auto}.cosmetic-shop-vault.arena-vault{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.cosmetic-shop-vault .emote-shop{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.cosmetic-shop-vault .emote-shop-item{min-height:126px}.cosmetic-shop-vault .arena-skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.cosmetic-shop-vault .arena-skin{border-radius:16px;padding:8px}.cosmetic-shop-vault .arena-skin span{font-size:11px}.cosmetic-shop-vault .arena-skin b{color:#ffe49a;margin-top:5px;font-size:10px;display:block}.store-tab-intro{border-bottom:1px solid #f2c86b38;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;padding-bottom:12px;display:flex}.store-tab-intro b{color:#f2c86b;text-transform:uppercase;font:800 18px Unbounded,sans-serif}.store-tab-intro span{color:#b8bfd7;font-size:11px}.cosmetic-grid{gap:12px;display:grid}.accent-shop{grid-template-columns:repeat(3,minmax(0,1fr))}.accent-shop-item{color:#fff8df;background:linear-gradient(150deg,color-mix(in srgb,var(--cosmetic) 22%,#26182c),#121427);cursor:pointer;border:1px solid #ffffff25;border-radius:18px;align-content:center;place-items:center;gap:9px;min-height:160px;padding:18px;display:grid}.accent-shop-item>span{border:3px solid var(--cosmetic);width:64px;height:64px;color:var(--cosmetic);box-shadow:0 0 22px color-mix(in srgb,var(--cosmetic) 45%,transparent);background:#080b18;border-radius:20px;place-items:center;font-size:34px;display:grid}.accent-shop-item b{color:#fff}.accent-shop-item small{color:#c8cee2}.accent-shop-item.selected{border-color:var(--cosmetic);box-shadow:0 0 25px color-mix(in srgb,var(--cosmetic) 35%,transparent)}.accent-shop-item:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.55)}.league-modifiers,.league-rank-card>footer{display:none!important}.league-rank-content{grid-template-columns:1fr}.commander-card{position:relative}.commander-card.new-unlock{z-index:2;border-color:#fff09a;animation:1.25s ease-in-out infinite alternate new-ruler-pulse;box-shadow:0 0 0 2px #f2c86b55,0 0 28px #f2c86b9c,inset 0 0 18px #f2c86b24}.commander-new-badge{color:#35200a;letter-spacing:.08em;background:#ffe17b;border-radius:8px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:950;position:absolute;top:5px;right:5px}@keyframes new-ruler-pulse{0%{filter:brightness();transform:translateY(0)scale(1)}to{filter:brightness(1.18);transform:translateY(-3px)scale(1.025)}}@media (width<=760px){#menu .league-menu-focus{min-height:210px;padding-inline:18px}#menu .league-menu-focus .league-menu-emblem{width:105px;height:105px}.cosmetic-shop-shell{min-height:94dvh}.cosmetic-shop-header{grid-template-columns:auto 1fr}.cosmetic-shop-header>strong{grid-column:1/-1;justify-self:end;margin-top:-8px}.cosmetic-shop-tabs{gap:5px;padding:9px}.cosmetic-shop-tabs button{padding:10px 6px;font-size:10px}.cosmetic-shop-content{padding:14px}.store-tab-intro{display:block}.store-tab-intro span{margin-top:5px;display:block}.cosmetic-shop-vault .arena-skins,.accent-shop{grid-template-columns:1fr}}#menu.menu-overhaul-ready:before{background:radial-gradient(at 50% 38%,#e0a45c12 0 18%,#21142688 56%,#0b0710e8 100%),linear-gradient(90deg,#0a0710c7 0,#160d1880 25% 75%,#0a0710c7 100%)}#menu.menu-overhaul-ready:after{opacity:.16}#menu.menu-overhaul-ready .hero{-webkit-backdrop-filter:blur(12px)saturate(.92);backdrop-filter:blur(12px)saturate(.92);background:linear-gradient(155deg,#3b2530a8,#5b3531a0 48%,#271a29b0);border:1px solid #f1c9787a;width:min(94vw,900px);padding:22px 28px 26px;box-shadow:0 28px 80px #07040ad6,inset 0 1px #fff2cf3d}#menu.menu-overhaul-ready .hero:before{border-color:#f6d58a2e;inset:9px}#menu.menu-overhaul-ready .main-logo{margin-top:-8px}#menu.menu-overhaul-ready .tagline{opacity:.88;margin-bottom:12px}#menu.menu-overhaul-ready .menu-tools{z-index:5;gap:7px;margin:0;display:flex;position:absolute;top:18px;right:18px}#menu.menu-overhaul-ready .menu-tools .secondary{color:#f7eedb;-webkit-text-stroke:0;background:#170f1ecc;border:1px solid #ffffff26;border-radius:11px;min-width:0;padding:8px 11px;font-size:9px;box-shadow:0 6px 16px #0006}#menu.menu-overhaul-ready #language{min-width:45px}#menu.menu-overhaul-ready .menu-actions{grid-template-columns:1fr 1fr;grid-template-areas:"campaign match""shop.";align-items:stretch;gap:11px;width:min(650px,94%);margin:0 auto;display:grid}#menu.menu-overhaul-ready .menu-actions button{color:#fff8dd;-webkit-text-stroke:.7px #241418;text-transform:uppercase;border:1px solid #ffffff35;border-radius:17px;min-width:0;min-height:58px;padding:14px 20px;box-shadow:0 11px 24px #1008108f,inset 0 1px #fff6;background-image:none!important}#menu.menu-overhaul-ready #campaign-open{color:#fff9dc;border-color:#ffe99c;grid-area:campaign;background:linear-gradient(#f3cb66,#c9812f)!important}#menu.menu-overhaul-ready #play{border-color:#ffb4ad;grid-area:match;background:linear-gradient(#df7a78,#a9434e)!important}#menu.menu-overhaul-ready #cosmetic-shop-open{border-color:#cdb2ff;grid-area:shop;background:linear-gradient(#9c71dc,#6540aa)!important}#menu.menu-overhaul-ready #cosmetic-shop-open:before{content:"◆ ";color:#efe4ff}.cosmetic-shop-screen.arena-only-shop{background:#1c1021 var(--menu-arena-background,url(../assets/arena/summer-meadow-arena-v1.webp)) center/cover fixed no-repeat}.cosmetic-shop-screen.arena-only-shop:before{background:linear-gradient(90deg,#09070ddc,#1c1021a8 38% 62%,#09070ddc),radial-gradient(circle at 50% 20%,#7b56c933,#0000 46%)}.arena-only-shop .cosmetic-shop-shell{background:linear-gradient(155deg,#2b1c37e8,#171321f2);border-color:#c6a8ef8f;grid-template-rows:auto minmax(0,1fr);width:min(1040px,95vw);min-height:min(730px,92dvh)}.arena-only-shop #cosmetic-shop-tabs{display:none!important}.arena-only-shop .cosmetic-shop-header{background:#100c1ab8;border-bottom-color:#c7a8ef30}.arena-only-shop .cosmetic-shop-header>div span{color:#bda2e8}.arena-only-shop .cosmetic-shop-content{padding:24px}.arena-only-shop .cosmetic-shop-vault .cosmetic-store-head,.arena-only-shop .cosmetic-shop-vault .store-section-title,.arena-only-shop .cosmetic-shop-vault .emote-shop,.arena-only-shop #cosmetic-accent-panel{display:none!important}.arena-only-shop .cosmetic-shop-vault .arena-skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;display:grid!important}.arena-store-intro{border-bottom:1px solid #c7a8ef3b;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:0 2px 14px;display:flex}.arena-store-intro b{color:#ddc7ff;text-transform:uppercase;font:800 21px Unbounded,sans-serif;display:block}.arena-store-intro span{color:#bfc1d6;margin-top:5px;font-size:11px;display:block}.arena-only-shop .arena-skin{color:#f2eaff;background:linear-gradient(145deg,#30213c,#171521);border:1px solid #c8b0ef44;border-radius:18px;padding:10px;box-shadow:0 12px 26px #0007,inset 0 1px #fff2}.arena-only-shop .arena-skin img{filter:saturate(.9)brightness(.8);border-radius:12px}.arena-only-shop .arena-skin span{margin-top:9px;font-size:12px;font-weight:900}.arena-only-shop .arena-skin b{color:#d9c5ff;margin-top:5px;font-size:10px;display:block}.arena-only-shop .arena-skin.selected{border-color:#e4d1ff;box-shadow:0 0 0 2px #a67bdd66,0 0 28px #9c71dc70,0 14px 28px #0008}.arena-only-shop .arena-skin.selected img{filter:saturate(1.08)brightness()}.campaign-screen.campaign-polished:before{background:linear-gradient(90deg,#070910e8,#11172ab5 28%,#11172ab5 72%,#070910e8), var(--menu-arena-background,url(../assets/arena/summer-meadow-arena-v1.webp)) center/cover fixed;filter:saturate(.72)brightness(.68)}.campaign-polished .campaign-shell{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(150deg,#202a46d9,#111522e8);border:1px solid #e6c37a75;width:min(1160px,96vw);padding:24px;box-shadow:0 32px 100px #000c,inset 0 1px #fff3}.campaign-polished .campaign-header{border-bottom:1px solid #f2c86b29;margin-bottom:18px;padding:4px 4px 16px}.campaign-polished .campaign-header h2{color:#fff4ce;text-shadow:0 4px 12px #000a}.campaign-polished .campaign-path{gap:20px;max-height:min(740px,75vh);padding:4px 8px 24px}.campaign-polished .campaign-chapter{--chapter-accent:#e2b75d;border:1px solid color-mix(in srgb,var(--chapter-accent) 48%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--chapter-accent) 12%,#17213a),#0d1221db);border-radius:24px;gap:14px;padding:18px;position:relative;box-shadow:0 16px 34px #0007,inset 0 1px #fff2}.campaign-polished .campaign-chapter[data-chapter-style="2"]{--chapter-accent:#75d9d1}.campaign-polished .campaign-chapter[data-chapter-style="3"]{--chapter-accent:#9e7fe0}.campaign-polished .campaign-chapter>header{grid-template-columns:44px auto 1fr;align-items:center;gap:10px;padding:0 2px;display:grid}.campaign-chapter-emblem{border:1px solid var(--chapter-accent);color:#fff7d4;background:color-mix(in srgb,var(--chapter-accent) 20%,#0c1221);width:42px;height:42px;box-shadow:0 0 18px color-mix(in srgb,var(--chapter-accent) 28%,transparent);border-radius:13px;place-items:center;font-size:21px;font-style:normal;display:grid}.campaign-polished .campaign-chapter>header span{color:var(--chapter-accent)}.campaign-polished .campaign-chapter>header b{color:#fff7dc}.campaign-polished .campaign-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-polished .mission-node{background:linear-gradient(145deg,#27324bdd,#121827ef);border:1px solid #fff2;border-radius:18px;min-height:132px;padding:15px;overflow:hidden;box-shadow:0 10px 22px #0007,inset 0 1px #fff2}.campaign-polished .mission-node:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:95%;position:absolute;inset:auto -20% -60% 35%;transform:rotate(-16deg)}.campaign-polished .mission-node:hover:not(:disabled){border-color:var(--chapter-accent);box-shadow:0 15px 30px #0009,0 0 20px color-mix(in srgb,var(--chapter-accent) 22%,transparent);transform:translateY(-4px)}.campaign-polished .mission-node.completed{background:linear-gradient(145deg,#204f51d9,#111a29ef);border-color:#75d9d172}.campaign-polished .mission-node.boss{background:linear-gradient(145deg,#643a31dd,#251827f2);border-color:#f2c86b9c}.campaign-polished .mission-index{border-color:var(--chapter-accent);color:#fff6d0;box-shadow:0 0 16px color-mix(in srgb,var(--chapter-accent) 25%,transparent);background:#0d1424}.campaign-polished .briefing-shell{max-width:1120px}.campaign-polished .briefing-grid{grid-template-columns:.8fr 1.5fr;gap:18px}.campaign-polished .briefing-card{background:linear-gradient(145deg,#101728d9,#090d17e8);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 12px 26px #0006,inset 0 1px #fff2}.campaign-polished .campaign-squads{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-polished .squad-card{background:linear-gradient(145deg,#202a42,#111827);border-radius:17px;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;align-content:start;min-height:190px;padding:14px;display:grid;position:relative;overflow:hidden}.campaign-polished .squad-card.selected{background:linear-gradient(145deg,#4f4430,#172236);border-color:#f2c86b;box-shadow:0 0 22px #f2c86b36,inset 0 1px #fff3}.campaign-polished .squad-card b{color:#fff1b5;font-size:13px}.campaign-polished .squad-card>span:not(.squad-unit-icons){min-height:30px}.campaign-polished .squad-card small{line-height:1.35}.squad-unit-icons{justify-content:flex-end;align-items:flex-end;gap:5px;min-height:68px!important;color:inherit!important;margin-top:10px!important;display:flex!important}.squad-unit-icon{background:radial-gradient(circle at 50% 35%,#566174,#111625 74%);border:1px solid #e9d18c5c;border-radius:14px;width:58px;height:58px;display:block;position:relative;overflow:hidden;box-shadow:0 7px 14px #0007,inset 0 1px #fff3}.squad-unit-icon img{object-fit:contain;object-position:center top;filter:drop-shadow(0 4px 4px #0008);width:132%;height:132%;transform:translate(-12%,-5%)}.squad-unit-icon em{color:#ffe27e;text-shadow:0 1px 3px #000;font-size:8px;font-style:normal;position:absolute;bottom:2px;left:4px}.campaign-polished .objectives-card{border-color:#75d9d13b}.campaign-polished .campaign-objective{background:#ffffff09}.campaign-polished .campaign-start{border:1px solid #ffe599;box-shadow:0 12px 26px #0007,inset 0 1px #fff6;background:linear-gradient(#e8c35e,#b8762d)!important}.result.campaign-victory-result .result-card{background:linear-gradient(155deg,#30283be8,#171824f2);border-color:#f2c86b8f;box-shadow:0 26px 70px #000b,0 0 32px #f2c86b29,inset 0 1px #fff4}.result.campaign-victory-result #result-title{color:#ffe18a}.result.campaign-victory-result #again{background:linear-gradient(#e9c55f,#b8792e)!important}.result.campaign-victory-result #result-menu{background:linear-gradient(#71617f,#43354e)!important}@media (width<=820px){#menu.menu-overhaul-ready .menu-tools{justify-content:center;margin:4px 0 12px;position:static}#menu.menu-overhaul-ready .menu-actions{grid-template-columns:1fr;grid-template-areas:"campaign""match""shop"}.arena-only-shop .cosmetic-shop-vault .arena-skins{grid-template-columns:1fr}.campaign-polished .campaign-chapter-grid{grid-template-columns:1fr 1fr}.campaign-polished .briefing-grid,.campaign-polished .campaign-squads{grid-template-columns:1fr}.campaign-polished .squad-card{min-height:150px}}@media (width<=560px){#menu.menu-overhaul-ready .hero{padding-inline:16px}.campaign-polished .campaign-chapter-grid{grid-template-columns:1fr}.campaign-polished .campaign-chapter>header{grid-template-columns:40px 1fr}.campaign-polished .campaign-chapter>header b{grid-column:2}.arena-store-intro{display:block}}.dopamine-fx-layer,.dopamine-screen-flash,.dopamine-center-banner,.dopamine-chest-stage,.dopamine-arena-fade{pointer-events:none;position:fixed;inset:0}.dopamine-fx-layer{z-index:150000;overflow:hidden}.dopamine-burst-ring{border:4px solid #fff4b8;border-radius:50%;width:74px;height:74px;animation:.78s cubic-bezier(.1,.76,.18,1) forwards dopamine-ring;position:fixed;box-shadow:0 0 18px #ffd05d,inset 0 0 18px #ffd05d88}.dopamine-burst-ring.legendary{border-width:6px;border-color:#fffbd4;box-shadow:0 0 25px #ffd24f,0 0 70px #ff9b34aa,inset 0 0 24px #fff3a8}.dopamine-particle{width:9px;height:9px;animation:dopamine-particle .82s var(--delay,0s) cubic-bezier(.15,.75,.25,1) forwards;background:#ffe680;border-radius:50%;margin:-4px;position:fixed;box-shadow:0 0 10px #ffc63e}.dopamine-particle:nth-child(3n){background:#bfa1ff;box-shadow:0 0 11px #9368ef}.dopamine-particle:nth-child(4n){background:#7ef4e8;box-shadow:0 0 11px #39cfc3}.dopamine-particle.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:#fff5a4;border-radius:3px;width:16px;height:16px;margin:-8px}.dopamine-screen-flash{z-index:149000;background:radial-gradient(circle at 50% 48%,#fff9cce8 0,#ffd45a80 22%,#0000 62%);animation:.62s ease-out forwards dopamine-flash}.dopamine-screen-flash.legendary{background:radial-gradient(circle at 50% 48%,#fff 0,#ffe17cbc 20%,#ff9e4550 46%,#0000 72%)}.dopamine-center-banner{z-index:135000;text-align:center;background:radial-gradient(#070b18b8 0 15%,#0000 58%);place-content:center;animation:1.35s cubic-bezier(.16,.82,.2,1) forwards dopamine-banner;display:grid}.dopamine-center-banner small{color:#d8d7e8;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 3px 8px #000;font:800 clamp(9px,1vw,13px) Unbounded,sans-serif}.dopamine-center-banner b{color:#fff4bc;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 5px #512f22,0 10px 24px #000,0 0 25px #f2c45a88;-webkit-text-stroke:1px #7a4a28;margin-top:6px;font:900 clamp(35px,6vw,84px) Unbounded,sans-serif;display:block}.dopamine-center-banner.battle b{color:#fff7d6;text-shadow:0 5px #742b31,0 12px 30px #000,0 0 36px #ff766fbb;-webkit-text-stroke:2px #7e3037}.dopamine-chest-stage{z-index:160000;opacity:0;perspective:900px;place-items:center;transition:opacity .2s;display:grid}.dopamine-chest-stage.arrived{opacity:1}.dopamine-chest-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 52%,#8a56204a 0,#100b16dc 48%,#050309f2 100%);position:absolute;inset:0}.dopamine-chest-wrap{filter:drop-shadow(0 28px 28px #000b);place-items:center;width:min(360px,70vw);transition:transform .52s cubic-bezier(.16,.88,.22,1.22),opacity .35s;display:grid;position:relative;transform:translateY(-42vh)scale(.68)rotate(-5deg)}.dopamine-chest-stage.arrived .dopamine-chest-wrap{transform:translateY(0)scale(1)rotate(0)}.dopamine-chest-stage.leaving .dopamine-chest-wrap{opacity:0;transform:translateY(-22px)scale(.78)}.dopamine-chest-stage.leaving{opacity:0}.dopamine-chest-art{aspect-ratio:1;width:100%;transform-style:preserve-3d;position:relative}.dopamine-chest-art img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.dopamine-chest-base{clip-path:inset(42% 0 0);z-index:2}.dopamine-chest-lid{clip-path:inset(0 0 54%);z-index:3;transform-origin:50%;transition:transform .48s cubic-bezier(.14,.78,.16,1),filter .35s}.dopamine-chest-glow{z-index:1;aspect-ratio:1;opacity:.22;filter:blur(12px);background:radial-gradient(circle,#fff8b8 0,#ffc33e77 34%,#0000 70%);border-radius:50%;width:72%;animation:1.1s ease-in-out infinite alternate dopamine-glow;position:absolute}.dopamine-chest-stage.anticipating .dopamine-chest-glow{opacity:.55}.dopamine-chest-stage.opened .dopamine-chest-lid{filter:brightness(1.45)saturate(1.2);transform:translateY(-34px)rotateX(-62deg)scale(1.04)}.dopamine-chest-stage.opened .dopamine-chest-base{animation:.55s cubic-bezier(.18,.8,.2,1) dopamine-chest-base}.dopamine-chest-stage.opened .dopamine-chest-glow{opacity:1;background:radial-gradient(circle,#fff 0,#fff3a0 18%,#ffb13d99 43%,#0000 72%);transform:scale(1.65)}.dopamine-chest-copy{z-index:5;text-align:center;opacity:0;margin-top:-54px;transition:opacity .3s .2s,transform .4s cubic-bezier(.18,.82,.2,1) .18s;position:relative;transform:translateY(12px)scale(.88)}.dopamine-chest-stage.opened .dopamine-chest-copy{opacity:1;transform:translateY(0)scale(1)}.dopamine-chest-copy small{color:#e1d8ef;letter-spacing:.2em;font:800 10px Unbounded,sans-serif;display:block}.dopamine-chest-copy b{color:#fff3ae;text-shadow:0 4px 12px #000,0 0 18px #ffc84c99;margin-top:7px;font:900 clamp(18px,3vw,30px) Unbounded,sans-serif;display:block}.dopamine-chest-stage.compact{place-items:start center;padding-top:12vh}.dopamine-chest-stage.compact .dopamine-chest-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0a0611b8,#0000 46%)}.dopamine-chest-stage.compact .dopamine-chest-wrap{width:min(230px,44vw)}.dopamine-chest-stage.compact .dopamine-chest-copy{margin-top:-28px}.dopamine-chest-stage.compact .dopamine-chest-copy b{font-size:15px}.result:not(.hidden) .result-card.dopamine-result-enter{animation:.72s cubic-bezier(.14,.86,.22,1) both dopamine-result-card}.result.dopamine-victory .result-card{box-shadow:0 28px 80px #000c,0 0 45px #ffd25e38,inset 0 1px #fff3}.result.dopamine-victory #result-icon{animation:1s cubic-bezier(.16,.82,.2,1) both dopamine-result-icon}.result.dopamine-defeat #result-icon{animation:.62s ease-out both dopamine-defeat-icon}.dopamine-star-row{justify-content:center;align-items:center;gap:8px;min-height:64px;margin:2px 0 8px;display:flex}.dopamine-star-row span{color:#6b6370;opacity:.45;filter:grayscale();font-size:clamp(38px,5vw,62px);line-height:1;display:inline-block;transform:translateY(18px)scale(.3)rotate(-16deg)}.dopamine-star-row span.earned.revealed{color:#ffd85b;opacity:1;filter:none;text-shadow:0 3px #8a5727,0 0 18px #ffc53d;animation:.7s cubic-bezier(.14,.86,.2,1.25) both dopamine-star-pop}.dopamine-star-row span.empty{opacity:.62;transform:scale(.88)}#menu{overflow:hidden}.dopamine-arena-fade{z-index:1;opacity:1;background-position:50%;background-size:cover;transition:opacity .75s,filter .75s,transform .75s;position:absolute}.dopamine-arena-fade.fade-out{opacity:0;filter:brightness(1.3)saturate(1.2);transform:scale(1.035)}.arena-skin.dopamine-selected{animation:.75s cubic-bezier(.16,.82,.2,1) dopamine-arena-selected}button.dopamine-button-tap{animation:.24s ease-out dopamine-button-tap}.unit-fx-rank-up.dopamine-rare{color:#fff;text-shadow:0 2px #4d5263,0 0 18px #fff;font-size:clamp(24px,3vw,42px)}.unit-fx-rank-up.dopamine-legendary{color:#fff1a0;letter-spacing:.04em;text-shadow:0 3px #8d5123,0 0 18px #ffd247,0 0 42px #ff9b34;min-width:max-content;font-size:clamp(22px,3.4vw,48px);font-weight:1000;animation:1.15s cubic-bezier(.13,.86,.2,1) forwards dopamine-legendary-label!important}@keyframes dopamine-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.25)}}@keyframes dopamine-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35) rotate(210deg)}}@keyframes dopamine-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes dopamine-banner{0%{opacity:0;transform:scale(.78)}18%{opacity:1;transform:scale(1.06)}36%{transform:scale(1)}76%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes dopamine-glow{0%{filter:blur(13px);transform:scale(.82)}to{filter:blur(19px);transform:scale(1.08)}}@keyframes dopamine-chest-base{0%{transform:scale(1)}36%{transform:scale(1.13,.84)}68%{transform:scale(.96,1.08)}to{transform:scale(1)}}@keyframes dopamine-result-card{0%{opacity:0;transform:translateY(35px)scale(.82)}58%{opacity:1;transform:translateY(-7px)scale(1.035)}to{transform:none}}@keyframes dopamine-result-icon{0%{opacity:0;transform:scale(.2)rotate(-25deg)}50%{opacity:1;transform:scale(1.35)rotate(8deg)}75%{transform:scale(.9)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes dopamine-defeat-icon{0%{transform:translate(0)rotate(0)}25%{transform:translate(-8px)rotate(-5deg)}50%{transform:translate(7px)rotate(4deg)}to{filter:grayscale(.65);transform:none}}@keyframes dopamine-star-pop{0%{transform:translateY(18px)scale(.25)rotate(-18deg)}55%{transform:translateY(-8px)scale(1.3)rotate(8deg)}76%{transform:translateY(2px)scale(.9)rotate(-3deg)}to{transform:none}}@keyframes dopamine-arena-selected{0%{transform:scale(1)}42%{filter:brightness(1.45);transform:scale(1.055)}to{filter:none;transform:scale(1)}}@keyframes dopamine-button-tap{0%{transform:scale(1)}45%{filter:brightness(1.18);transform:scale(.955)}to{filter:none;transform:scale(1)}}@keyframes dopamine-legendary-label{0%{opacity:0;transform:translate(-50%,10px)scale(.25)rotate(-7deg)}35%{opacity:1;transform:translate(-50%,-22px)scale(1.28)rotate(3deg)}68%{transform:translate(-50%,-32px)scale(1)}to{opacity:0;transform:translate(-50%,-56px)scale(.82)}}@media (width<=700px){.dopamine-chest-wrap{width:min(300px,78vw)}.dopamine-center-banner b{font-size:clamp(34px,11vw,62px)}.dopamine-star-row{min-height:52px}}.reduced-motion .dopamine-center-banner,.reduced-motion .dopamine-chest-wrap,.reduced-motion .dopamine-star-row span,.reduced-motion .result-card,.reduced-motion .result-icon,.reduced-motion .arena-skin{transition-duration:.12s!important;animation-duration:.12s!important}@media (prefers-reduced-motion:reduce){.dopamine-center-banner,.dopamine-chest-wrap,.dopamine-star-row span,.result-card,.result-icon,.arena-skin{transition-duration:.12s!important;animation-duration:.12s!important}}#shop .shop-card.pool-unavailable,#shop .shop-card[hidden],#battle-overlay{display:none!important}.perk-choice-card{padding-bottom:clamp(30px,3vw,42px);position:relative;overflow:hidden}.perk-choice-countdown{background:#040a18cc;border:1px solid #ffe18a99;border-radius:999px;height:9px;position:absolute;bottom:13px;left:18px;right:18px;overflow:hidden;box-shadow:inset 0 2px 5px #000b,0 0 12px #ffd45d22}.perk-choice-countdown i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#68e3ca 0%,#f8d760 62%,#ff7054 100%);width:100%;height:100%;display:block;transform:scaleX(1);box-shadow:0 0 12px #ffd66099}.perk-choice-countdown.running i{transition:transform 5s linear;transform:scaleX(0)}#cosmetic-shop-screen.custom-emote-store #cosmetic-shop-tabs,#cosmetic-shop-screen.arena-only-shop.custom-emote-store #cosmetic-shop-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}#cosmetic-shop-screen.custom-emote-store [data-shop-tab=accents],#cosmetic-shop-screen.custom-emote-store #cosmetic-accent-panel{display:none!important}#cosmetic-shop-screen.custom-emote-store .emote-shop{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:18px!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item{min-height:190px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:18px!important;gap:6px!important;padding:8px 8px 12px!important;overflow:visible!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item:before,#cosmetic-shop-screen.custom-emote-store .emote-shop-item:after{display:none!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item:hover,#cosmetic-shop-screen.custom-emote-store .emote-shop-item:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-5px)scale(1.035)}#cosmetic-shop-screen.custom-emote-store .emote-shop-item.selected{filter:drop-shadow(0 0 12px #ffe47a)drop-shadow(0 7px 10px #0008)}#cosmetic-shop-screen.custom-emote-store .emote-shop-item .emote-art{object-fit:contain;filter:drop-shadow(0 8px 8px #0009);width:clamp(112px,10vw,152px)!important;max-width:none!important;height:clamp(112px,10vw,152px)!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item b{line-height:1.15;font-size:14px!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item small{color:#ffe184!important;font-size:12px!important}#cosmetic-shop-screen.custom-emote-store #arena-store-intro.hidden{display:none!important}@media (width<=700px){.perk-choice-countdown{height:8px;bottom:9px;left:12px;right:12px}#cosmetic-shop-screen.custom-emote-store .emote-shop{grid-template-columns:repeat(2,minmax(0,1fr))!important}#cosmetic-shop-screen.custom-emote-store .emote-shop-item{min-height:155px!important}}html.reduced-motion .perk-choice-countdown.running i{transition-duration:.15s!important}html.mobile-ui,html.mobile-ui body,html.mobile-ui #app{overscroll-behavior:none;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}html.mobile-ui{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#080b17}html.mobile-ui body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:fixed;inset:0}html.mobile-ui :is(button,[role=button],.shop-card,.mission-node,.squad-card){touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.mobile-ui :is(button,.mission-node,.squad-card,.commander-card,.arena-skin,.emote-store-card){cursor:pointer}html.mobile-ui :is(button,.mission-node,.squad-card,.commander-card):active{filter:brightness(1.12);transform:scale(.98)}html.mobile-ui .has-tooltip:after,html.mobile-ui .fighter-info-card,html.mobile-ui #layout-editor{display:none!important}#mobile-rotate-layer{z-index:500000;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));color:#fff8df;background:radial-gradient(circle at 50% 35%,#5bd3d138,#0000 42%),linear-gradient(155deg,#17284a,#080b17 72%);place-items:center;display:grid;position:fixed;inset:0}#mobile-rotate-layer[hidden]{display:none!important}.mobile-rotate-card{text-align:center;background:linear-gradient(155deg,#1b3f5bf7,#0d142afa);border:2px solid #f2c86b;border-radius:26px;justify-items:center;gap:12px;width:min(88vw,420px);padding:26px 24px 24px;display:grid;box-shadow:0 28px 80px #000000b8,inset 0 1px #ffffff47}.mobile-rotate-card strong{color:#fff0ad;font:900 25px/1.05 Unbounded,sans-serif}.mobile-rotate-card p{color:#d6e8ef;margin:0;font-size:13px;line-height:1.45}.mobile-rotate-card button{color:#fff9dc;background:linear-gradient(#e5bd59,#a86b28);border:1px solid #fff0a0;border-radius:15px;width:100%;min-height:50px;font-weight:950;box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff8c}.mobile-phone-icon{border:4px solid #77e1dc;border-radius:15px;width:92px;height:58px;animation:1.7s ease-in-out infinite mobile-phone-turn;position:relative;box-shadow:0 0 28px #77e1dc66}.mobile-phone-icon:before{content:"";background:#f2c86b;border-radius:4px;width:5px;height:14px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mobile-phone-icon i{background:linear-gradient(135deg,#77e1dc59,#f2c86b29);border-radius:8px;position:absolute;inset:7px}@keyframes mobile-phone-turn{0%,20%,to{transform:rotate(90deg)scale(.82)}45%,78%{transform:rotate(0)scale(1)}}#mobile-match-controls,#mobile-panel-backdrop{display:none}html.mobile-landscape .app-shell{width:100%!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}html.mobile-landscape .screen{min-height:100dvh!important}html.mobile-landscape #menu{height:100dvh;padding:max(5px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));overflow:hidden;min-height:0!important}html.mobile-landscape #menu .hero,html.mobile-landscape #menu.menu-overhaul-ready .hero{scrollbar-width:none;grid-template-columns:minmax(0,1fr);align-content:start;max-height:none;display:grid;overflow:hidden auto;width:min(96vw,850px)!important;height:calc(100dvh - max(10px, env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;border-radius:20px!important;padding:8px 14px 10px!important}html.mobile-landscape #menu .hero::-webkit-scrollbar{display:none}html.mobile-landscape #menu .hero:before{border-radius:15px!important;inset:5px!important}html.mobile-landscape #menu .main-logo{object-fit:contain;max-height:76px;width:min(185px,29vw)!important;margin:-8px auto -10px!important}html.mobile-landscape #menu .tagline{font-size:9px;margin:0 auto 5px!important}html.mobile-landscape #menu .profile-card{border-radius:11px;min-height:42px;margin-bottom:5px;padding:5px 8px}html.mobile-landscape #menu .league-open-button{border-radius:12px;grid-template-columns:38px 1fr auto;min-height:47px;margin-bottom:6px;padding:5px 10px}html.mobile-landscape #menu .league-open-button>span{width:36px;height:36px}html.mobile-landscape #menu .league-open-button>span img{width:49px;height:49px}html.mobile-landscape #menu .league-open-button b{font-size:10px}html.mobile-landscape #menu .league-open-button small{font-size:8px}html.mobile-landscape #menu .arena-vault{margin:0}html.mobile-landscape #menu .commander-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;margin:0 0 6px!important;display:grid!important}html.mobile-landscape #menu .commander-card{min-width:0;min-height:58px;border-radius:11px!important;gap:4px!important;padding:4px 5px!important}html.mobile-landscape #menu .commander-portrait{width:45px!important;height:45px!important}html.mobile-landscape #menu .commander-card b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;font-size:8px!important}html.mobile-landscape #menu .commander-card small{display:none!important}html.mobile-landscape #menu.menu-overhaul-ready .menu-tools{gap:5px;display:flex;margin:0!important;position:absolute!important;top:7px!important;right:8px!important}html.mobile-landscape #menu.menu-overhaul-ready .menu-tools .secondary{min-width:44px;min-height:40px;padding:6px 8px;font-size:8px}html.mobile-landscape #menu.menu-overhaul-ready .menu-actions{grid-template-columns:1fr 1fr 1fr!important;grid-template-areas:"campaign match shop"!important;gap:7px!important;width:min(650px,100%)!important;margin-top:auto!important;display:grid!important}html.mobile-landscape #menu.menu-overhaul-ready .menu-actions button{font-size:10px;border-radius:13px!important;min-height:48px!important;padding:8px 10px!important}html.mobile-landscape :is(.league-screen,.campaign-screen,.cosmetic-shop-screen,.matchmaking-screen){height:100dvh!important;min-height:0!important;padding:max(5px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left))!important;overflow:hidden!important}html.mobile-landscape :is(.league-shell,.campaign-shell,.cosmetic-shop-shell){border-radius:17px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:8px 10px 10px!important;overflow:hidden!important}html.mobile-landscape :is(.league-header,.campaign-header,.cosmetic-shop-header){min-height:52px;gap:8px!important;margin:0!important;padding:5px 7px 8px!important}html.mobile-landscape :is(.league-header,.campaign-header,.cosmetic-shop-header) button{min-width:45px;min-height:43px;padding:6px 10px!important}html.mobile-landscape :is(.league-header,.campaign-header,.cosmetic-shop-header) h2{margin:1px 0 0!important;font-size:16px!important}html.mobile-landscape :is(.league-header,.campaign-header,.cosmetic-shop-header) span{font-size:8px!important}html.mobile-landscape :is(.league-header,.campaign-header)>strong{padding:7px 9px!important;font-size:10px!important}html.mobile-landscape .league-scroll{padding:8px 8px 28px!important}html.mobile-landscape .league-current{border-radius:15px;grid-template-columns:58px minmax(0,1fr);gap:9px;margin-bottom:12px;padding:9px}html.mobile-landscape .league-emblem{width:56px}html.mobile-landscape .league-current-copy h3{font-size:16px}html.mobile-landscape .league-current-copy p{font-size:8px}html.mobile-landscape .league-track{gap:10px}html.mobile-landscape .league-rank{grid-template-columns:50px minmax(0,1fr);gap:7px}html.mobile-landscape .league-rank-marker{width:50px}html.mobile-landscape .league-track:before{left:23px}html.mobile-landscape .league-rank-card>header{padding:8px 10px 7px}html.mobile-landscape .league-rank-card h3{font-size:12px}html.mobile-landscape .league-rank-content{grid-template-columns:1fr 1.4fr;padding:7px 9px 9px}html.mobile-landscape .league-reward{min-height:52px}html.mobile-landscape .campaign-polished .campaign-path,html.mobile-landscape .campaign-path{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-auto-columns:min(89vw,760px);grid-auto-flow:column;align-items:stretch;scroll-padding-inline:5px;gap:10px!important;height:calc(100dvh - 73px)!important;max-height:none!important;padding:4px 5px 8px!important;display:grid!important;overflow:auto hidden!important}html.mobile-landscape .campaign-polished .campaign-chapter,html.mobile-landscape .campaign-chapter{scroll-snap-align:center;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;display:grid;overflow:hidden;border-radius:16px!important;padding:8px!important}html.mobile-landscape .campaign-polished .campaign-chapter>header,html.mobile-landscape .campaign-chapter-expanded>header{min-height:40px;grid-template-columns:34px auto minmax(0,1fr) auto!important;gap:6px!important}html.mobile-landscape .campaign-chapter-emblem{border-radius:9px;width:32px;height:32px;font-size:16px}html.mobile-landscape .campaign-chapter>header :is(span,b,.chapter-unlock-copy){font-size:8px!important}html.mobile-landscape .campaign-polished .campaign-chapter-grid,html.mobile-landscape .campaign-chapter-grid{grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;overflow-y:auto;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}html.mobile-landscape .campaign-polished .mission-node,html.mobile-landscape .mission-node{align-content:start;border-radius:12px!important;grid-template-columns:30px minmax(0,1fr) auto!important;min-height:0!important;padding:7px!important}html.mobile-landscape .mission-index{width:28px!important;height:28px!important;font-size:10px!important}html.mobile-landscape .mission-node div :is(small,em){font-size:6px!important}html.mobile-landscape .mission-node div b{line-height:1.12;font-size:9px!important}html.mobile-landscape .mission-node>strong{font-size:8px!important}html.mobile-landscape .mission-fighter-reward{gap:4px;margin-top:4px;padding:3px 5px}html.mobile-landscape .mission-fighter-reward img{width:28px;height:28px}html.mobile-landscape .mission-fighter-reward span{font-size:6px}html.mobile-landscape .mission-fighter-reward b{font-size:7px!important}html.mobile-landscape .mission-coin-reward{margin-top:3px;font-size:7px}html.mobile-landscape .briefing-shell{scrollbar-width:none;overflow-y:auto!important}html.mobile-landscape .briefing-shell::-webkit-scrollbar{display:none}html.mobile-landscape .campaign-polished .briefing-grid,html.mobile-landscape .briefing-grid{grid-template-columns:.72fr 1.28fr!important;gap:8px!important}html.mobile-landscape .campaign-polished .briefing-card,html.mobile-landscape .briefing-card{border-radius:13px!important;padding:9px!important}html.mobile-landscape .briefing-card h3{margin:3px 0;font-size:12px}html.mobile-landscape .briefing-card p{margin:4px 0;font-size:8px;line-height:1.3}html.mobile-landscape .mission-reward{margin-top:6px;padding:5px 7px;font-size:8px}html.mobile-landscape .briefing-fighter-unlock{margin-top:5px;padding:4px 6px;font-size:7px}html.mobile-landscape .briefing-fighter-unlock img{width:35px;height:35px}html.mobile-landscape .campaign-polished .campaign-squads,html.mobile-landscape .campaign-squads{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html.mobile-landscape .campaign-polished .squad-card,html.mobile-landscape .squad-card{border-radius:11px!important;min-height:102px!important;padding:7px!important}html.mobile-landscape .squad-card b{font-size:8px!important}html.mobile-landscape .squad-card>span:not(.squad-unit-icons),html.mobile-landscape .squad-card small{line-height:1.15;font-size:6px!important}html.mobile-landscape .squad-unit-icons{gap:2px;min-height:36px!important;margin-top:3px!important}html.mobile-landscape .squad-unit-icon{border-radius:8px;width:34px;height:34px}html.mobile-landscape .campaign-objective{margin-top:3px;padding:4px 6px;font-size:7px}html.mobile-landscape .campaign-start{z-index:4;min-height:45px;padding:7px 15px;position:sticky;bottom:0;min-width:220px!important;margin:7px auto 0!important}html.mobile-landscape .cosmetic-shop-content{min-height:0;overflow-y:auto;padding:8px!important}html.mobile-landscape .arena-store-intro{margin-bottom:7px;padding-bottom:6px}html.mobile-landscape .arena-store-intro b{font-size:14px}html.mobile-landscape .arena-store-intro span{font-size:8px}html.mobile-landscape .arena-only-shop .cosmetic-shop-vault .arena-skins,html.mobile-landscape .cosmetic-shop-vault .arena-skins{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html.mobile-landscape .arena-only-shop .arena-skin,html.mobile-landscape .arena-skin{border-radius:12px;min-height:0;padding:6px}html.mobile-landscape .arena-skin img{max-height:165px}html.mobile-landscape .arena-skin span{margin-top:4px;font-size:9px}html.mobile-landscape .arena-skin b{margin-top:2px;font-size:8px}html.mobile-landscape .matchmaking-card{border-radius:20px;gap:7px;width:min(82vw,560px);max-height:calc(100dvh - 16px);padding:12px 24px 15px}html.mobile-landscape .matchmaking-logo{width:min(180px,35vw);max-height:70px}html.mobile-landscape .matchmaking-crown{font-size:35px}html.mobile-landscape .matchmaking-card h2{font-size:22px}html.mobile-landscape .matchmaking-card p{font-size:9px}html.mobile-landscape .matchmaking-card button{min-width:180px;min-height:44px}html.mobile-landscape body.mobile-game-visible #game{z-index:1;inset:0;overflow:hidden;width:100vw!important;height:100dvh!important;min-height:0!important;position:fixed!important}html.mobile-landscape body.mobile-game-visible #game .layout{width:100%;height:100%;display:block!important}html.mobile-landscape body.mobile-game-visible #game .arena-wrap{aspect-ratio:auto!important;width:100vw!important;height:100dvh!important;min-height:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}html.mobile-landscape body.mobile-game-visible #phaser-game,html.mobile-landscape body.mobile-game-visible #phaser-game canvas{position:absolute;inset:0;width:100%!important;height:100%!important}html.mobile-landscape body.mobile-game-visible .topbar{display:contents!important}html.mobile-landscape body.mobile-game-visible #brand-logo,html.mobile-landscape body.mobile-game-visible #phase,html.mobile-landscape body.mobile-game-visible #match-modifier,html.mobile-landscape body.mobile-game-visible #layout-editor{display:none!important}html.mobile-landscape body.mobile-game-visible #board{width:auto!important;height:68%!important;inset:15% auto auto 50%!important;transform:translate(-50%)!important}html.mobile-landscape body.mobile-game-visible .cell:before{border-radius:5px;inset:2px}html.mobile-landscape body.mobile-game-visible .cell:after{inset:4px}html.mobile-landscape body.mobile-game-visible .unit-token{width:calc(100% - 2px);height:calc(100% - 2px);inset:1px}html.mobile-landscape body.mobile-game-visible .rank{font-size:7px;top:-4px;right:-5px}html.mobile-landscape body.mobile-game-visible .enemy-bench-panel{width:38%!important;height:10.5%!important;inset:5.5% auto auto 31%!important}html.mobile-landscape body.mobile-game-visible .bench-panel{width:52%!important;height:15.5%!important;inset:auto auto 1.5% 24%!important}html.mobile-landscape body.mobile-game-visible .section-label{margin-bottom:2px;font-size:7px}html.mobile-landscape body.mobile-game-visible .bench{gap:1%;height:calc(100% - 10px)}html.mobile-landscape body.mobile-game-visible .bench-slot{border-radius:5px}html.mobile-landscape body.mobile-game-visible .enemy-caption{font-size:6px;top:-12px}html.mobile-landscape body.mobile-game-visible .enemy-caption span:first-child{max-width:130px;font-size:7px}html.mobile-landscape body.mobile-game-visible .enemy-ruler{width:14.5%!important;height:auto!important;inset:2% 8.5% auto auto!important}html.mobile-landscape body.mobile-game-visible .player-ruler{width:14.5%!important;height:auto!important;inset:auto auto 3% 7.5%!important}html.mobile-landscape body.mobile-game-visible .ruler-display>span{font-size:clamp(5px,1.1vw,8px)}html.mobile-landscape body.mobile-game-visible .ruler-glyph{display:none}html.mobile-landscape body.mobile-game-visible #timer{font-size:12px;transform:translate(-50%);left:50%!important;right:auto!important;top:max(3px, env(safe-area-inset-top))!important;width:auto!important;min-width:74px!important;height:35px!important;padding:7px 12px!important;bottom:auto!important}html.mobile-landscape body.mobile-game-visible #round{font-size:8px;transform:translate(-50%);width:auto!important;min-width:76px!important;height:auto!important;inset:37px auto auto 50%!important}html.mobile-landscape body.mobile-game-visible .match-menu{left:max(5px, env(safe-area-inset-left))!important;right:auto!important;top:max(4px, env(safe-area-inset-top))!important;border-radius:11px!important;width:48px!important;min-width:48px!important;height:39px!important;min-height:39px!important;padding:5px!important;font-size:7px!important;bottom:auto!important}html.mobile-landscape body.mobile-game-visible #standings{grid-template-columns:repeat(2,38px);gap:3px;left:max(5px, env(safe-area-inset-left))!important;width:auto!important;height:auto!important;display:grid!important;top:48px!important;bottom:auto!important;right:auto!important}html.mobile-landscape body.mobile-game-visible .ruler-chip{border-width:1px;border-radius:8px;width:38px;height:38px}html.mobile-landscape body.mobile-game-visible .ruler-chip-hp{font-size:6px;bottom:-3px;right:-3px}html.mobile-landscape body.mobile-game-visible #match-resource{font-size:11px;left:auto!important;right:max(5px, env(safe-area-inset-right))!important;top:max(4px, env(safe-area-inset-top))!important;width:auto!important;min-width:68px!important;height:39px!important;padding:6px 10px!important;bottom:auto!important}html.mobile-landscape body.mobile-game-visible #match-resource .resource-icon{width:21px;height:21px}html.mobile-landscape body.mobile-game-visible .arena-wrap>#fight{font-size:11px;top:auto!important;left:50%!important;right:auto!important;bottom:max(4px, env(safe-area-inset-bottom))!important;z-index:70!important;border-radius:13px!important;width:112px!important;min-width:112px!important;height:45px!important;min-height:45px!important;padding:7px 12px!important;transform:translate(-50%)!important}html.mobile-landscape body.mobile-game-visible .fight-hotkey{display:none!important}html.mobile-landscape body.mobile-game-visible #mobile-match-controls{z-index:82;pointer-events:none;display:block;position:fixed;inset:0}html.mobile-landscape body.mobile-game-visible #mobile-match-controls button{color:#fff6d3;pointer-events:auto;background:linear-gradient(155deg,#143751f2,#081429f5);border:1px solid #f2c86bb3;border-radius:12px;place-items:center;gap:1px;min-width:50px;min-height:44px;padding:5px 7px;display:grid;position:absolute;box-shadow:0 7px 18px #0000008c,inset 0 1px #ffffff38}html.mobile-landscape body.mobile-game-visible #mobile-match-controls button span{font-size:15px;line-height:1}html.mobile-landscape body.mobile-game-visible #mobile-match-controls button b{font-size:6px}html.mobile-landscape body.mobile-game-visible #mobile-classes-toggle{left:max(6px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom))}html.mobile-landscape body.mobile-game-visible #mobile-shop-toggle{right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom))}html.mobile-landscape body.mobile-game-visible #mobile-fullscreen-toggle{right:max(7px, env(safe-area-inset-right));width:44px;min-width:44px;font-size:20px;top:49px}html.mobile-landscape body.mobile-game-visible #mobile-panel-backdrop{z-index:74;opacity:0;visibility:hidden;pointer-events:none;background:#0207117a;border:0;padding:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}html.mobile-landscape body.mobile-game-visible:is(.mobile-shop-open,.mobile-classes-open) #mobile-panel-backdrop{opacity:1;visibility:visible;pointer-events:auto}html.mobile-landscape body.mobile-game-visible #shop-panel,html.mobile-landscape body.mobile-game-visible #class-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:78!important;top:max(5px, env(safe-area-inset-top))!important;bottom:max(5px, env(safe-area-inset-bottom))!important;background:linear-gradient(155deg,#1b3f4cf5,#0a1626fa)!important;border:1px solid #f2c86ba6!important;border-radius:16px!important;height:auto!important;max-height:none!important;transition:transform .2s cubic-bezier(.2,.75,.2,1)!important;position:fixed!important;overflow:hidden!important;box-shadow:0 22px 60px #000000b8!important}html.mobile-landscape body.mobile-game-visible #shop-panel{left:auto!important;right:max(5px, env(safe-area-inset-right))!important;width:min(43vw,345px)!important;padding:9px!important;transform:translate(calc(100% + 18px))!important}html.mobile-landscape body.mobile-game-visible.mobile-shop-open #shop-panel{transform:translate(0)!important}html.mobile-landscape body.mobile-game-visible #class-panel{left:max(5px, env(safe-area-inset-left))!important;width:min(38vw,300px)!important;padding:10px!important;right:auto!important;transform:translate(calc(-100% - 18px))!important}html.mobile-landscape body.mobile-game-visible.mobile-classes-open #class-panel{transform:translate(0)!important}html.mobile-landscape body.mobile-game-visible .mobile-panel-close{z-index:5;color:#fff6d5;background:#071122c7;border:1px solid #ffffff40;border-radius:10px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:22px;position:absolute;top:6px;right:6px}html.mobile-landscape body.mobile-game-visible #shop-panel .panel-head{min-height:39px;padding-right:40px}html.mobile-landscape body.mobile-game-visible #shop-panel .shop{grid-template-rows:repeat(3,minmax(0,1fr));height:calc(100% - 42px);grid-template-columns:1fr!important;gap:6px!important;padding:2px!important;display:grid!important;overflow-y:auto!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-card{text-align:left!important;border-radius:12px!important;grid-template-rows:auto auto auto!important;grid-template-columns:62px minmax(0,1fr) auto!important;justify-items:stretch!important;gap:2px 7px!important;min-height:0!important;padding:6px 7px!important;display:grid!important}html.mobile-landscape body.mobile-game-visible #shop-panel .portrait{grid-row:1/-1;width:58px!important;height:58px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .class-line{justify-content:flex-start}html.mobile-landscape body.mobile-game-visible #shop-panel :is(.ability-description,.fighter-advantage,.shop-trait-name){display:none!important}html.mobile-landscape body.mobile-game-visible #shop-panel .ability-line{max-width:none;font-size:7px}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-hotkey{display:none}html.mobile-landscape body.mobile-game-visible #class-panel .synergies{margin-top:38px;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}html.mobile-landscape body.mobile-game-visible #class-panel .synergy{border-radius:10px;min-height:55px;padding:7px 4px}html.mobile-landscape body.mobile-game-visible #class-panel .class-details{gap:5px;max-height:calc(100% - 120px);overflow-y:auto;grid-template-columns:1fr!important;display:grid!important}html.mobile-landscape body.mobile-game-visible #class-panel .class-detail{min-height:38px;padding:5px}html.mobile-landscape body.mobile-game-visible #class-panel :is(.tip,#sell,.sell-zone){display:none!important}html.mobile-landscape body.mobile-game-visible #sell{place-items:center;font-size:10px;left:auto!important;right:max(8px, env(safe-area-inset-right))!important;z-index:100!important;background:#5c282af0!important;border:2px dashed #ffd777!important;border-radius:15px!important;width:150px!important;height:76px!important;min-height:76px!important;display:none!important;top:auto!important;bottom:59px!important}html.mobile-landscape body.mobile-game-visible.unit-drag-active #sell{display:grid!important}html.mobile-landscape body.mobile-game-visible.unit-drag-active #mobile-match-controls{display:none!important}html.mobile-landscape body.mobile-game-visible .drag-ghost{width:54px;height:54px}html.mobile-landscape body.mobile-game-visible .drag-sell-value{font-size:9px}html.mobile-landscape body.mobile-game-visible .emote-control{width:43px!important;height:43px!important;inset:auto auto 8% 17%!important}html.mobile-landscape body.mobile-game-visible .emote-trigger{width:43px;height:43px}html.mobile-landscape body.mobile-game-visible .emote-picker{grid-template-columns:repeat(4,1fr);width:min(55vw,330px);max-height:56dvh;bottom:calc(100% + 5px);left:0;right:auto;overflow-y:auto}html.mobile-landscape body.mobile-game-visible .battle-stats{width:145px!important;min-width:145px!important;top:94px!important;right:6px!important}html.mobile-landscape body.mobile-game-visible .battle-stats-body{max-height:58dvh;width:min(62vw,330px)!important}html.mobile-landscape body.mobile-game-visible .battle-stats-toggle{min-height:40px}html.mobile-landscape :is(.settings-layer,.match-menu-layer,.result,.campaign-fighter-unlock){padding:max(7px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left))!important}html.mobile-landscape :is(.settings-card,.match-menu-card,.result-card,.campaign-unlock-card){border-radius:18px!important;max-height:calc(100dvh - 14px)!important;overflow-y:auto!important}html.mobile-landscape .settings-card{width:min(88vw,620px);padding:12px}html.mobile-landscape .settings-head{margin-bottom:6px}html.mobile-landscape .settings-form{grid-template-columns:1fr 1fr;gap:5px}html.mobile-landscape .settings-form label{min-height:40px;padding:5px 8px;font-size:9px}html.mobile-landscape .match-menu-card{gap:7px;width:min(72vw,440px);padding:14px 18px}html.mobile-landscape .match-menu-card button{min-height:43px}html.mobile-landscape .result-card{width:min(82vw,560px)!important;padding:12px 18px!important}html.mobile-landscape .result-icon{font-size:38px}html.mobile-landscape .result h2{margin:4px 0;font-size:23px}html.mobile-landscape .result p,html.mobile-landscape .result-xp{margin:0 0 8px;font-size:10px}html.mobile-landscape .reward-chest{max-height:100px}html.mobile-landscape .result-actions button{min-height:45px}html.mobile-landscape .campaign-unlock-card{grid-template-columns:1fr 1.25fr;grid-template-areas:"art title""art name""art copy""art button";align-items:center;width:min(78vw,620px);padding:12px 18px 14px}html.mobile-landscape .campaign-unlock-card small{grid-area:title}html.mobile-landscape .campaign-unlock-card h2{grid-area:title;margin:14px 0 0;font-size:20px}html.mobile-landscape .campaign-unlock-art{grid-area:art;width:100%;height:min(62dvh,250px);margin:0}html.mobile-landscape .campaign-unlock-card>strong{grid-area:name;font-size:17px}html.mobile-landscape .campaign-unlock-card p{grid-area:copy;margin:5px 0 8px;font-size:9px}html.mobile-landscape .campaign-unlock-card button{grid-area:button;min-height:44px}@media (height<=430px){html.mobile-landscape #menu .main-logo{max-height:60px}html.mobile-landscape #menu .tagline,html.mobile-landscape #menu .profile-card{display:none!important}html.mobile-landscape #menu .commander-card{min-height:52px}html.mobile-landscape #menu.menu-overhaul-ready .menu-actions button{min-height:44px!important}html.mobile-landscape body.mobile-game-visible #board{height:70%!important;top:13%!important}html.mobile-landscape body.mobile-game-visible .bench-panel{height:14.5%!important}html.mobile-landscape body.mobile-game-visible .enemy-bench-panel{top:4.5%!important}html.mobile-landscape body.mobile-game-visible #shop-panel{width:min(46vw,330px)!important}html.mobile-landscape .campaign-polished .mission-node{padding:5px!important}}@media (height<=360px){html.mobile-landscape #menu .main-logo{display:none}html.mobile-landscape #menu .league-open-button{min-height:42px}html.mobile-landscape #menu .commander-card{min-height:47px}html.mobile-landscape #menu .commander-portrait{width:38px!important;height:38px!important}html.mobile-landscape body.mobile-game-visible #board{height:72%!important;top:11%!important}html.mobile-landscape body.mobile-game-visible .enemy-ruler,html.mobile-landscape body.mobile-game-visible .player-ruler{width:12.5%!important}html.mobile-landscape body.mobile-game-visible .section-label,html.mobile-landscape body.mobile-game-visible .enemy-caption{display:none}}@media (prefers-reduced-motion:reduce){.mobile-phone-icon{animation:none;transform:rotate(0)}html.mobile-ui #shop-panel,html.mobile-ui #class-panel,html.mobile-ui #mobile-panel-backdrop{transition:none!important}}html.mobile-landscape body.mobile-game-visible #mobile-panel-backdrop,html.mobile-landscape body.mobile-game-visible #mobile-shop-toggle,html.mobile-landscape body.mobile-game-visible #mobile-classes-toggle,html.mobile-landscape body.mobile-game-visible .mobile-panel-close{display:none!important}html.mobile-landscape body.mobile-game-visible #mobile-match-controls{pointer-events:none}html.mobile-landscape body.mobile-game-visible #mobile-fullscreen-toggle{pointer-events:auto}html.mobile-landscape body.mobile-game-visible #shop-panel,html.mobile-landscape body.mobile-game-visible #class-panel,html.mobile-landscape body.mobile-game-visible.mobile-shop-open #shop-panel,html.mobile-landscape body.mobile-game-visible.mobile-classes-open #class-panel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:none!important;transform:none!important}html.mobile-landscape body.mobile-game-visible #shop-panel{-webkit-backdrop-filter:blur(6px)saturate(.9);backdrop-filter:blur(6px)saturate(.9);z-index:48!important;left:auto!important;right:max(5px, env(safe-area-inset-right))!important;background:linear-gradient(155deg,#4c2a35e8,#1b1325f0)!important;border:1px solid #f2c86bad!important;border-radius:13px!important;width:clamp(188px,23.5vw,300px)!important;height:auto!important;max-height:63dvh!important;padding:6px!important;position:fixed!important;top:31%!important;bottom:auto!important;overflow:visible!important;box-shadow:0 12px 32px #00000094,inset 0 1px #ffffff29!important}html.mobile-landscape body.mobile-game-visible #shop-panel .panel-head{min-height:25px!important;margin-bottom:4px!important;padding:0 2px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .panel-head h2{font-size:clamp(8px,1.2vw,11px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-rule{font-size:clamp(5px,.75vw,7px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop{grid-template-rows:none!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(48px,auto)!important;gap:4px!important;height:auto!important;max-height:none!important;padding:0!important;display:grid!important;overflow:visible!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-card{text-align:left!important;border-radius:10px!important;grid-template-rows:auto auto auto!important;grid-template-columns:38px minmax(0,1fr) auto!important;justify-items:stretch!important;gap:1px 5px!important;min-height:48px!important;padding:4px 5px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .portrait{grid-row:1/-1;align-self:center;border-radius:9px!important;width:36px!important;height:36px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .fighter-name-line small{font-size:5px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .class-line{justify-content:flex-start!important;gap:2px!important;margin-top:1px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .class-line .game-icon{width:13px!important;height:13px!important}html.mobile-landscape body.mobile-game-visible #shop-panel :is(.shop-stat-line,.ability-line){max-width:none!important;font-size:clamp(5px,.75vw,7px)!important;line-height:1.1!important}html.mobile-landscape body.mobile-game-visible #shop-panel :is(.ability-description,.fighter-advantage,.shop-trait-name,.shop-skill-line){display:none!important}html.mobile-landscape body.mobile-game-visible #shop-panel .price{align-self:center!important;font-size:clamp(9px,1.35vw,12px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .owned-count{border-width:1px;min-width:17px;padding:2px 3px;font-size:7px;bottom:-3px;right:-3px}html.mobile-landscape body.mobile-game-visible #class-panel{-webkit-backdrop-filter:blur(5px)saturate(.88);backdrop-filter:blur(5px)saturate(.88);scrollbar-width:none;z-index:47!important;left:max(5px, env(safe-area-inset-left))!important;background:linear-gradient(155deg,#4c2a35e3,#1b1325eb)!important;border:1px solid #f2c86b8c!important;border-radius:13px!important;width:clamp(58px,7.4vw,82px)!important;height:auto!important;max-height:68dvh!important;padding:5px!important;position:fixed!important;top:27%!important;bottom:auto!important;right:auto!important;overflow:hidden auto!important;box-shadow:0 10px 26px #00000085,inset 0 1px #ffffff21!important}html.mobile-landscape body.mobile-game-visible #class-panel::-webkit-scrollbar{display:none}html.mobile-landscape body.mobile-game-visible #class-panel .synergies{grid-template-columns:1fr!important;gap:3px!important;margin:0!important;display:grid!important}html.mobile-landscape body.mobile-game-visible #class-panel .synergy{border-radius:8px!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;min-height:clamp(32px,7.2dvh,45px)!important;padding:3px 2px!important;font-size:7px!important;display:grid!important}html.mobile-landscape body.mobile-game-visible #class-panel .synergy b{margin:0!important;line-height:1!important}html.mobile-landscape body.mobile-game-visible #class-panel .synergy .game-icon{width:clamp(20px,4.8dvh,27px)!important;height:clamp(20px,4.8dvh,27px)!important}html.mobile-landscape body.mobile-game-visible #class-panel .synergy small{font-size:clamp(5px,1.5dvh,7px)!important;line-height:1!important}html.mobile-landscape body.mobile-game-visible #class-panel :is(.class-details,.tip,#sell,.sell-zone){display:none!important}html.mobile-landscape body.mobile-game-visible .battle-stats{right:calc(clamp(188px, 23.5vw, 300px) + max(10px, env(safe-area-inset-right)))!important;width:132px!important;min-width:132px!important}@media (height<=430px){html.mobile-landscape body.mobile-game-visible #shop-panel{width:clamp(180px,23.5vw,270px)!important;padding:5px!important;top:29%!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop{grid-auto-rows:minmax(43px,auto)!important;gap:3px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-card{grid-template-columns:34px minmax(0,1fr) auto!important;min-height:43px!important;padding:3px 4px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .portrait{width:32px!important;height:32px!important}html.mobile-landscape body.mobile-game-visible #class-panel{width:clamp(54px,7vw,72px)!important;padding:4px!important;top:25%!important}html.mobile-landscape body.mobile-game-visible .battle-stats{right:calc(clamp(180px, 23.5vw, 270px) + max(9px, env(safe-area-inset-right)))!important}}@media (height<=360px){html.mobile-landscape body.mobile-game-visible #shop-panel{top:27%!important}html.mobile-landscape body.mobile-game-visible #class-panel{top:22%!important}}#game:not(.hidden) .arena-wrap,#game:not(.hidden) #shop-panel,#game:not(.hidden) #class-panel,#game:not(.hidden) .bench-panel,#game:not(.hidden) .enemy-bench-panel{min-width:0;min-height:0}#game:not(.hidden) :is(.shop-copy,.fighter-name-line,.fighter-name,.class-line){min-width:0}#game:not(.hidden) #shop-panel{overflow:hidden}#game:not(.hidden) #shop-panel .shop{scrollbar-width:thin;min-height:0}#game:not(.hidden) #shop-panel .shop-card{min-width:0;overflow:hidden}#game:not(.hidden) #shop-panel .portrait{aspect-ratio:1;flex:none;overflow:hidden}#game:not(.hidden) #shop-panel :is(.fighter-name,.price){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#game:not(.hidden) #shop-panel :is(.game-icon,.portrait img),#game:not(.hidden) :is(.ruler-art,.game-icon,.cell-badge img){object-fit:contain}#game:not(.hidden) .bench-slot .unit-token{aspect-ratio:1;max-width:calc(100% - 6px);transform:translate(-50%,-50%);width:auto!important;height:calc(100% - 6px)!important;inset:50% auto auto 50%!important}#game:not(.hidden) .bench-slot .unit-art,#game:not(.hidden) .cell .unit-art{max-width:none;max-height:none}@media (width>=1181px) and (height<=820px){#game:not(.hidden) #shop-panel{height:auto!important;max-height:55%!important;top:31%!important}#game:not(.hidden) #shop-panel .shop{max-height:calc(55dvh - 34px);overflow-y:auto;height:auto!important}#game:not(.hidden) #shop-panel .shop-card{height:auto!important;min-height:clamp(50px,8.2dvh,67px)!important}#game:not(.hidden) #shop-panel .portrait{width:clamp(42px,4.8vw,60px)!important;height:clamp(42px,7.4dvh,60px)!important}}html.mobile-landscape body.mobile-game-visible{--battle-safe-left:max(5px, env(safe-area-inset-left));--battle-safe-right:max(5px, env(safe-area-inset-right));--battle-left-rail:clamp(54px, 7.4vw, 82px);--battle-right-rail:clamp(195px, 25vw, 300px);--battle-rail-gap:clamp(7px, 1.1vw, 13px);--battle-center-left:calc(var(--battle-safe-left) + var(--battle-left-rail) + var(--battle-rail-gap));--battle-center-right:calc(var(--battle-safe-right) + var(--battle-right-rail) + var(--battle-rail-gap));--battle-center-width:calc(100vw - var(--battle-center-left) - var(--battle-center-right))}html.mobile-landscape body.mobile-game-visible #class-panel{left:var(--battle-safe-left)!important;width:var(--battle-left-rail)!important;max-height:74dvh!important;top:23%!important}html.mobile-landscape body.mobile-game-visible #shop-panel{right:var(--battle-safe-right)!important;width:var(--battle-right-rail)!important;max-height:72dvh!important;top:25%!important;overflow:hidden!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop{overscroll-behavior:contain;max-height:calc(72dvh - 34px)!important;overflow:hidden auto!important}html.mobile-landscape body.mobile-game-visible #board{max-width:calc(var(--battle-center-width) - 6px);margin-inline:auto;left:var(--battle-center-left)!important;right:var(--battle-center-right)!important;width:auto!important;height:min(68dvh,56vw)!important;transform:none!important}html.mobile-landscape body.mobile-game-visible .bench-panel{margin-inline:auto;transform:none;left:var(--battle-center-left)!important;right:var(--battle-center-right)!important;width:min(52vw, var(--battle-center-width))!important}html.mobile-landscape body.mobile-game-visible .enemy-bench-panel{margin-inline:auto;transform:none;left:var(--battle-center-left)!important;right:var(--battle-center-right)!important;width:min(38vw, var(--battle-center-width))!important}html.mobile-landscape body.mobile-game-visible #timer,html.mobile-landscape body.mobile-game-visible #round,html.mobile-landscape body.mobile-game-visible .arena-wrap>#fight{margin-inline:auto;left:var(--battle-center-left)!important;right:var(--battle-center-right)!important;transform:none!important}html.mobile-landscape body.mobile-game-visible .arena-wrap>#fight{max-width:calc(var(--battle-center-width) - 12px);width:min(112px, calc(var(--battle-center-width) - 12px))!important}html.mobile-landscape body.mobile-game-visible .arena-wrap>#fight:hover{transform:translateY(-2px)!important}html.mobile-landscape body.mobile-game-visible .enemy-ruler{left:auto!important;right:calc(var(--battle-safe-right) + var(--battle-right-rail) + var(--battle-rail-gap))!important;width:clamp(72px,13vw,120px)!important}html.mobile-landscape body.mobile-game-visible .player-ruler{left:calc(var(--battle-safe-left) + var(--battle-left-rail) + var(--battle-rail-gap))!important;width:clamp(72px,13vw,120px)!important;right:auto!important}html.mobile-landscape body.mobile-game-visible .emote-control{left:calc(var(--battle-safe-left) + var(--battle-left-rail) + clamp(56px, 10vw, 92px))!important}html.mobile-landscape body.mobile-game-visible .battle-stats{max-width:145px;right:calc(var(--battle-safe-right) + var(--battle-right-rail) + var(--battle-rail-gap))!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-card{grid-template-columns:clamp(30px,4.8vw,40px) minmax(0,1fr) auto!important;height:auto!important;min-height:clamp(42px,12dvh,54px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .portrait{width:clamp(29px,4.5vw,38px)!important;height:clamp(29px,4.5vw,38px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .fighter-name{font-size:clamp(7px,1vw,9px)!important}html.mobile-landscape body.mobile-game-visible #shop-panel .price{max-width:clamp(27px,4.5vw,42px)}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-stat-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html.mobile-landscape body.mobile-game-visible .bench-slot .unit-token{contain:none;max-width:calc(100% - 4px);height:calc(100% - 4px)!important}html.mobile-landscape body.mobile-game-visible :is(.portrait,.ruler-chip-portrait){contain:layout paint}html.mobile-landscape body.mobile-game-visible .ruler-podium{contain:none}@media (height<=430px){html.mobile-landscape body.mobile-game-visible #class-panel{top:20%!important}html.mobile-landscape body.mobile-game-visible #shop-panel{top:25%!important}html.mobile-landscape body.mobile-game-visible #board{height:min(70dvh,58vw)!important;top:13%!important}html.mobile-landscape body.mobile-game-visible .enemy-bench-panel{top:4.5%!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop{max-height:calc(73dvh - 30px)!important}}@media (height<=360px){html.mobile-landscape body.mobile-game-visible{--battle-left-rail:clamp(50px, 7vw, 66px);--battle-right-rail:clamp(190px, 25vw, 235px);--battle-rail-gap:6px}html.mobile-landscape body.mobile-game-visible #class-panel{top:18%!important}html.mobile-landscape body.mobile-game-visible #shop-panel{top:28%!important}html.mobile-landscape body.mobile-game-visible #board{height:min(72dvh,60vw)!important;top:10%!important}html.mobile-landscape body.mobile-game-visible #shop-panel .shop-card{min-height:40px!important}html.mobile-landscape body.mobile-game-visible #shop-panel .panel-head{min-height:21px!important}}#menu.illustrated-menu-ready{isolation:isolate;--menu-art:url(../assets/ui/main-menu-kingdom-lineup-v1.png);--menu-button-left:16.72%;--menu-button-width:21.55%;min-height:100dvh;position:relative;overflow:hidden;background:#8fd4ef var(--menu-art) center center/100% 100% no-repeat!important}#menu.illustrated-menu-ready:before{content:"";z-index:0;pointer-events:none;background:var(--menu-art) center center/100% 100% no-repeat;animation:.8s cubic-bezier(.2,.8,.2,1) both illustrated-menu-arrive;position:absolute;inset:0}#menu.illustrated-menu-ready:after{content:"";z-index:1;pointer-events:none;opacity:.42;background:radial-gradient(circle at 31% 42%,#fff6bd33 0 3%,#0000 12%) 0 0/100% 100%,linear-gradient(110deg,#0000 23%,#fff9d80e 37%,#0000 51%) 0 0/220% 100%;animation:8s linear infinite illustrated-menu-light;position:absolute;inset:0}#menu.illustrated-menu-ready .hero{z-index:4;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:visible!important}#menu.illustrated-menu-ready .hero:before,#menu.illustrated-menu-ready .hero:after,#menu.illustrated-menu-ready .main-logo,#menu.illustrated-menu-ready .tagline,#menu.illustrated-menu-ready #profile,#menu.illustrated-menu-ready #league-open,#menu.illustrated-menu-ready #arena-vault,#menu.illustrated-menu-ready #commander-picker{display:none!important}#menu.illustrated-menu-ready .menu-actions{z-index:8;left:var(--menu-button-left)!important;width:var(--menu-button-width)!important;height:42.65%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:36.35%!important;transform:none!important}#menu.illustrated-menu-ready .menu-actions .illustrated-hitbox,#menu.illustrated-menu-ready .menu-tools .illustrated-hitbox{cursor:pointer;white-space:nowrap;transform-origin:50%;overflow:hidden;color:#fff8df!important;-webkit-text-stroke:1px #16314b!important;width:100%!important;min-width:0!important;min-height:0!important;font-family:var(--font-display,"Arial Black",sans-serif)!important;letter-spacing:.035em!important;text-shadow:0 2px #0b2741,0 3px 6px #00182f99!important;box-shadow:none!important;opacity:1!important;padding:0!important;background:0 0!important;border:2px solid #0000!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding-left:15%!important;font-size:clamp(11px,1.03vw,20px)!important;font-weight:900!important;line-height:1!important;transition:transform .16s,box-shadow .18s,border-color .18s,filter .18s!important;display:flex!important;position:absolute!important;left:0!important}#menu.illustrated-menu-ready .illustrated-hitbox:before{opacity:0;background:linear-gradient(90deg,#0000,#fff9c77a,#0000);transition:opacity .16s;position:absolute;inset:-20% -35%;transform:translate(-55%)rotate(-10deg);content:""!important}#menu.illustrated-menu-ready .illustrated-hitbox:hover,#menu.illustrated-menu-ready .illustrated-hitbox:focus-visible{filter:brightness(1.08)saturate(1.12);outline:none;border-color:#fff2a3a8!important;transform:translateY(-2px)scale(1.025)!important;box-shadow:0 0 0 3px #5fd9ff44,0 0 30px #ffd45bba,inset 0 0 22px #fff3a339!important}#menu.illustrated-menu-ready .illustrated-hitbox:hover:before,#menu.illustrated-menu-ready .illustrated-hitbox:focus-visible:before{opacity:1;animation:.85s ease-out illustrated-button-sweep}#menu.illustrated-menu-ready .illustrated-hitbox:active{filter:brightness(.98);transform:translateY(1px)scale(.985)!important}#menu.illustrated-menu-ready .illustrated-play{color:#fff4c0!important;-webkit-text-stroke:1px #743c0b!important;text-shadow:0 2px #703a08,0 4px 8px #58290099!important;border-radius:12px!important;height:27.1%!important;font-size:clamp(13px,1.28vw,24px)!important;top:0!important}#menu.illustrated-menu-ready .illustrated-campaign{height:20.6%!important;top:32.1%!important}#menu.illustrated-menu-ready .illustrated-shop{height:21.3%!important;top:54.9%!important}#menu.illustrated-menu-ready .illustrated-collection{height:21.2%!important;top:78.4%!important}#menu.illustrated-menu-ready .menu-tools{z-index:9;pointer-events:none;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}#menu.illustrated-menu-ready .menu-tools button{pointer-events:auto}#menu.illustrated-menu-ready .menu-tools .illustrated-settings{left:var(--menu-button-left)!important;width:var(--menu-button-width)!important;height:8.9%!important;top:79.05%!important}#menu.illustrated-menu-ready #language{top:max(14px,env(safe-area-inset-top))!important;right:max(16px,env(safe-area-inset-right))!important;color:#fff8dc!important;-webkit-text-stroke:0!important;background:linear-gradient(#224e73dc,#102d4ee8)!important;border:1px solid #ffe8a986!important;border-radius:12px!important;width:auto!important;min-width:52px!important;height:auto!important;min-height:38px!important;padding:8px 12px!important;font-size:11px!important;line-height:1!important;position:absolute!important;left:auto!important;box-shadow:0 6px 18px #08233a88,inset 0 1px #fff7!important}.illustrated-menu-atmosphere{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.illustrated-menu-atmosphere i{--x:calc(7% + (var(--spark) * 6.4%));left:var(--x);top:calc(20% + ((var(--spark) * 17%) mod 66%));aspect-ratio:1;opacity:0;width:clamp(3px,.38vw,7px);animation:illustrated-spark calc(4.2s + var(--spark) * .23s) ease-in-out calc(var(--spark) * -.41s) infinite;background:#fff7b9;border-radius:50%;position:absolute;box-shadow:0 0 8px #fff,0 0 17px #7ee9ff}.illustrated-menu-atmosphere i:nth-child(3n){left:72%}.illustrated-menu-atmosphere i:nth-child(4n){left:88%}.illustrated-menu-atmosphere i:nth-child(5n){left:44%}.menu-collection-screen{z-index:1000;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(90deg,#07182ad9,#102f48b8 42%,#07182ad9),url(../assets/ui/main-menu-kingdom-lineup-v1.png) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0}.menu-collection-screen.hidden{display:none!important}.menu-collection-shell{-webkit-backdrop-filter:blur(13px)saturate(1.15);backdrop-filter:blur(13px)saturate(1.15);background:linear-gradient(145deg,#173d5deb,#0a243def);border:2px solid #efd37ba8;border-radius:25px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,96vw);max-height:92dvh;animation:.28s ease-out both collection-arrive;display:grid;overflow:hidden;box-shadow:0 30px 90px #00101bd9,inset 0 1px #fff6}.menu-collection-header{background:#0921398c;border-bottom:1px solid #efd37b45;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;min-height:84px;padding:15px 22px;display:grid}.menu-collection-header button{color:#fff5cc;cursor:pointer;background:linear-gradient(#257ca4,#155071);border:1px solid #ffe69c9c;border-radius:14px;width:46px;height:46px;font-size:25px}.menu-collection-header span{color:#78def0;letter-spacing:.16em;font-size:10px;font-weight:900}.menu-collection-header h2{color:#fff3c2;text-transform:uppercase;margin:2px 0 0;font-size:clamp(23px,3vw,36px)}.menu-collection-header strong{color:#ffe176;font-size:24px}.menu-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:20px;display:grid;overflow:auto}.menu-collection-card{color:#fff4d2;background:linear-gradient(155deg,#225b72d9,#112c47ed);border:1px solid #76dbe85c;border-radius:18px;grid-template-rows:minmax(0,1fr) auto auto;min-height:210px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 10px 22px #00152188,inset 0 1px #fff3}.menu-collection-card:hover{border-color:#ffe27e;transform:translateY(-5px);box-shadow:0 16px 28px #001521a8,0 0 22px #58d9e448}.menu-collection-card>div{place-items:center;min-height:145px;display:grid;overflow:hidden}.menu-collection-card img{object-fit:contain;filter:drop-shadow(0 9px 7px #001a2e99);width:100%;height:100%;max-height:160px}.menu-collection-card b{text-align:center;margin-top:5px;font-size:12px}.menu-collection-card small{color:#79e6c0;text-align:center;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:800}@keyframes illustrated-menu-arrive{0%{opacity:0;filter:blur(7px)saturate(.8);transform:scale(1.065)}to{opacity:1;filter:blur()saturate();transform:scale(1)}}@keyframes illustrated-menu-light{to{background-position:0 0,-220% 0}}@keyframes illustrated-button-sweep{to{transform:translate(55%)rotate(-10deg)}}@keyframes illustrated-spark{0%,to{opacity:0;transform:translateY(20px)scale(.4)}25%{opacity:.85}70%{opacity:.45}90%{opacity:0;transform:translateY(-85px)scale(1.25)}}@keyframes collection-arrive{0%{opacity:0;transform:translateY(16px)scale(.97)}}@media (width<=900px) and (orientation:landscape){#menu.illustrated-menu-ready .menu-actions,#menu.illustrated-menu-ready .menu-tools .illustrated-settings{width:21.55%!important;left:16.72%!important}.menu-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-collection-card{min-height:176px}.menu-collection-card>div{min-height:112px}}@media (orientation:portrait),(aspect-ratio<=4/3){#menu.illustrated-menu-ready{background-position:70%!important;background-size:cover!important}#menu.illustrated-menu-ready:before{filter:brightness(.78)saturate(.92);background-position:70%;background-size:cover}#menu.illustrated-menu-ready .menu-actions{grid-template-columns:1fr 1fr!important;gap:10px!important;width:auto!important;height:auto!important;display:grid!important;inset:auto 7% 10%!important}#menu.illustrated-menu-ready .menu-actions .illustrated-hitbox,#menu.illustrated-menu-ready .menu-tools .illustrated-settings{color:#fff5d4!important;background:linear-gradient(#197da7ed,#075177f2)!important;border:2px solid #f4d278!important;border-radius:14px!important;width:100%!important;height:52px!important;padding-left:0!important;font-size:12px!important;line-height:1!important;position:relative!important;inset:auto!important;box-shadow:0 9px 20px #001826a8,inset 0 1px #fff6!important}#menu.illustrated-menu-ready .illustrated-play{grid-column:1/-1;background:linear-gradient(#ffc943f0,#d98711f5)!important}#menu.illustrated-menu-ready .menu-tools{width:auto!important;height:auto!important;position:static!important}#menu.illustrated-menu-ready .menu-tools .illustrated-settings{width:86%!important;position:absolute!important;bottom:3%!important;left:7%!important;right:7%!important}.menu-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){#menu.illustrated-menu-ready:before,#menu.illustrated-menu-ready:after,.illustrated-menu-atmosphere i,.menu-collection-shell{animation:none!important}#menu.illustrated-menu-ready .illustrated-hitbox{transition:none!important}}