.hero-stats-view{display:grid;grid-template-columns:minmax(145px,.85fr) minmax(0,1.65fr);gap:10px;height:100%;min-height:0;color:#245a70}
.hero-comparison{display:flex;flex-direction:column;min-height:0;padding:14px;background:linear-gradient(#bcefe4,#b1ddd9)}
.hero-comparison>header{flex:none;padding-bottom:12px}.hero-comparison h3{font:800 20px/1 'Baloo 2',sans-serif;margin:0 0 8px;color:#246b7d}
.hero-comparison select{width:100%;border:2px solid white;border-radius:8px;background:#f4fff2;padding:7px 9px;color:#35687b;font:900 11px 'Nunito Sans',sans-serif;box-shadow:0 3px 0 #7db5b7;cursor:pointer}
.hero-comparison-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto;padding:1px 2px 4px}
.profile-dialog .hero-comparison-list button{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;flex:1;min-height:49px;padding:4px 8px;background:#f1fff5;border:2px solid #fff;border-radius:9px;overflow:hidden;text-align:left;font-size:11px;box-shadow:0 2px 0 #79b7b8}
.hero-comparison-list button:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--hero-share);background:linear-gradient(90deg,#94d9d6,#bcecdf)}
.profile-dialog .hero-comparison-list button[aria-pressed=true]{border-color:#fff6bf;color:#644e2e;background:#fff6d7;box-shadow:0 2px 0 #c3a064}.hero-comparison-list button[aria-pressed=true]:before{background:linear-gradient(90deg,#edc58c,#ffe4a9)}
.hero-comparison-list img{width:35px;height:43px;object-fit:contain;flex:none}.hero-comparison-list button>strong{margin-left:auto;font-size:10px;white-space:nowrap}.hero-comparison-list button>span{font:800 15px/1 'Baloo 2',sans-serif}
.hero-performance{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;background:linear-gradient(#fffdf3,#d9f2e7)}
.hero-performance>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 15px;background:#eaf9ec;flex:none}.hero-performance h2{font:800 30px/1 'Baloo 2',sans-serif;margin:0;color:#245b7d;letter-spacing:-.5px}.hero-performance>header span{display:block;margin-top:5px;color:#517b87;font-size:11px}.hero-mode-filter{display:flex;align-items:center;gap:5px}.profile-dialog .hero-mode-filter button{font-size:10px;padding:6px 8px;border-width:1px;border-radius:7px;box-shadow:0 2px 0 #72afb3;white-space:nowrap}
.hero-highlight-stats,.hero-outcome-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none}.hero-highlight-stats{gap:5px;padding:10px}.hero-highlight-stats>div{padding:18px 7px;text-align:center;background:linear-gradient(#b9eee8,#87cbd8);border:2px solid #f2fff6;border-radius:12px;box-shadow:0 3px 0 #71aab6}.hero-highlight-stats>div:nth-child(2){background:linear-gradient(#ffe7a3,#f3c877);box-shadow:0 3px 0 #bc995b}.hero-highlight-stats>div:nth-child(3){background:linear-gradient(#dfd4f7,#b3b3e3);box-shadow:0 3px 0 #8585b5}
.hero-highlight-stats strong,.hero-outcome-stats strong{display:block;font:800 29px/1 'Baloo 2',sans-serif;color:#245970;white-space:nowrap}.hero-highlight-stats span,.hero-outcome-stats span{display:block;font-size:11px;color:#34677a;margin-top:6px}.hero-highlight-stats [data-hero-stat=playtime] strong{font-size:23px}
.hero-battle-banner{display:flex;align-items:center;min-height:110px;flex:1;margin:7px 10px 12px;padding:18px;border:2px solid #fffef4;border-radius:12px;background:linear-gradient(90deg,#e0fff1f2,#e0fff199 60%,transparent),url('../assets/island-lobby-v9.png') center 45%/cover;color:#235e73}
.hero-battle-banner strong{display:block;font:800 24px/1 'Baloo 2',sans-serif;margin-bottom:7px}.hero-battle-banner span{display:block;font-size:11px;line-height:1.4;max-width:250px;color:#326c7a}
.hero-outcome-stats{margin:0 10px;border:1px solid #a4cfc4;border-radius:10px;background:#f9fff1;overflow:hidden}.hero-outcome-stats>div{text-align:center;padding:15px 6px;border-right:1px solid #c2dfce}.hero-outcome-stats strong{font-size:25px}
.hero-stats-notes{padding:12px 14px}.hero-stats-notes p{font-size:10px;line-height:1.5;color:#4d7780;margin:0}.hero-stats-notes .hero-stats-empty{font-weight:900;color:#397578;margin-bottom:6px}
.profile-dialog[data-tab="Hero Stats"] .profile-identity{display:none}
.profile-dialog[data-tab="Hero Stats"] .profile-info-column{gap:0}
@media(max-width:1200px){.hero-stats-view{grid-template-columns:minmax(140px,.75fr) minmax(0,1.55fr)}.hero-performance>header{align-items:flex-start;flex-direction:column}.hero-comparison{padding:9px}.hero-comparison-list button>span{font-size:13px}.hero-comparison-list img{width:29px}.hero-highlight-stats [data-hero-stat=playtime] strong{font-size:20px}.hero-highlight-stats strong{font-size:25px}}
@media(max-height:600px){
 .hero-stats-view{grid-template-columns:minmax(125px,.75fr) minmax(0,1.55fr);gap:6px}.hero-comparison{padding:6px}.hero-comparison>header{padding-bottom:6px}.hero-comparison h3{font-size:14px;margin-bottom:4px}.hero-comparison select{padding:3px 6px;font-size:9px;border-width:1px;border-radius:5px;box-shadow:0 2px 0 #7db5b7}.hero-comparison-list{gap:2px;padding:0 1px 2px}.profile-dialog .hero-comparison-list button{min-height:22px;padding:1px 4px;gap:4px;border-width:1px;border-radius:5px;box-shadow:0 1px 0 #79b7b8}.hero-comparison-list img{width:19px;height:22px}.hero-comparison-list button>span{font-size:10px}.hero-comparison-list button>strong{font-size:9px}
 .hero-performance>header{flex-direction:row;align-items:center;padding:7px 8px;gap:6px}.hero-performance h2{font-size:21px}.hero-performance>header span{font-size:9px;margin-top:2px}.hero-mode-filter{gap:3px}.profile-dialog .hero-mode-filter button{font-size:8px;padding:4px 5px;border-radius:5px;box-shadow:0 1px 0 #72afb3}.hero-highlight-stats{padding:5px;gap:4px}.hero-highlight-stats>div{padding:8px 4px;border-radius:7px;border-width:1px;box-shadow:0 2px 0 #71aab6}.hero-highlight-stats strong{font-size:20px}.hero-highlight-stats [data-hero-stat=playtime] strong{font-size:16px}.hero-highlight-stats span,.hero-outcome-stats span{font-size:9px;margin-top:3px}.hero-battle-banner{min-height:54px;margin:3px 5px 6px;padding:8px;border-width:1px;border-radius:7px}.hero-battle-banner strong{font-size:16px;margin-bottom:4px}.hero-battle-banner span{font-size:9px;line-height:1.25;max-width:240px}.hero-outcome-stats{margin:0 5px;border-radius:6px}.hero-outcome-stats>div{padding:7px 4px}.hero-outcome-stats strong{font-size:18px}.hero-stats-notes{padding:7px 8px}.hero-stats-notes p{font-size:9px;line-height:1.2}.hero-stats-notes .hero-stats-empty{margin-bottom:4px}
}
@media(max-height:600px) and (max-width:720px){.hero-stats-view{grid-template-columns:126px minmax(0,1fr)}.hero-performance>header{padding:5px 6px;gap:4px}.hero-performance h2{font-size:19px}.hero-performance>header span{font-size:8px}.hero-mode-filter{gap:2px}.profile-dialog .hero-mode-filter button{font-size:8px;padding:4px}.hero-highlight-stats [data-hero-stat=playtime] strong{font-size:14px}.hero-stats-notes{padding:6px}.hero-stats-notes p{font-size:9px}.hero-comparison-list button>span{font-size:9px}.hero-comparison-list button>strong{font-size:8px}}
.hero-round-highlights{margin:10px 10px 0;padding:10px 12px;border-radius:10px;background:#c9e8dc;border:1px solid #9cc8bb}.hero-round-highlights h3{font:800 15px/1 'Baloo 2',sans-serif;color:#3a766f;margin:0 0 10px}.hero-round-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-round-grid strong{display:block;font:800 22px/1 'Baloo 2',sans-serif;color:#326d75}.hero-round-grid span{display:block;font-size:10px;line-height:1.25;color:#457277;margin-top:4px}
@media(max-height:600px){.hero-battle-banner{min-height:30px;flex:0;margin:2px 5px 5px;padding:6px 7px}.hero-battle-banner strong{font-size:14px;margin:0}.hero-battle-banner span{display:none}.hero-performance>header{padding-top:5px;padding-bottom:5px}.hero-outcome-stats>div{padding:5px 3px}.hero-outcome-stats strong{font-size:16px}.hero-round-highlights{margin:5px 5px 0;padding:5px 7px;border-radius:7px}.hero-round-highlights h3{font-size:11px;margin-bottom:4px}.hero-round-grid{gap:4px}.hero-round-grid strong{font-size:14px}.hero-round-grid span{font-size:9px;margin-top:2px;line-height:1.1}.hero-stats-notes{padding-top:5px;padding-bottom:5px}}
@media(max-height:600px){.hero-performance>header{padding-top:4px;padding-bottom:4px}.hero-highlight-stats>div{padding-top:5px;padding-bottom:5px}.hero-battle-banner{min-height:26px;padding-top:4px;padding-bottom:4px}.hero-outcome-stats>div{padding-top:3px;padding-bottom:3px}.hero-round-highlights{padding-top:3px;padding-bottom:3px}.hero-stats-notes{padding-top:4px;padding-bottom:4px}}
.hero-account-rank{display:flex;align-items:center;gap:13px;flex:none;margin:7px 10px 12px;padding:11px 16px;background:linear-gradient(90deg,#daf4e8,#f3f9dc);border:2px solid #fffef4;border-radius:12px;color:#295d73}.hero-account-rank>.rank-badge{--rank-badge-size:66px!important}.hero-account-rank>div{display:grid;gap:4px}.hero-account-rank small{font-size:10px;font-weight:900;color:#427280}.hero-account-rank strong{font:800 21px/1.1 'Baloo 2',sans-serif}.hero-account-rank>div>span{font-size:11px;font-weight:800}
@media(max-height:600px){.hero-account-rank{margin:2px 5px 5px;padding:5px 7px;gap:8px;border-width:1px;border-radius:7px}.hero-account-rank>.rank-badge{--rank-badge-size:36px!important}.hero-account-rank>div{gap:2px}.hero-account-rank small{font-size:9px}.hero-account-rank strong{font-size:12px}.hero-account-rank>div>span{font-size:9px}}