/* v0.34.5: live HTML controls aligned to the nine supplied purple art sheets. */
:root{--purple-deep:#170e29;--purple-panel:#2c1b42;--purple-bright:#7834bb;--purple-gold:#ecc562;--purple-text:#fff1d5}
html,body{background:var(--purple-deep);color:var(--purple-text)}
.app{grid-template-columns:112px minmax(0,1fr)}
.sidebar{padding:12px 10px;background:linear-gradient(#211333,#130b22);gap:8px;align-items:center}
.sidebar .nav{width:76px;height:58px;min-height:58px;padding:0;justify-content:center;background:transparent;border:1px solid transparent;border-radius:15px}
.sidebar .navIcon{width:52px;height:52px}.sidebar .nav.active{background:linear-gradient(#8f44d1,#542789);border-color:var(--purple-gold);box-shadow:0 0 10px #9d58d450}
.sidebar .nav:hover{background:#50316d}.sidebar .navText{display:none}.sidebar .clockBox{width:100%;padding:7px 3px;font-size:9px;text-align:center;background:#29183d}.sidebar .clockBox strong{font-size:12px}
.sidebar .testerTools,.sidebar .tinyReset{width:100%;font-size:9px}.sidebar .tinyTool{font-size:9px;padding:5px 2px}
.main{width:100%;padding:20px;max-width:1600px}.topbar{background:linear-gradient(100deg,#20102f,#2c1b42);border-bottom:1px solid #b3844d;padding:10px 20px}.logo{color:#f9d27d;font-size:26px}.sub{font-size:11px;color:#cbb4dd}
.resources{gap:8px}.resource.visualCoin,.resource.visualDiamond,.resource.visualLevel{width:170px;height:55px}.resource.text{min-width:114px;font-size:15px;border:1px solid #bd934d;color:var(--purple-text)}
.card{background:#251738ee;border-color:#805791}.primary{background:linear-gradient(#ffad39,#fa790e);color:#2c1405;border:1px solid #ffcc60}.secondary,.filterBtn{background:#402658;color:#f1e1fa;border-color:#966daf}.screenTitle h1{color:var(--purple-text)}
#heroTree>#heroTreeSummary,#heroTree>#heroTreeTabs,#heroTree>#heroTreeGrid,#heroTree>.screenTitle{display:none!important}
#shop{padding:0;background:none}#shop>.screenTitle,#shop>.shopMeta,#shop>#rarityOdds,#shop>#shopGrid{display:none!important}
#daily>.screenTitle,#dailyRewardContent>.dailyRewardCard{display:none!important}
#rankings>.screenTitle,#rankings>.rankingControls,#rankings>#rankingTableWrap,#rankings>#localLeagueRanking{display:none!important}
#teams{padding:0;background:none}#teams>.screenTitle{display:none!important}
.artScroller{width:100%;overflow-x:auto;border-radius:14px}.artBoard{position:relative;width:100%;min-width:960px;container-type:inline-size;color:var(--purple-text);font-size:1.14cqw;isolation:isolate}
.artSource{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.artBox{position:absolute;display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden;line-height:1.3;margin:0;padding:.2cqw;color:var(--purple-text);font-size:1.12cqw}
.artBox small{display:block;color:#dec8ee;font-size:.8cqw;line-height:1.25}.artBox strong{font-size:1.7cqw}
button.artBox{cursor:pointer;background:transparent;border:0;font-weight:800;border-radius:.7cqw}
button.artBox:hover{background:#c886ff17;filter:brightness(1.15)}button.artBox:focus-visible,.artBox input:focus-visible{outline:3px solid #fff397;outline-offset:2px}
button.artBox:disabled{cursor:default;color:#b69ebf;filter:none;opacity:.7}
.artAction{background:linear-gradient(#ffae3b,#ff7b0c)!important;border:1px solid #ffd26f!important;color:#321700!important;font-size:1.1cqw!important;text-align:center}
.artAction:disabled{background:linear-gradient(#6a536f,#48384c)!important;border-color:#856c94!important;color:#ddd0e5!important;opacity:1!important}
.cover{background:#211531;border-radius:.55cqw}.purplePrototypeNote{color:#cbb4df;font-size:12px;text-align:center;margin:12px 0}
.liveBar{background:#180f28;border:1px solid #c9aa6a;border-radius:2cqw;padding:0;overflow:hidden}.liveBar>span{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#b578ef,#f0bb61)}.liveBar>b{position:relative;font-size:.83cqw;text-shadow:0 1px 3px #000}
.treePoints{flex-direction:column;align-items:flex-start}.treePoints strong{font-size:1.8cqw}.treePoints small{font-size:.95cqw}.treeTab{flex-direction:column;justify-content:flex-end!important;background:#211631!important;border:1px solid #ad863e!important;font-size:2cqw!important}.treeTab.selected{background:linear-gradient(#9741e0,#6023ad)!important;border:2px solid #ffdf69!important}.treeTab small{font-size:.83cqw;color:#fff3db}.treeTab{padding:.2cqw .4cqw!important}
.treeNode{border-radius:50%!important;overflow:visible!important;padding:0!important}.treeNode:hover{background:transparent!important}.treeNode.owned{outline:.25cqw solid #ffd369;outline-offset:-.25cqw}.treeNode.available{outline:.18cqw dashed #f1c16f;outline-offset:-.15cqw}.treeNode.selected{box-shadow:0 0 0 .22cqw #efcafc,0 0 1cqw #b676f3}.nodeStatus{position:absolute;right:-.05cqw;top:-.05cqw;font-size:1.2cqw;color:#fff5c3;background:#2a1739;border:1px solid #e7bf62;border-radius:50%;width:1.55cqw;height:1.55cqw;display:grid;place-items:center}
.nodeCaption{font-size:.78cqw;text-align:center;line-height:1.1;background:#1a102de8;border-radius:.5cqw;padding:.1cqw;pointer-events:none}
.treeName{font-size:1.5cqw;font-weight:900}.treeEffect{font-size:1.05cqw;text-align:center}.treeRequirement{flex-direction:column;font-size:.94cqw;text-align:center}.treeRequirement small{font-size:.72cqw}.treeCost{font-size:.98cqw}.treeDetailIcon{position:absolute;background:#2c1b42;border-radius:1cqw;overflow:hidden;pointer-events:none}.treeSummary{flex-direction:column;font-size:1cqw;align-items:flex-start;background:linear-gradient(90deg,#251634,#23162f)}.treeReset{flex-direction:column;background:#382042!important;border:1px solid #bb9050!important}.treeReset small{font-size:.72cqw}
.shopHeading{justify-content:space-between;font-size:1.05cqw}.shopHeading strong{font-size:1.9cqw}.shopFilter{background:#201329!important;border:1px solid #bc944f!important;font-size:1.02cqw!important}.shopFilter.selected{background:linear-gradient(#8e38d3,#5b2695)!important;border-color:#ffce68!important}.shopRefreshPrice{font-weight:800;font-size:.94cqw}.shopItem{padding:.5cqw!important}.shopItem img{width:100%;height:100%;object-fit:contain}.shopItemName{font-size:.95cqw!important;white-space:nowrap;text-overflow:ellipsis;display:block!important;padding:.25cqw!important;text-align:center}.shopRarity{font-size:.75cqw;border-radius:.4cqw;border:1px solid #888;background:#30253d}.shopRarity.rarity-Rare{border-color:#56c0ff;background:#193255}.shopRarity.rarity-Epic{border-color:#be6aee;background:#542273}.shopRarity.rarity-Uncommon{border-color:#7dcc7d}.shopItemLevel{font-size:.8cqw}.shopStatLines{flex-direction:column;justify-content:space-between;align-items:stretch;padding:.2cqw .35cqw;font-size:.84cqw}.shopStatLines span{display:flex;justify-content:space-between;gap:.2cqw}.shopPrice{font-size:.95cqw;padding:.1cqw;white-space:nowrap}.shopEmpty{font-size:1.05cqw;text-align:center;padding:1cqw;background:#251738}.shopCompareHeading{font-size:1.12cqw;font-weight:800}.shopComparePic{flex-direction:column;text-align:center}.shopComparePic img{height:80%;width:95%;object-fit:contain}.shopComparePic small{font-size:.75cqw;background:#21132d;border-radius:.4cqw;padding:.3cqw;width:100%;line-height:1.2}.shopCompareStats{display:flex;flex-direction:column;align-items:stretch;gap:.3cqw;font-size:.89cqw;padding:.5cqw}.shopCompareStats span{display:flex;gap:.35cqw;align-items:center}.shopCompareStats b{margin-left:auto}.shopCompareStats em{font-style:normal;width:2.7cqw;text-align:right}.good{color:#91edab}.bad{color:#ff949f}.shopCompareInfo{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.55cqw;font-size:.97cqw;overflow:auto}.shopCompareInfo strong{font-size:1.15cqw}.shopCompareInfo small{font-size:.84cqw;line-height:1.4}
.dailyHeading{justify-content:space-between}.dailyHeading strong{font-size:2cqw}.dailyHeading span{font-size:1.1cqw}.dailyCardsCover{background:#241633;border-radius:0}.dailyLiveCard{display:flex!important;flex-direction:column;background:linear-gradient(#352048,#21152f)!important;border:2px solid #c39953!important;border-radius:.95cqw!important;padding:1cqw .4cqw!important;justify-content:flex-start!important;gap:.65cqw}.dailyLiveCard>b{width:95%;padding:.35cqw;border:1px solid #9162b5;border-radius:.5cqw;background:#1e132e;font-size:1.15cqw}.dailyLiveCard img{width:8cqw;height:8cqw;object-fit:contain;max-width:95%;margin:.25cqw 0}.dailyCardReward{font-size:.9cqw;line-height:1.5}.dailyStatus{margin-top:auto;font-size:.75cqw;color:#cebbde}.dailyLiveCard.selected{border:3px solid #ffde71!important;background:linear-gradient(#63319a,#321b4e)!important}.dailyLiveCard.claimed .dailyStatus{color:#9dea98}.dailyLiveCard.ready .dailyStatus{color:#ffdf88}.dailyBigIcon{background:#29183b;padding:1cqw}.dailyBigIcon img{width:100%;height:100%;object-fit:contain}.dailyRewardText{font-size:1.2cqw;text-align:center}.dailyCountdown{font-weight:800}.dailyTrackNote{font-size:.95cqw;text-align:center}.dailyPageButton{background:#38234c!important;border:1px solid #ae7bcd!important;font-size:.9cqw!important}
.rankingTitle{justify-content:space-between}.rankingTitle strong{font-size:2cqw}.rankingTitle span{font-size:1cqw}.rankMainTab{background:#21142e!important;border:1px solid #8763ab!important;font-size:1.4cqw!important}.rankMainTab.selected{background:linear-gradient(#9140d2,#61289e)!important;border-color:#d9b372!important}.rankExplanation{font-size:.97cqw}.rankSubTab{background:#342045!important;border:1px solid #8d5faf!important;font-size:.87cqw!important;padding:.2cqw!important}.rankSubTab.selected{background:#7b39b9!important}.rankingSearch{background:#1c1229;border:0;border-radius:.5cqw;color:#fff2de;font-size:1.05cqw;padding:.6cqw;outline-color:#f2d48b}.rankingTable{display:block;padding:0;border-radius:.7cqw;overflow:hidden}.pRankHead,.pRankRow{display:grid;grid-template-columns:6% 29.4% 30.3% 10.5% 17.9% 5.9%;align-items:center;min-height:10%;height:10%;border-bottom:1px solid #664282;text-align:center;gap:0}.pRankHead{height:8%;min-height:8%;background:#442665;font-weight:900;font-size:1.12cqw}.pRankRow{height:10.22%;background:#20152f;font-size:1.04cqw}.pRankRow:nth-child(odd){background:#342046}.pRankRow>span{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:.2cqw .4cqw;border-right:1px solid #5a3774;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.pRankRow small{font-size:.72cqw;color:#d1bce5}.pRankRow.mine{background:linear-gradient(90deg,#662bb2,#853bc5);box-shadow:inset 0 0 0 2px #f7d060}.pRankRow button{justify-self:center;border:1px solid #ac83c2;background:#352049;color:#fff;border-radius:.5cqw;width:2.5cqw;height:2.5cqw;font-size:1.2cqw;cursor:pointer}.pRankRow button:focus-visible{outline:3px solid #fff493}.rankEmpty{padding:3cqw;text-align:center}.rankPageButton{font-size:2cqw!important}.rankPageInfo{font-size:1cqw}.rankMineInfo{font-size:.93cqw;white-space:nowrap;background:#271839;border-radius:.5cqw}
.teamTitle{flex-direction:column;align-items:flex-start}.teamTitle strong{font-size:2.5cqw}.teamTitle span{font-size:1.25cqw}.teamLevel{font-size:2.1cqw;font-weight:900}.teamRankStats{font-size:1.5cqw;flex-direction:column}.teamXp{font-size:.7cqw}.teamXp b{font-size:.83cqw}.teamTab{background:#2a193f!important;border:1px solid #9563b6!important;font-size:1.05cqw!important}.teamTab.selected{background:linear-gradient(#903be0,#6222ab)!important;border-color:#e7bc68!important}.teamAnnouncement{font-size:1.17cqw}.teamOverviewStats{flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:1.18cqw}.teamTreasuryValue{font-size:1.5cqw;font-weight:900;flex-direction:column}.teamTreasuryValue small{font-size:.8cqw}.teamActivityPreview{flex-direction:column;align-items:stretch;justify-content:space-between;font-size:1cqw;line-height:1.4}.teamActivityPreview span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.teamBonusPreview{flex-direction:column;align-items:flex-start;justify-content:space-evenly;font-size:1.08cqw}.teamBonusPreview small{font-size:.85cqw}.teamTrophyLive{background:#241633;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;overflow:visible;padding:0}.pTeamTrophy{color:#dcc5e7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#30203f;border:1px solid #8561a4;border-radius:.6cqw;cursor:pointer;padding:.2cqw}.pTeamTrophy.open{border-color:#e0b865}.pTeamTrophy img{height:5cqw;width:7cqw;object-fit:contain}.pTeamTrophy>span{font-size:3cqw;line-height:1}.pTeamTrophy b{font-size:1cqw}.pTeamTrophy small{font-size:.72cqw}.teamDevelopment b{font-size:.81cqw}.teamMemberPreview{flex-direction:column;align-items:stretch;justify-content:space-between;font-size:1.12cqw}.teamMemberPreview>span{display:flex;justify-content:space-between;gap:.5cqw;background:#291a3e;padding:.2cqw}.teamMemberPreview small{font-size:.83cqw}.teamChatPreview{flex-direction:column;align-items:stretch;justify-content:space-around;font-size:.92cqw}.teamChatPreview>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#29193a;padding:.1cqw .3cqw}.teamQuickInput{border:0;border-radius:.5cqw;background:#281a3d;font-size:1cqw;color:#fff2db;padding:.3cqw .7cqw}
#purpleTeamTabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;background:#241532;padding:12px;border:1px solid #c29b57;border-radius:12px}#purpleTeamTabs button{background:#402356;color:#f4e7fb;border:1px solid #895bab;border-radius:8px;padding:10px 14px;cursor:pointer}#purpleTeamTabs button.selected{background:#7939b7;border-color:#eac562}
#teamContent>[hidden],#purpleTeam[hidden],#purpleTeamTabs[hidden]{display:none!important}.purpleTeamLegacy{margin:15px 0!important}#teamContent.noTeam{min-height:650px;padding:25px;background:linear-gradient(#21133199,#211331e8),url('assets/visual-v0345/team.jpeg') center/cover;border:1px solid #b68b4c;border-radius:15px}#teamContent.noTeam .teamCreateForm{max-width:800px;margin:100px auto;background:#231532f5}
@media(max-width:1200px){.resource.visualCoin,.resource.visualDiamond,.resource.visualLevel{width:140px;height:47px}.resource.text{min-width:94px;font-size:12px}.logo{font-size:22px}.main{padding:12px}.resources{gap:5px}.topbar{gap:9px}}
@media(max-width:900px){body{min-width:0}.app{grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto 1fr}.topbar{position:relative;flex-wrap:wrap}.sidebar{padding:8px 3px}.sidebar .nav{width:62px;height:53px;min-height:53px}.sidebar .navIcon{width:45px;height:45px}.main{padding:8px}.resources{flex-wrap:wrap;justify-content:center}.artScroller{border:1px solid #8560a3}.purplePrototypeNote{font-size:10px}.artBoard{font-size:12px}.sidebar .clockBox{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sidebar{max-height:calc(100vh - 92px);position:sticky;top:92px;overflow-y:auto;align-self:start;scrollbar-width:thin;scrollbar-color:#7c4a9d #211333}.sidebar>*{flex-shrink:0}
.modalCard,.profileModalCard{background:#281739;border-color:#b38a50;color:#fff1da}.modalCard input,.modalCard select{background:#1d122a;color:#fff1da;border-color:#8e65a4}
.smallGameIcon{width:1.5cqw;height:1.5cqw;flex-shrink:0;vertical-align:middle}.smallResourceIcon{width:1.6cqw;height:1.6cqw;object-fit:contain;margin-right:.3cqw}.treeTabIcon{width:3.4cqw;height:3.4cqw;display:block}.profileButtonIcon{width:100%;height:100%}.treeStateIcon{font-size:2cqw;font-weight:bold;background:#2b1a3d}
.shopItem.selected{box-shadow:inset 0 0 0 1px #f8d68c}.shopStatLines{justify-content:flex-start;gap:.2cqw}.shopStatLines span{align-items:center;justify-content:flex-start}.shopStatLines span b{margin-left:auto}
.pRankRow button.rankJoin{width:auto;height:auto;min-height:1.2cqw;padding:.1cqw .7cqw;font-size:.72cqw;background:#66319b;border-color:#d5ad68;margin:.12cqw 0}.pRankRow button.rankJoin:disabled{opacity:.5;cursor:default}
@media(max-width:700px){.resources .resource.visualCoin,.resources .resource.visualDiamond,.resources .resource.visualLevel{color:#fff1d5;text-shadow:none;padding:5px!important;background-image:none!important}.resources .resource.visualCoin>img,.resources .resource.visualDiamond>img,.resources .resource.visualLevel>img{display:block!important;width:23px;height:23px}.resources .resource>span{font-size:11px}.sidebar{left:auto;right:auto;bottom:auto}.sidebar .nav{min-width:52px!important;flex:0 0 52px}.resources .resource.text img{width:23px;height:23px}}
@media(max-width:700px){.topbar{padding:10px;align-items:flex-start}.resources{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.resources .resource{width:100%!important;min-width:0!important;height:38px!important;font-size:11px!important}.resources .resource.visualCoin,.resources .resource.visualDiamond,.resources .resource.visualLevel{background:#251635;border:1px solid #b79250;border-radius:8px;display:flex;align-items:center;gap:5px;padding:5px}.resources .resource .resValue{position:static!important;font-size:12px!important;min-width:0}.resources .resource img.resIcon{position:static!important;width:23px!important;height:23px!important}.resources .resource .resLevelText{position:static!important;font-size:11px!important}.sidebar{position:relative;top:0;max-height:none;overflow-x:auto;overflow-y:hidden;width:100%;padding:6px;display:flex;flex-direction:row;align-items:center;gap:5px}.sidebar .nav{width:52px;min-width:52px;height:50px;min-height:50px}.sidebar .navIcon{width:42px;height:42px}.sidebar .clockBox{width:94px;min-width:94px}.sidebar .testerTools{width:118px;min-width:118px}.sidebar .tinyReset{width:65px;min-width:65px}.main{padding:6px}.purplePrototypeNote{font-size:11px}}