.referralPanel{aspect-ratio:1767/382;isolation:isolate;color:#e8f4ff;background:radial-gradient(at 65% 90%,#03345580,#0000 70%),#021a2e;border:0;border-radius:0;margin-top:18px;position:relative;overflow:hidden;container-type:inline-size}.referralPanel:before{content:"";z-index:-1;pointer-events:none;background:url(/assets/account/referral/bottom-foliage.webp) 0 100%/65.96% 14.66% no-repeat,url(/assets/account/referral/right-edge.webp) 100%/2.12% 100% no-repeat,url(/assets/account/referral/top-edge.webp) right 3.4%/100% 6.54% no-repeat,url(/assets/account/referral/bottom-edge.webp) 100% 100%/100% 5.5% no-repeat;position:absolute;inset:0 0 0 17.317%}.referralMain{position:absolute;inset:0}.referralMascot{z-index:-1;object-fit:fill;width:17.317%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.referralIntro{width:45.5%;position:absolute;top:18.8%;left:17.997%}.referralIntro h2{color:#ffdd69;letter-spacing:-.04cqw;text-shadow:0 1px 1px #76541f,0 0 8px #ffce4025;margin:0 0 .65cqw;font-size:2.5cqw;font-style:italic;font-weight:900;line-height:1.08}.referralPanel .referralIntro h2>span{color:inherit}.referralIntro h2 em{font-style:inherit;color:#56d9ff;text-shadow:0 -1px #c1f9ff,0 2px 1px #126ab0,0 0 8px #138cff90;font-size:1.12em}.referralIntro p{color:#c5e2f3;margin:0;font-size:1.45cqw;font-weight:600;line-height:1.3}.referralIntro p em{color:#51e1fb;font-size:1.3em;font-style:italic;font-weight:900}.referralIntro:after{content:"";z-index:-1;pointer-events:none;background:url(/assets/account/referral/floating-gem.webp) 100% 0/2.4cqw 2.8cqw no-repeat,url(/assets/account/referral/gem-trail.webp) 100% 100%/15cqw 2.3cqw no-repeat;width:15cqw;height:6cqw;position:absolute;top:2cqw;right:0}.referralLinkBox{width:46.46%;min-width:0;height:30%;position:absolute;top:55.5%;left:17.09%}.referralLinkBox label{text-transform:uppercase;color:#61dcf9;padding-left:3.7%;font-size:1cqw;font-weight:800;line-height:1.2;display:block}.referralLinkControl{background:#021525e8;align-items:center;gap:.6cqw;width:100%;height:66%;padding:0 1.2cqw;display:flex;position:absolute;top:31%;left:0}.referralLinkControl:before{content:"";pointer-events:none;border:.9cqw solid #0000;border-image:url(/assets/account/referral/link-frame.webp) 18 24 16/.9cqw;position:absolute;inset:0}.referralLinkControl:focus-within{outline-offset:2px;outline:2px solid #69dfff}.referralLinkControl input{color:#e0edf8;width:0;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 .6cqw;font-size:1.1cqw}.referralLinkControl button,.referralClaim button{color:#10263b;font:inherit;cursor:pointer;background:linear-gradient(#fff39c,#ffdf56 45%,#ffcc3c 75%,#ffdd61);border:0;border-radius:6px;justify-content:center;align-items:center;gap:.6cqw;font-weight:800;display:flex;position:relative;box-shadow:0 0 12px #ffd84c55}.referralLinkControl button{white-space:nowrap;flex:0 0 20.5%;height:64%;padding:0 .5cqw;font-size:1.3cqw}.referralLinkControl button:before,.referralClaim button:before{content:"";pointer-events:none;border:.9cqw solid #0000;border-image:url(/assets/account/referral/button-frame.webp) 20 24/.9cqw;position:absolute;inset:-.2cqw}.referralLinkControl button:before{border-image-width:.7cqw}.referralLinkControl button img{object-fit:contain;width:1.5cqw;height:1.7cqw}.referralLinkControl button:disabled{opacity:1;cursor:not-allowed}.referralLinkControl button:focus-visible,.referralClaim button:focus-visible{outline-offset:6px;outline:2px solid #76e5ff}.referralCopyStatus{color:#9ddeef;margin-top:2px;font-size:10px;position:absolute;top:100%;left:3.7%}.referralCopyStatus:empty{display:none}.referralMetric{text-align:center;background:url(/assets/account/referral/friends-plate.webp) 50%/100% 100% no-repeat;border:0;min-width:0;height:64.66%;padding:0;position:absolute;top:9.42%}.referralFriendsMetric{width:15.45%;left:64.8%}.referralGemMetric{background-image:url(/assets/account/referral/gem-plate.webp);width:16.24%;left:81.32%}.referralFriendsArt{object-fit:contain;width:61.54%;height:37.65%;display:block;position:absolute;top:11.74%;left:19.05%}.referralGemArt{object-fit:contain;width:36.59%;height:38.46%;display:block;position:absolute;top:11.74%;left:30.66%}.referralFriendsMetric>div,.referralGemBalance>div{width:90%;position:absolute;top:50%;left:5%}.referralMetric strong{color:#ffe17b;overflow-wrap:anywhere;font-size:2.6cqw;font-weight:800;line-height:1.15;display:block}.referralMetric span{color:#e0edf8;margin-top:.1cqw;font-size:1.2cqw;line-height:1.25;display:block}.referralClaim{text-align:center;width:18.95%;height:18.58%;position:absolute;top:73.56%;left:79.05%}.referralClaim button{white-space:nowrap;gap:.45cqw;width:100%;height:100%;padding:0 .6cqw;font-size:1.4cqw}.referralClaim button:disabled{cursor:not-allowed}.referralClaim button .dashIcon{object-fit:contain;flex-shrink:0;width:2.7cqw;height:2.7cqw}.referralClaim small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.referralPanel:after{content:"";z-index:-1;pointer-events:none;background:url(/assets/account/referral/crystals.webp) 50%/contain no-repeat;width:6.79%;height:25.13%;position:absolute;bottom:0;left:71.87%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}@media (width>=801px){.referralPanel[data-long-title=true] .referralIntro h2{font-size:2.3cqw}}@media (width<=800px){.referralPanel{aspect-ratio:auto}.referralMain{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro intro""link link""friends gems""claim claim";gap:16px;padding:24px 20px;display:grid;position:relative}.referralPanel:before{background-size:65.96% 28px,2.12% 100%,100% 16px,100% 14px}.referralMascot{object-fit:contain;object-position:left top;width:34%;height:185px;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.referralIntro{grid-area:intro;align-items:center;width:auto;min-height:145px;padding-left:32%;display:flex;position:relative;inset:auto}.referralIntro h2{letter-spacing:-.3px;margin-bottom:10px;font-size:23px}.referralIntro p{font-size:13px}.referralIntro:after,.referralPanel:after{display:none}.referralLinkBox{grid-area:link;width:auto;height:auto;min-height:75px;position:relative;inset:auto}.referralLinkBox label{padding-left:4px;font-size:11px}.referralLinkControl{gap:6px;height:46px;margin-top:12px;padding:6px 10px;position:relative;top:auto}.referralLinkControl:before{border-image-width:12px}.referralLinkControl input{padding:0 4px;font-size:12px}.referralLinkControl button{flex-basis:auto;gap:6px;height:29px;padding:0 10px;font-size:14px}.referralLinkControl button img{width:18px;height:20px}.referralLinkControl button:before,.referralClaim button:before{border-image-width:12px;inset:-3px}.referralFriendsMetric{grid-area:friends}.referralGemMetric{grid-area:gems}.referralMetric{aspect-ratio:273/247;width:auto;height:auto;min-height:0;position:relative;inset:auto}.referralMetric strong{font-size:29px}.referralMetric span{margin-top:4px;font-size:13px}.referralClaim{grid-area:claim;justify-self:center;width:100%;max-width:300px;height:48px;position:relative;inset:auto}.referralClaim button{gap:8px;font-size:19px}.referralClaim button .dashIcon{width:30px;height:30px}}@media (width<=420px){.referralMain{gap:14px 10px;padding:20px 14px}.referralIntro h2{font-size:21px}.referralIntro p{font-size:12px}.referralLinkControl input{font-size:11px}.referralMetric span{font-size:12px}}.accPage.accountDashboardPage{background:#031326 url(/assets/account/background.webp) top/cover fixed}.accountDashboardPage .accNav{background:#031326e8;border:1px solid #174563;border-top:0;border-radius:0 0 18px 18px;gap:24px;width:min(1240px,100% - 40px);padding:0 24px}.dashNavLinks{align-items:center;gap:12px;margin-left:auto;display:flex}.dashNavLinks a,.dashNavLinks button{color:#b0c7e0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:800;display:flex}.dashRankingDialog{color:#d3e6f7;background:#061e33;border:1px solid #266e91;border-radius:14px;width:min(440px,100% - 32px);margin:auto;padding:28px;position:fixed;inset:0;box-shadow:0 20px 60px #0009}.dashRankingDialog::backdrop{background:#010c19c9}.dashRankingDialog h2{letter-spacing:0;align-items:center;gap:12px;margin:0 0 16px;font-size:24px;display:flex}.dashRankingDialog p{margin-bottom:22px;font-size:14px;line-height:1.6}.dashRankingDialog button{cursor:pointer;border:0}.dashRankingList{margin:0 0 24px;padding:0;list-style:none}.dashRankingList li{border-bottom:1px solid #266e9155;align-items:center;gap:12px;padding:12px 0;display:flex}.dashRankingPosition{color:#ffdb43;min-width:20px;font-weight:800}.dashRankingList strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.dashRankingScore{color:#ffdb43;align-items:center;gap:6px;font-weight:700;display:flex}.dashRankingScore .dashIcon{width:26px;height:26px}.dashRankingScore small{color:#a6c6df;font-size:10px;font-weight:400;display:block}.dashDemoLabel{font-size:10px;font-weight:400}.dashNavLinks a[aria-current=page]{color:#ffdb3c;background:#08233b;border-color:#174865}.dashNavLinks .dashIcon{width:24px;height:24px}.accountDashboardPage .accBody{align-items:flex-start;padding:26px 0 40px;overflow:visible}.accountDashboardPage .accInnerWide{width:min(1180px,100% - 40px)}.accountDashboardPage .accGlow{display:none}.accountDashboardPage .accFooter{width:min(1180px,100% - 40px);padding:20px 0}.playerDashboard{color:#eef5ff}.dashIcon{object-fit:contain;flex-shrink:0;width:45px;height:45px}.dashWelcomeRow{background:#061e36;border:1px solid #18628a;border-radius:12px 12px 0 0;grid-template-columns:minmax(0,1fr) 290px;display:grid;overflow:hidden}.dashWelcome{background:#0a233c url(/assets/account/banner.webp) 50%/cover;align-items:center;gap:24px;min-height:178px;padding:22px 28px;display:flex}.dashAvatar{flex-shrink:0;width:140px;height:140px;position:relative;container-type:inline-size}.dashAvatarMask{background:#0d4870;border-radius:50%;width:69%;height:69%;position:absolute;top:13.5%;left:15.5%;overflow:hidden}.dashPortrait{object-fit:cover;width:100%;height:100%;display:block}.dashPortraitFeatured{transform-origin:54% 20%;transform:scale(1.8)}.dashFrame{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dashLevel{color:#ffe04a;text-align:center;place-items:center;width:26%;height:25%;font-size:clamp(11px,15cqw,21px);font-weight:900;line-height:1;display:grid;position:absolute;top:64%;left:68.5%}.dashSymbol{width:23px;height:23px}.dashDiscord{color:#8fcfff;align-items:center;display:inline-flex}.dashDiscord svg{width:100%;height:100%}.dashIdentity{text-shadow:0 2px 12px #001326;min-width:0}.dashIdentity p{color:#b3d6f5;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.dashIdentity h1{overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.1}.dashClan{color:#d2e1f2;font-size:12px}.dashTopup{background:#031c31 url(/assets/account/gems.webp) 50%/cover;border:1px solid #b6983c;border-radius:10px;flex-direction:column;justify-content:flex-end;align-self:stretch;margin:9px;padding:16px;display:flex}.dashTopup h2{color:#ffe04b;text-transform:uppercase;text-shadow:0 2px 5px #001326;max-width:160px;margin:0 0 6px;font-size:18px;font-style:normal;line-height:1.1}.dashTopup p{color:#dce9f8;max-width:150px;margin:0 0 12px;font-size:11px}.dashGoldButton{color:#061a2b;letter-spacing:.7px;text-transform:uppercase;background:#ffdb3c;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;font-size:11px;font-weight:950;display:inline-flex;box-shadow:0 3px #c89415}.dashGoldButton:hover{background:#ffe776}.dashTabs{background:#03192aee;border:1px solid #16415c;border-radius:0 0 9px 9px;align-items:center;gap:8px;padding:6px;display:flex}.dashTabButtons{flex-shrink:0;align-items:center;gap:8px;display:flex}.dashBalances{align-items:center;gap:30px;min-width:0;margin:0 16px 0 clamp(32px,5vw,72px);display:flex}.dashBalance{align-items:center;gap:9px;min-width:0;display:flex}.dashBalances .dashIcon{width:32px;height:32px}.dashBalance dt{color:#a9c7e4;text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:700}.dashBalance dd{color:#ffda35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:18px;font-weight:800;line-height:1.2}.dashTabs button{color:#afc8e3;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:800;display:flex}.dashTabs [role=tab]{min-width:175px}.dashTabs [aria-selected=true]{color:#071727;background:#ffda3c;box-shadow:0 2px 8px #ffdc301c}.dashTabs .dashIcon{width:25px;height:25px}.dashTabs .dashLogout{border:1px solid #32536f;margin-left:auto;font-size:11px}.dashTabs button:disabled{opacity:.6;cursor:wait}.dashMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px;display:grid}.dashProfileMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashMetric{background:#052139eb;border:1px solid #16425e;border-radius:9px;align-items:center;gap:20px;min-width:0;padding:18px 24px;display:flex;box-shadow:inset 0 0 25px #0a46771c}.dashMetric>div{min-width:0}.dashMetric b{color:#ffda35;overflow-wrap:anywhere;font-size:clamp(20px,2vw,27px);font-style:italic;line-height:1.2;display:block}.dashMetric span{color:#9fbce0;letter-spacing:1px;text-transform:uppercase;margin-top:6px;font-size:10px;font-weight:700;display:block}.dashDetailed .dashMetric b{font-size:22px}.dashResources{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0;display:grid}.dashResource{background:#052139ee;border:1px solid #16425e;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.dashResource b{color:#ffda35;margin-left:auto}.dashResource span{color:#c7daf0;font-size:12px}.dashShortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashShortcut{text-align:left;color:#fff;cursor:pointer;background-color:#062037;background-position:50%;background-size:cover;border:1px solid #1473a0;border-radius:9px;flex-direction:column;align-items:flex-start;min-width:0;min-height:126px;padding:15px 18px;font-family:inherit;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.dashShortcut strong{text-transform:uppercase;margin-top:3px;font-size:14px;font-weight:900}.dashShortcut>span{color:#b9d8ed;max-width:190px;font-size:11px;line-height:1.45}.dashShortcut .dashIcon{width:40px;height:40px}.dashBattles{background-image:linear-gradient(90deg,#03182bea 18%,#03182b60),url(/assets/arena/battles.webp)}.dashDecks{background-image:linear-gradient(90deg,#03182bea 18%,#03182b70),url(/assets/arena/collection.webp)}.dashShop{background-image:linear-gradient(90deg,#03182bea 18%,#03182b40),url(/assets/account/gems.webp)}.dashFriends{background-image:linear-gradient(90deg,#03182bea 18%,#03182b40),url(/assets/account/banner.webp)}.dashShortcut:hover{border-color:#43c9ff;transform:translateY(-2px)}.playerDashboard :is(a,button):focus-visible,.dashNavLinks a:focus-visible{outline-offset:4px;outline:2px solid #ffe252}.dashBottom{grid-template-columns:1.1fr 1fr;gap:16px;margin-top:18px;display:grid}.dashAdventure{background:linear-gradient(90deg,#031c31 7%,#031c31e6 40%,#031c3130),url(/assets/arena/bosses.webp) 50%/cover;border:1px solid #116c97;border-radius:10px;min-height:240px;padding:22px}.dashAdventure>div{max-width:310px}.dashAdventure h2{margin:6px 0 10px;font-size:22px;line-height:1.15}.dashAdventure p{color:#bed2e8;margin:0 0 18px;font-size:12px;line-height:1.6}.dashSummary{background:#031a2eee;border:1px solid #164c6b;border-radius:10px;padding:16px 20px}.dashSummary h2{align-items:center;gap:9px;margin:0 0 10px;font-size:15px;font-style:normal;display:flex}.dashSummary h2 .dashIcon{width:28px;height:28px}.dashSummary dl{margin:0}.dashSummary dl>div{border-top:1px solid #153b57;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.dashSummary dt{color:#b7cce3;align-items:center;gap:10px;font-size:12px;display:flex}.dashSummary dt .dashIcon{width:28px;height:28px}.dashSummary dd{text-align:right;color:#ffe05b;margin:0;font-size:13px;font-weight:700}.dashTopup h2,.dashSummary h2{letter-spacing:0}.dashAdventure h2{letter-spacing:-.4px}.accountDashboardPage .accNav,.accountDashboardPage .accInnerWide{margin:0 auto}@media (width<=1000px){.accountDashboardPage .accNav{gap:12px;padding:0 15px}.dashNavLinks{gap:3px}.dashNavLinks a,.dashNavLinks button{padding:9px}.dashWelcomeRow{grid-template-columns:minmax(0,1fr) 250px}.dashWelcome{gap:12px;padding:20px}.dashAvatar{width:100px;height:100px}.dashMetric{gap:10px;padding:16px}.dashMetric .dashIcon{width:36px;height:36px}.dashTabs [role=tab]{flex:1;min-width:0}.dashBalances{gap:18px;margin-left:28px;margin-right:4px}.dashTabs button{padding-inline:12px}}@media (width<=720px){.accountDashboardPage .accNav{flex-wrap:wrap;height:auto;min-height:72px;padding:12px}.accountDashboardPage .accNav .brand{font-size:19px}.accountDashboardPage .accNav .navActions{margin-left:auto}.dashNavLinks{order:3;width:100%;margin:0}.dashNavLinks a,.dashNavLinks button{flex:1;justify-content:center}.accountDashboardPage .accInnerWide,.accountDashboardPage .accNav{width:calc(100% - 24px)}.accountDashboardPage .accBody{padding-top:16px}.dashWelcomeRow{grid-template-columns:1fr}.dashWelcome{min-height:165px;padding:18px 14px}.dashAvatar{width:88px;height:88px}.dashIdentity h1{font-size:25px}.dashTopup{background-position:50% 60%;background-size:cover;min-height:130px;margin:0 10px 10px}.dashTopup h2,.dashTopup p{max-width:55%}.dashTopup .dashGoldButton{align-self:flex-start}.dashTabs{flex-wrap:wrap;gap:4px}.dashTabButtons{flex:100%}.dashBalances{flex:100%;justify-content:center;gap:32px;margin:10px 0 4px}.dashTabs [role=tab]{flex:30%;gap:4px;min-width:30%;padding:9px 4px;font-size:10px}.dashTabs .dashIcon{width:20px;height:20px}.dashBalances .dashIcon{width:28px;height:28px}.dashTabs .dashLogout{flex:0 0 100%;margin:5px 0 0 auto}.dashMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashMetric{gap:7px;padding:15px 10px}.dashMetric b{font-size:23px}.dashMetric span{letter-spacing:.5px;font-size:9px}.dashShortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashShortcut{padding:12px}.dashBottom,.dashResources{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashShortcut{transition:none}.dashShortcut:hover{transform:none}}