@font-face{font-family:StatCodex;src:url('../fonts/Cinzel-Regular-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:StatCodex;src:url('../fonts/Cinzel-Regular-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02FF}

body.stat-hub-body{--sv2-gold:#e9ca81;--sv2-gold-bright:#ffedb4;--sv2-cyan:#72e6ff;--sv2-green:#7ce4b2;--sv2-red:#fa8787;--sv2-purple:#cf88e7;--sv2-muted:#87a9c0;--sv2-line:#2d546e;margin:0;padding:70px 0 0;background:#030b13;color:#dcecf4;font:12px/1.5 Outfit,'Segoe UI',sans-serif;min-height:100vh;color-scheme:dark}
.stat-hub-body:before,.stat-hub-body:after{display:none}.stat-hub-body *{box-sizing:border-box}.stat-hub-body .landing-topbar{height:70px;padding:10px 28px;gap:20px;background:linear-gradient(180deg,#020910f8,#04101bea);border-bottom:1px solid #35505a7a;box-shadow:0 5px 24px #0006;backdrop-filter:blur(14px)}.stat-hub-body .landing-home-link>img,.stat-hub-body .landing-topbar>img{height:43px;filter:drop-shadow(0 0 9px #43ceff55)}.stat-hub-body .landing-topbar .user-widget{zoom:.85}.stat-hub-body .landing-nav a,.stat-hub-body .landing-nav-dropdown-toggle{font-size:10px;letter-spacing:1px}.sv2-atmosphere{position:fixed;inset:70px 0 0;z-index:-1;background:linear-gradient(180deg,#00132340,#030b13e8 68%),url('../image/backgrounds/battlev3_vs.webp') center top/cover no-repeat;opacity:.38;pointer-events:none}.sv2-skip{position:fixed;top:8px;left:16px;z-index:1000;transform:translateY(-160%);padding:10px 15px;background:#112b40;color:#fff;border:1px solid var(--sv2-cyan)}.sv2-skip:focus{transform:none}
.sv2-hub{width:min(100%,1880px);margin:auto;padding:0 28px 18px;position:relative;isolation:isolate}.sv2-hub :is(h1,h2,h3,p,blockquote){margin:0}.sv2-hub a{color:inherit;text-decoration:none}.sv2-hub :is(button,input,select){font:inherit}.sv2-hub button{cursor:pointer}.sv2-hub button:disabled{opacity:.35;cursor:default}.sv2-hub :is(button,select,input,summary,a):focus-visible{outline:2px solid #9cecff;outline-offset:4px}.sv2-hub svg{display:block;width:20px;height:20px;flex:none}.sv2-hub :is(button,select){color:#c5e6f5;border:1px solid #305b72;background:linear-gradient(145deg,#092131,#061522);border-radius:4px;padding:7px 10px;transition:background .15s,border-color .15s}.sv2-hub button:hover:not(:disabled){border-color:#b5caab;background:#163447}.sv2-hub select{width:100%;min-width:0;padding:7px 23px 7px 9px;cursor:pointer;font-size:10px}.sv2-hub option{background:#081b29;color:#dcecf4}.sv2-hub button{font-size:10px;letter-spacing:.5px}.sv2-hub button svg{width:16px;height:16px}

/* A panoramic threshold into the archive. */
.sv2-hero{height:194px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 -28px 0;padding:20px 8.7%;background:linear-gradient(90deg,#020b1390 0%,#03162545 45%,#020b1340 72%,#030d17cb 100%),url('../image/backgrounds/battlev3_vs.webp') center 41%/cover no-repeat;border-bottom:1px solid #31627b70;overflow:hidden}.sv2-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030b13,transparent 24%);pointer-events:none}.sv2-hero-copy{position:relative;z-index:1;max-width:840px}.sv2-eyebrow{display:flex;align-items:center;gap:14px;color:var(--sv2-cyan);font-size:10px;font-weight:500;letter-spacing:1.7px;margin-bottom:3px!important}.sv2-eyebrow:before{content:'✧';font-size:16px;margin-left:-20px;opacity:.65}.sv2-eyebrow span{height:1px;width:100px;background:linear-gradient(90deg,#52c7e8,transparent)}.sv2-hero h1{font:clamp(30px,3.55vw,58px)/1.2 StatCodex,Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#f4f0e9;text-shadow:0 3px 16px #000b;white-space:nowrap}.sv2-intro{font-size:13px;color:#c1e0ec;letter-spacing:.15px;margin-top:3px!important}.sv2-hero blockquote{font:italic 12px/1.5 Outfit,Arial,sans-serif;letter-spacing:.6px;color:#74abc5;margin-top:10px!important}.sv2-core{height:175px;width:175px;flex:none;position:relative;z-index:1;display:grid;place-items:center;margin-right:2%;color:#f8df8c}.sv2-core:before,.sv2-core:after{content:'';position:absolute;background:linear-gradient(90deg,transparent,#72d9fb70,transparent);height:1px;width:230px;top:50%;left:-28px}.sv2-core:after{transform:rotate(90deg)}.sv2-core>i{position:absolute;inset:0;border:1px solid #71a9c9a3;border-radius:50%;box-shadow:0 0 17px #319dcc33,inset 0 0 17px #1978ab25}.sv2-core>i:nth-child(1){inset:-13px;border-color:#4b789272;background:repeating-conic-gradient(#67d7ff44 0deg 1deg,transparent 1deg 15deg);mask-image:radial-gradient(transparent 65%,#000 66%,#000 68%,transparent 69%);animation:sv2-core-turn 80s linear infinite}.sv2-core>i:nth-child(2){inset:12px;border:1px dashed #7bb8d977;animation:sv2-core-turn 70s linear infinite reverse}.sv2-core>i:nth-child(3){inset:30px;border-color:#54b1d865;background:radial-gradient(circle,#73c8df17,transparent 70%)}.sv2-core>div{text-align:center;position:relative}.sv2-core strong{font:52px/1.1 Georgia,serif;text-shadow:0 0 20px #ffe19699}.sv2-core small{display:block;font-size:6px;letter-spacing:1.3px;color:#bcefff;margin-top:5px}.sv2-core-star{position:absolute;top:-8px;left:calc(50% - 4px);font-size:12px;color:#efce88;text-shadow:0 0 9px #f9dcaf}.sv2-hero-motto{position:absolute;right:27px;top:68px;font-size:8px;letter-spacing:2.4px;line-height:1.8;color:#99bfd6;z-index:1}.sv2-hero-motto span{display:block;width:24px;height:1px;background:#a7c3cc;margin-top:13px}.sv2-connection{position:absolute;right:34px;bottom:8px;font-size:7px;letter-spacing:1.1px;color:#739fb6;z-index:1;display:flex;gap:6px;align-items:center}.sv2-connection i{height:4px;width:4px;border-radius:50%;background:#bf9a57}.sv2-connection.is-ready i{background:#78e0b5;box-shadow:0 0 6px #69e5c9}

/* Gold-edged frames echo the archive's ornamental metalwork. */
.sv2-panel{min-width:0;position:relative;border:1px solid #31576a;border-radius:6px;background:radial-gradient(ellipse at 100% 0,#21597412,transparent 70%),linear-gradient(140deg,#041520eb,#04121ded);box-shadow:0 7px 22px #0004,inset 0 0 0 3px #0002;padding:13px}.sv2-panel:before,.sv2-panel:after{content:'';position:absolute;pointer-events:none;width:16px;height:16px;border:1px solid #6a96a066}.sv2-panel:before{left:3px;top:3px;border-right:0;border-bottom:0;border-radius:3px 0 0}.sv2-panel:after{right:3px;bottom:3px;border-left:0;border-top:0;border-radius:0 0 3px}.sv2-panel>header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #284b6066}.sv2-heading{display:flex;align-items:center;gap:10px;min-width:0}.sv2-heading>span{width:29px;height:29px;display:grid;place-items:center;flex:none;border:1px solid #2c6485;border-radius:50%;color:#89daf5;background:radial-gradient(circle,#194a6633,transparent)}.sv2-heading>span svg{width:18px;height:18px}.sv2-heading h2{font:17px/1.3 StatCodex,Georgia,serif;letter-spacing:1.5px;color:var(--sv2-gold)}.sv2-heading p{font-size:10px;color:#8bb5ca;margin-top:2px}.sv2-filters{border-color:#d5b766;border-radius:0;margin:0 0 9px;padding:9px 22px 15px;background:linear-gradient(180deg,#05101bed,#01101aee);box-shadow:0 0 18px #ecce6410,inset 0 0 30px #0008}.sv2-filters:before,.sv2-filters:after{width:11px;height:11px;border-color:#f1d88d;border-radius:0;transform:rotate(45deg);left:2px;top:2px;border-width:1px}.sv2-filters:after{left:auto;top:auto;right:2px;bottom:2px}.sv2-filters h2{font:12px/1.2 StatCodex,Georgia,serif;color:var(--sv2-gold);letter-spacing:1.4px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.sv2-filters h2 svg{width:13px;height:13px;color:#73c9e8}.sv2-filters form{display:grid;grid-template-columns:33px repeat(6,minmax(95px,1fr)) minmax(120px,1.15fr) minmax(155px,1.4fr) auto 110px;align-items:end;gap:12px}.sv2-field{min-width:0;display:flex;flex-direction:column;gap:4px}.sv2-field>span:first-child{font-size:9px;font-weight:500;letter-spacing:.25px;color:#b5d6e8;white-space:nowrap}.sv2-filter-calendar{height:34px;display:grid;place-items:center;border:1px solid #355667;color:#b4eaff;border-radius:4px;background:#0c243342}.sv2-filter-calendar svg{width:21px;height:21px}.sv2-search{height:32px;display:flex;align-items:center;gap:8px;border:1px solid #305b72;border-radius:3px;background:#041724;padding:0 9px}.sv2-search svg{width:15px;height:15px;color:#a3d1ed}.sv2-search input{border:0;outline:0;background:none;color:#d4eefa;min-width:0;width:100%;font-size:10px;box-shadow:none;padding:0}.sv2-search input::placeholder{color:#8aacbf}.sv2-clear{height:35px;font-size:9px!important;letter-spacing:.7px!important;border-color:#948658!important;background:#07141c!important;border-radius:4px!important;white-space:nowrap}.sv2-hub .sv2-gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:8px 18px;border:1px solid #f7de87;border-radius:4px;color:#211a0d;background:linear-gradient(180deg,#ffedaa,#d5a84a 72%,#bd8734);font-weight:700;letter-spacing:1px;box-shadow:0 0 13px #f3cc5540,inset 0 0 0 2px #fff3bb4d,inset 0 2px 4px #fff8caaa;white-space:nowrap}.sv2-hub .sv2-gold-button:hover:not(:disabled){background:linear-gradient(180deg,#fff4cd,#e3c06e);border-color:#fff3bd;box-shadow:0 0 19px #e8c85d55}

/* Six compact summaries keep the archive visible above the fold. */
.sv2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(270px,2.15fr);gap:9px;margin-bottom:12px}.sv2-kpi{display:flex;align-items:center;gap:11px;min-height:80px;padding:9px 13px;border:1px solid #315b71;border-radius:6px;background:radial-gradient(ellipse at 0 50%,#153e532a,transparent 80%),linear-gradient(135deg,#061725,#03111c);box-shadow:inset 0 0 0 3px #0002,0 5px 14px #0004;position:relative;min-width:0}.sv2-kpi:after{content:'';position:absolute;left:4px;top:4px;width:10px;height:10px;border-left:1px solid #6699a673;border-top:1px solid #6699a673;border-radius:3px 0 0}.sv2-kpi-medallion{display:grid;place-items:center;position:relative;flex:none;width:48px;height:48px;border:1px solid #bd9c564a;border-radius:50%;color:#f4d572;background:radial-gradient(circle,#d8b44421,transparent 70%);box-shadow:0 0 13px #e7ca3c12,inset 0 0 12px #e6b93910}.sv2-kpi-medallion:before{content:'';position:absolute;inset:-5px;border:1px solid #cfbd7f17;border-radius:50%}.sv2-kpi-medallion svg{width:28px;height:28px;filter:drop-shadow(0 0 5px #d9b35a44)}.sv2-kpi h2{font-size:9px;font-weight:400;letter-spacing:.6px;color:#c3e0f0;line-height:1.3;margin:0 0 4px}.sv2-kpi strong{font-size:22px;font-weight:500;line-height:1.15;display:block;white-space:nowrap}.sv2-kpi p{font-size:9px;color:#85b8cf;margin-top:5px;white-space:nowrap}.sv2-kpi-trophy p,.sv2-kpi-crown p{color:var(--sv2-green)}.sv2-kpi-damage .sv2-kpi-medallion{color:#f77e83;border-color:#d8618744;background:radial-gradient(circle,#a8294438,transparent 70%)}.sv2-kpi-healing .sv2-kpi-medallion{color:#8ef2b9;border-color:#4b996055;background:radial-gradient(circle,#26b36e30,transparent 70%)}.sv2-kpi-crown .sv2-kpi-medallion{color:#d8a1ef;border-color:#a16bbe44;background:radial-gradient(circle,#923dac30,transparent 70%)}.sv2-best-hero{background:linear-gradient(90deg,#081b2aeD,#031422a6),url('../image/backgrounds/battlev3_vs.webp') center 45%/cover}.sv2-best-hero .sv2-portrait{width:57px;height:61px;margin-right:4px}.sv2-best-hero strong{font-size:21px}.sv2-best-hero p{color:var(--sv2-green)}

.sv2-workspace{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(360px,1fr);gap:12px;align-items:start}.sv2-main{min-width:0}.sv2-tabs{display:grid;grid-template-columns:1fr 1.12fr 1.04fr 1.04fr 1.72fr;margin-bottom:7px;border:1px solid #2c5365;border-radius:5px 5px 0 0;background:#020f19;overflow:hidden}.sv2-tabs button{position:relative;border:0;border-right:1px solid #224556;border-radius:0;display:flex;gap:9px;align-items:center;justify-content:center;height:42px;font-size:9px;font-weight:500;letter-spacing:.6px;padding:5px 8px;white-space:nowrap;background:none;color:#83b6d0}.sv2-tabs button:last-child{border:0}.sv2-tabs button svg{width:16px;height:16px}.sv2-tabs [aria-selected=true]{background:linear-gradient(180deg,#dac65809,#c29d3922);box-shadow:inset 0 0 0 1px #d6b664,inset 0 -2px #e7c875,0 0 12px #c7a25230;color:#fff0a4}.sv2-tabs [aria-selected=true]:after{content:'';position:absolute;right:0;bottom:0;width:7px;height:7px;border-right:1px solid #ffe6a0;border-bottom:1px solid #ffe6a0;transform:skew(35deg);background:#b49341}.sv2-archive{padding:11px 11px 12px;min-height:392px}.sv2-pagination{display:flex;align-items:center;gap:9px;font-size:10px;flex:none}.sv2-pagination>span{font-size:9px;color:#b4d7e7;margin-right:8px}.sv2-pagination b{font-weight:400;font-size:10px}.sv2-pagination button{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#8eeeff;font-size:21px;line-height:1;background:#072232}.sv2-match-list{display:grid;gap:7px}.sv2-match{border:1px solid #3d687a;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#05222b7a,#04152194);min-width:0}.sv2-match.is-win[open]{border-color:#529978;box-shadow:0 0 15px #2bc98b15}.sv2-match.is-loss[open]{border-color:#a85e6a}.sv2-match summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 82px minmax(0,1fr) 224px 25px;align-items:center;gap:9px;min-height:70px;padding:9px 10px;outline-offset:-3px}.sv2-match summary::-webkit-details-marker{display:none}.sv2-match summary:hover{background:#28607715}.sv2-match-id{display:flex;flex-direction:column;gap:2px;min-width:0;color:#acd9ee;font-size:9px;letter-spacing:.3px}.sv2-match-id b{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv2-match-id time{font-size:9px;letter-spacing:0}.sv2-match-id>small{font-size:8px;color:#7997a9}.sv2-match-result{display:flex;flex-direction:column;min-width:0;align-items:flex-start;gap:2px}.sv2-match-result>b{font-size:9px;font-weight:400;letter-spacing:.8px;color:#aaf7cb;border:1px solid #3d8d685c;border-radius:4px;padding:2px 7px;background:#197e4926;box-shadow:inset 0 0 11px #6ee6a713;white-space:nowrap}.is-loss .sv2-match-result>b{color:#ffc6b1;border-color:#a755645f;background:#b1424629;box-shadow:inset 0 0 11px #cf685313}.is-unknown .sv2-match-result>b{color:#ded5ad;border-color:#a898555f;background:#a78c1620}.sv2-match-result>span{display:flex;align-items:center;gap:4px;font-size:8px;text-transform:uppercase;letter-spacing:.4px;color:#c0e6f6;white-space:nowrap}.sv2-match-result>span svg{width:13px;height:13px;color:#6edcbc}.is-loss .sv2-match-result>span svg{color:#e8877e}.sv2-match-result>small{font-size:8px;color:#86b7c9;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv2-rosters{display:flex;justify-content:center;gap:8px;align-items:center;min-width:0;flex-wrap:wrap}.sv2-rosters>span{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.sv2-portrait{display:inline-flex;position:relative;flex:none;width:34px;height:34px;border:1px solid #96bfd1;border-radius:50%;box-shadow:0 0 0 2px #081823,0 0 7px #3084af1a;background:#102539;overflow:hidden;vertical-align:middle}.sv2-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sv2-portrait.is-featured{width:31px;height:43px;border:1px solid #a8895e;border-radius:4px;box-shadow:inset 0 0 0 2px #000b,0 0 6px #daa74513}.sv2-portrait.is-featured small{position:absolute;bottom:0;right:0;min-width:14px;height:12px;background:#03131ceF;color:#d3eff9;font-size:8px;text-align:center;border-top:1px solid #6b97ac;border-left:1px solid #6b97ac;border-radius:3px 0 0}.sv2-rosters>i{font:14px Georgia,serif;display:grid;place-items:center;position:relative;flex:none;border:1px solid #b49d544d;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 4px #26383244,0 0 10px #daba3320;background:radial-gradient(circle,#47583828,transparent);color:#e7cc86;font-style:normal}.sv2-match-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 35px;gap:6px;align-items:center;min-width:0}.sv2-match-metrics>span{display:flex;flex-direction:column;gap:3px;align-items:center}.sv2-match-metrics small{display:flex;align-items:center;gap:4px;font-size:8px;color:#96c2d7;white-space:nowrap}.sv2-match-metrics small svg{width:12px;height:12px;color:#fb797b}.sv2-match-metrics>span:nth-child(2) svg{color:#74ebb7}.sv2-match-metrics>span:nth-child(3) svg{color:#80bddf}.sv2-match-metrics>span:nth-child(4) svg{color:#efcf74}.sv2-match-metrics b{font-size:11px;font-weight:400;white-space:nowrap}.sv2-match-metrics>span:nth-child(4) b{color:#f3d578}.sv2-expand{height:42px;display:grid;place-items:center;color:#9ce6f0}.sv2-expand svg{width:18px;height:18px;transition:transform .2s}.sv2-match[open] .sv2-expand{border:1px solid #376875;border-radius:4px;background:linear-gradient(#0c3840,#062c37)}.sv2-match[open] .sv2-expand svg{transform:rotate(180deg)}
.sv2-match-preview{display:grid;grid-template-columns:minmax(220px,1.04fr) minmax(240px,1fr) auto;gap:14px;align-items:center;min-height:98px;border-top:1px solid #2e5a645a;padding-right:13px;background:linear-gradient(90deg,#0b27387a,#09202751)}.sv2-map-art{position:relative;overflow:hidden;min-height:98px;padding:14px 10px 10px 126px;display:flex;align-items:center}.sv2-map-art>img{position:absolute;inset:0;width:115px;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,#000 78%,transparent)}.sv2-map-art h3{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:1.1px;color:#a3d8f3}.sv2-map-art p{font-size:9px;color:#97c5d9;line-height:1.6;margin-top:3px}.sv2-map-art em{font-size:9px;color:#84abc0;display:block;white-space:nowrap;margin-top:10px;font-style:italic}.sv2-small-title{font-size:9px!important;letter-spacing:1px;font-weight:400;color:#c8dec5;margin-bottom:12px!important}.sv2-preview-stats{align-self:stretch;padding-top:10px}.sv2-preview-stats>div{display:grid;grid-template-columns:.9fr .8fr 1fr;gap:10px}.sv2-preview-stats small{font-size:8px;color:#8dbbd3;display:block;margin-bottom:5px}.sv2-preview-stats b{font-size:11px;font-weight:400;display:block;color:#eefaff}.sv2-preview-stats>div>span:not(:first-child){border-left:1px solid #23485688;padding-left:12px}.sv2-gold-outline{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid #c8a64e;border-radius:4px;color:#f2d37a!important;box-shadow:0 0 12px #e9c4512a,inset 0 0 13px #cab13d14;background:#071919;font-size:8px;font-weight:500;letter-spacing:.3px}.sv2-gold-outline svg{width:13px;height:13px}.sv2-gold-outline:hover{background:#4b421a44;border-color:#f9e59c}.sv2-sidebar{display:grid;gap:9px;min-width:0}.sv2-sidebar .sv2-heading>span{display:none}.sv2-sidebar .sv2-heading h2{font-size:15px}.sv2-sidebar .sv2-heading p{font-size:9px}.sv2-sidebar .sv2-panel{padding:12px}.sv2-personal{border-color:#a48c536e}.sv2-personal:before,.sv2-personal:after{border-color:#debf69}.sv2-personal>header{margin-bottom:8px;padding-bottom:8px}.sv2-personal header select{width:130px;font-size:9px;padding:6px 22px 6px 9px}.sv2-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.sv2-personal-grid>article{display:flex;align-items:center;gap:7px;padding:7px 6px;min-height:62px;min-width:0;border-right:1px solid #24435060}.sv2-personal-grid>article:nth-child(3n){border-right:0}.sv2-personal-grid>article:nth-child(n+4){border-top:1px solid #24435060}.sv2-personal-grid>article>div{min-width:0}.sv2-personal-grid h3{font-size:8px;font-weight:400;color:#a6cfe1;line-height:1.35;margin-bottom:3px}.sv2-personal-grid b{font-size:13px;line-height:1.2;font-weight:400;display:block;color:#e8f5fa}.sv2-personal-grid small{display:block;font-size:8px;line-height:1.4;margin-top:3px;color:#87b8cf}.sv2-mini-medallion{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle,#d9b13c20,transparent);color:#e5c572;flex:none}.sv2-mini-medallion svg{width:23px;height:23px}.sv2-personal-damage .sv2-mini-medallion{color:#f08383;background:radial-gradient(circle,#bd425328,transparent)}.sv2-personal-healing .sv2-mini-medallion{color:#7de7b7;background:radial-gradient(circle,#40896144,transparent)}.sv2-personal-fire .sv2-mini-medallion{color:#ecc451}.sv2-personal-grid .sv2-portrait{width:34px;height:39px;border-radius:4px;border-color:#747c8b}.sv2-trend-panel>header{border-bottom:0;margin-bottom:5px;padding-bottom:0}.sv2-trend-panel .sv2-heading h2{font-size:13px}.sv2-trend-select{width:140px;flex:none}.sv2-trend-select select{font-size:8px;padding:6px 20px 6px 8px}.sv2-trend-content{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px;align-items:center}.sv2-chart{width:100%!important;height:auto!important;min-width:0}.sv2-chart-grid line{stroke:#32647a66;stroke-width:.6}.sv2-chart text{fill:#81a9c0;font:9px Outfit,Arial,sans-serif}.sv2-chart polyline{fill:none;stroke:#65e4ff;stroke-width:1.8;filter:drop-shadow(0 0 4px #50ceff80)}.sv2-chart circle{fill:#79edff;stroke:#c0f6ff;stroke-width:.7}.sv2-chart-area{fill:#28b3df13}.sv2-trend-values{border-left:1px solid #32526666;padding-left:13px;display:flex;flex-direction:column;gap:1px;min-width:0}.sv2-trend-values>b{font-size:19px;font-weight:500;color:#7eefd1;line-height:1.3}.sv2-trend-values small{font-size:8px;line-height:1.4;color:#7fb2c8}.sv2-trend-values>strong{font-size:15px;font-weight:500;margin-top:6px}.sv2-green{color:var(--sv2-green)!important}.sv2-red{color:var(--sv2-red)!important}.sv2-rankings{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0}.sv2-ranking header{border-bottom:0;padding:0;margin-bottom:11px;align-items:flex-start;gap:4px}.sv2-ranking h2{font-size:10px;letter-spacing:.7px;color:#e5c881;font-weight:500}.sv2-ranking header p{font-size:8px;color:#91bed2;line-height:1.4;margin-top:2px}.sv2-ranking header button{padding:0;border:0;background:none;font-size:8px;letter-spacing:0;white-space:nowrap;color:#83d4ee}.sv2-ranking ol{margin:0;padding:0;list-style:none;counter-reset:ranking}.sv2-ranking li{counter-increment:ranking;display:flex;gap:7px;align-items:center;min-width:0;margin:9px 0}.sv2-ranking li:before{content:counter(ranking)'.';font:13px Georgia,serif;color:#cde6ef;flex:none;width:10px}.sv2-ranking .sv2-portrait{width:28px;height:28px;border-color:#b68b58}.sv2-ranking li>div{flex:1;min-width:0}.sv2-ranking li b{font-size:8px;display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv2-ranking li small{display:block;font-size:7px;color:#81b3c9}.sv2-ranking li strong{font-size:10px;font-weight:400;align-self:flex-start;margin-top:4px;flex:none}.sv2-rank-bar{display:block;height:3px;background:#23455788;margin-top:4px;max-width:100px}.sv2-rank-bar i{display:block;height:100%;background:linear-gradient(90deg,#008dda,#59b8ff)}.sv2-ranking:last-child .sv2-rank-bar i{background:linear-gradient(90deg,#b33f53,#fa776e)}.sv2-subtle{font-size:11px;color:#7799ad;line-height:1.8;padding:12px 3px}.sv2-empty,.sv2-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:340px;padding:45px 25px;background:radial-gradient(ellipse,#0b405936,transparent 70%)}.sv2-empty>svg,.sv2-state>svg{width:46px;height:46px;color:#c1a76b;margin-bottom:17px;filter:drop-shadow(0 0 9px #d7c17444)}.sv2-empty h3,.sv2-state h3{font:23px/1.5 StatCodex,Georgia,serif;color:#e9d49e}.sv2-empty p,.sv2-state p{max-width:440px;color:#87b1c5;font-size:12px;line-height:1.8;margin:12px 0 20px}.sv2-loading-rune{font:56px Georgia,serif;color:#e5c678;text-shadow:0 0 24px #5dd6ff77;animation:sv2-rune-glow 2.5s ease-in-out infinite;margin-bottom:18px}.sv2-hub-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:15px 2px 0;color:#91bbcc;font-size:9px}.sv2-hub-footer>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.sv2-hub-footer svg{width:15px;height:15px;color:#b8a168}.sv2-hub-footer>small{font-size:9px;color:#6c94aa}.sv2-hub-footer>button{font-size:9px;padding:6px 10px}.sv2-feedback{font-size:10px;color:#d8c185;padding:7px 2px;min-height:25px}.sv2-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.sv2-noscript{padding:50px;text-align:center;color:#e1d59d}.stat-hub-body>.legal-site-footer{margin:0;padding:10px 28px 15px;border-top:1px solid #244356;color:#648198;background:#020b12;font-size:9px}.stat-hub-body>.legal-site-footer p{text-align:center;font-size:8px;margin:8px 0 0}

.stat-hub-body .global-social-links{position:static;right:auto;bottom:auto;z-index:1;justify-content:center;margin:0;padding:8px 28px 16px;background:#020b12}

/* Hub tabs remain lightweight summaries; battles open on their own page. */
.sv2-analysis{min-height:390px}.sv2-result-count{color:#93bfd4;font-size:10px}.sv2-table-wrap{overflow:auto}.sv2-table{border-collapse:collapse;width:100%;min-width:660px;color:#d3e8f1;font-size:12px}.sv2-table th{text-align:left;padding:10px 12px;color:#8bb9d0;font-weight:400;font-size:10px;border-bottom:1px solid #386274;white-space:nowrap}.sv2-table td{padding:11px 12px;border-bottom:1px solid #23475b66}.sv2-table tbody tr:nth-child(even){background:#12394b16}.sv2-table-hero{display:flex;align-items:center;gap:11px}.sv2-table-hero b{font-weight:400;color:#e3dcbf}.sv2-table-hero:hover b{color:#86e7ff}.sv2-show-all{display:block;margin:17px auto 3px}.sv2-lineup-list{display:grid;gap:8px}.sv2-lineup-list>article{display:flex;align-items:center;gap:20px;border:1px solid #2f566a;border-radius:5px;background:linear-gradient(120deg,#10353c24,#061523);padding:14px;flex-wrap:wrap}.sv2-list-number{font:18px StatCodex,Georgia,serif;color:#bbaf83}.sv2-lineup-heroes{display:flex;gap:5px;flex:1;flex-wrap:wrap;min-width:145px}.sv2-lineup-list>article>div:not(.sv2-lineup-heroes){min-width:80px}.sv2-lineup-list small{display:block;color:#8bb8c9;font-size:9px;letter-spacing:.5px}.sv2-lineup-list b{display:block;font-size:17px;font-weight:400;margin-top:4px}.sv2-trend-panel.is-large{min-height:390px;padding:20px}.sv2-trend-panel.is-large .sv2-heading h2{font-size:18px}.sv2-trend-panel.is-large .sv2-trend-select{width:180px}.sv2-trend-panel.is-large .sv2-trend-select select{font-size:11px}.sv2-trend-panel.is-large .sv2-trend-content{grid-template-columns:minmax(0,1fr) 115px;gap:25px;padding-top:22px}.sv2-trend-panel.is-large .sv2-trend-values>b{font-size:26px}.sv2-trend-panel.is-large .sv2-trend-values small{font-size:10px}.sv2-trend-panel.is-large .sv2-trend-values strong{font-size:20px}.sv2-analysis-note{font-size:11px!important;color:#84abc1;margin-top:25px!important;line-height:1.7}.sv2-build-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding-top:10px}.sv2-build-row,.sv2-relic-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #2b4b5c88;flex-wrap:wrap}.sv2-build-hero{display:flex;gap:8px;align-items:center;min-width:130px}.sv2-build-hero>b{font-weight:400;font-size:11px}.sv2-items{display:flex;gap:4px;flex:1;flex-wrap:wrap;min-width:120px}.sv2-items>img,.sv2-relic-row>img{width:30px;height:30px;object-fit:cover;border:1px solid #a5945e;border-radius:4px;background:#061929}.sv2-build-row>span{display:flex;flex-direction:column;font-size:11px;gap:3px}.sv2-build-row small,.sv2-relic-row small{font-size:9px;color:#94b6c8}.sv2-relic-row>div{flex:1;display:flex;flex-direction:column;gap:3px}.sv2-relic-row b{font-weight:400;font-size:11px}.sv2-relic-row strong{font-size:12px;font-weight:400}

@keyframes sv2-core-turn{to{transform:rotate(360deg)}}@keyframes sv2-rune-glow{50%{opacity:.45;text-shadow:0 0 33px #5dd6ff}}
@media(min-width:1900px){.sv2-hero{padding-left:8%;height:224px}.sv2-kpi{min-height:87px}.sv2-match summary{min-height:76px}.sv2-portrait.is-featured{width:36px;height:46px}.sv2-match-id b{font-size:11px}.sv2-match-preview{min-height:110px}.sv2-personal-grid>article{min-height:70px}.sv2-ranking li{margin:13px 0}.sv2-personal-grid b{font-size:15px}}
@media(max-width:1450px){.sv2-filters form{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.2fr);gap:9px 14px}.sv2-filter-calendar{display:none}.sv2-search-field{grid-column:3/4}.sv2-clear{grid-column:4/5}.sv2-filters .sv2-gold-button{grid-column:5/6}.sv2-filters{padding:12px 18px}.sv2-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.sv2-best-hero{grid-column:span 5;min-height:60px;padding:8px 18px}.sv2-best-hero .sv2-portrait{width:42px;height:44px}.sv2-kpi strong{font-size:20px}.sv2-kpi{gap:9px;padding:10px}.sv2-kpi-medallion{width:40px;height:40px}.sv2-kpi h2{font-size:8px}.sv2-workspace{grid-template-columns:minmax(0,1.9fr) minmax(335px,1fr)}.sv2-match summary{grid-template-columns:100px 70px minmax(0,1fr) 22px;gap:7px}.sv2-match-metrics{grid-column:1/-1;grid-row:2;border-top:1px solid #284f6344;padding-top:6px;display:flex;justify-content:flex-end;gap:18px}.sv2-match-metrics>span{flex-direction:row;gap:6px}.sv2-expand{grid-column:4;grid-row:1}.sv2-match-id b{font-size:9px}.sv2-portrait.is-featured{width:28px;height:39px}.sv2-rosters{gap:5px}.sv2-rosters>i{width:28px;height:28px;font-size:12px}.sv2-match-preview{grid-template-columns:1fr 1fr;padding:0 12px 12px 0;gap:10px}.sv2-detail-link{grid-column:2;justify-self:end;margin-top:-8px}.sv2-map-art{grid-row:span 2;padding-left:90px;align-self:stretch}.sv2-map-art>img{width:80px}.sv2-map-art em{white-space:normal}.sv2-tabs button{font-size:8px;gap:5px}.sv2-tabs button svg{width:13px;height:13px}.sv2-personal-grid>article{gap:4px;padding:6px 3px}.sv2-mini-medallion{width:27px;height:27px}.sv2-mini-medallion svg{width:21px;height:21px}.sv2-personal-grid b{font-size:11px}.sv2-personal-grid h3{font-size:7px}.sv2-personal-grid .sv2-portrait{width:27px;height:33px}.sv2-ranking .sv2-portrait{width:24px;height:24px}.sv2-ranking li{gap:5px}.sv2-ranking header button{font-size:7px}.sv2-ranking h2{font-size:9px}}
@media(max-width:1050px){.sv2-workspace{grid-template-columns:minmax(0,1fr)}.sv2-sidebar{grid-template-columns:1fr 1fr;align-items:start}.sv2-rankings{grid-column:1/-1;grid-template-columns:1fr 1fr}.sv2-ranking .sv2-portrait{width:36px;height:36px}.sv2-ranking li b{font-size:11px}.sv2-ranking li small{font-size:9px}.sv2-ranking li strong{font-size:12px}.sv2-ranking li{gap:10px}.sv2-ranking h2{font-size:11px}.sv2-ranking header p{font-size:10px}.sv2-rank-bar{max-width:none}.sv2-personal-grid>article{min-height:61px}.sv2-hero h1{font-size:39px}.sv2-hero{padding-left:5%;height:190px}.sv2-core{width:135px;height:135px;margin-right:7%}.sv2-core strong{font-size:42px}.sv2-hero-motto{right:19px;font-size:7px}.sv2-hero blockquote{margin-top:12px!important}.sv2-match summary{grid-template-columns:110px 80px minmax(0,1fr) 25px}.sv2-rosters{flex-wrap:nowrap}.sv2-portrait.is-featured{width:32px;height:43px}.sv2-match-metrics{justify-content:flex-start;gap:25px}.sv2-tabs button{font-size:9px}.sv2-match-preview{grid-template-columns:1.2fr 1fr auto;padding:0 12px 0 0;min-height:102px}.sv2-map-art{grid-row:auto;min-height:102px}.sv2-detail-link{grid-column:auto;justify-self:stretch;margin:0;font-size:7px;padding:9px}.sv2-personal-grid .sv2-portrait{width:30px;height:35px}.sv2-personal-grid b{font-size:13px}.sv2-trend-content{min-height:145px}.sv2-filters form{grid-template-columns:repeat(4,minmax(0,1fr))}.sv2-search-field{grid-column:4/5}.sv2-clear{grid-column:3/4;grid-row:3}.sv2-filters .sv2-gold-button{grid-column:4/5;grid-row:3}.sv2-filters form>.sv2-field:nth-of-type(7){grid-column:3/4}.sv2-kpis{gap:7px}.sv2-kpi{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.sv2-kpi-medallion{width:32px;height:32px}.sv2-kpi-medallion:before{inset:-3px}.sv2-kpi-medallion svg{width:22px;height:22px}.sv2-kpi p{font-size:8px}.sv2-best-hero{flex-direction:row;align-items:center;min-height:62px}.sv2-best-hero strong{font-size:21px}.sv2-best-hero h2{font-size:9px}}
@media(max-width:700px){body.stat-hub-body{padding-top:96px}.stat-hub-body .landing-topbar{height:96px;padding:8px 14px;gap:10px;flex-wrap:wrap;align-content:center}.stat-hub-body .landing-home-link>img,.stat-hub-body .landing-topbar>img{height:33px}.stat-hub-body .landing-topbar .user-widget{zoom:1}.stat-hub-body .landing-nav{flex:1;min-width:35px;margin-left:auto}.sv2-hub{padding:0 12px 15px}.sv2-hero{height:206px;margin:0 -12px;padding:24px 23px;gap:10px;background-position:57% 45%}.sv2-hero h1{font-size:29px;white-space:normal;line-height:1.3;max-width:320px;letter-spacing:1px}.sv2-hero-copy{max-width:75%;z-index:2}.sv2-hero-copy .sv2-intro{font-size:11px;max-width:250px;line-height:1.7}.sv2-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:7px!important;white-space:nowrap}.sv2-eyebrow:before{margin-left:-12px;font-size:12px}.sv2-eyebrow span{width:22px}.sv2-hero blockquote{font-size:10px;letter-spacing:.2px;margin-top:9px!important}.sv2-core{position:absolute;right:-18px;top:46px;width:120px;height:120px;margin:0;opacity:.5;z-index:1}.sv2-core strong{font-size:38px}.sv2-core small{font-size:5px}.sv2-core>i:nth-child(3){inset:22px}.sv2-hero-motto{display:none}.sv2-connection{font-size:6px;right:18px;bottom:10px;letter-spacing:.7px}.sv2-filters{padding:12px;margin-bottom:9px}.sv2-filters form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sv2-filters form>.sv2-field{grid-column:auto!important}.sv2-filters form .sv2-search-field{grid-column:1/-1!important}.sv2-filters h2{font-size:11px;margin-bottom:10px}.sv2-field>span:first-child{font-size:9px}.sv2-hub select{font-size:11px;height:35px}.sv2-search{height:36px}.sv2-search input{font-size:11px}.sv2-clear{grid-column:1/2;grid-row:auto;height:36px}.sv2-filters .sv2-gold-button{grid-column:2/3;grid-row:auto;height:36px}.sv2-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sv2-kpi{flex-direction:row;align-items:center;gap:9px;min-height:75px;padding:10px}.sv2-kpi-medallion{width:33px;height:33px}.sv2-kpi-medallion svg{width:23px;height:23px}.sv2-kpi h2{font-size:8px;letter-spacing:.3px}.sv2-kpi strong{font-size:21px}.sv2-kpi p{font-size:8px;white-space:normal;line-height:1.4}.sv2-best-hero{grid-column:auto;min-height:75px;gap:8px}.sv2-best-hero .sv2-portrait{width:35px;height:43px;margin:0}.sv2-best-hero strong{font-size:16px;white-space:normal;overflow-wrap:anywhere}.sv2-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#537788 transparent}.sv2-tabs button{flex:none;padding:7px 14px;font-size:9px;height:43px;gap:7px}.sv2-tabs button svg{width:15px;height:15px}.sv2-workspace{gap:12px}.sv2-archive{padding:12px 9px}.sv2-panel>header{gap:8px;align-items:flex-start}.sv2-heading{gap:7px}.sv2-heading h2{font-size:16px;letter-spacing:1px}.sv2-heading p{font-size:8px;max-width:180px;line-height:1.5}.sv2-heading>span{width:24px;height:24px}.sv2-heading>span svg{width:15px;height:15px}.sv2-pagination{gap:5px;align-self:center;flex-wrap:wrap;justify-content:flex-end;max-width:115px}.sv2-pagination>span{flex-basis:100%;text-align:right;margin:0;font-size:8px}.sv2-pagination b{font-size:9px}.sv2-pagination button{width:24px;height:24px;font-size:18px}.sv2-match summary{grid-template-columns:minmax(0,1fr) 90px 22px;gap:7px;padding:10px 8px;min-height:0}.sv2-match-id{grid-column:1;grid-row:1}.sv2-match-id b{font-size:10px;max-width:100%;letter-spacing:.3px}.sv2-match-id time{font-size:9px}.sv2-match-result{grid-column:2;grid-row:1;align-items:flex-end}.sv2-match-result>span{font-size:8px}.sv2-match-result>small{max-width:90px}.sv2-match-result>b{font-size:9px}.sv2-expand{grid-column:3;grid-row:1;height:37px}.sv2-rosters{grid-column:1/-1;grid-row:2;justify-content:center;padding:5px 0;gap:8px;flex-wrap:wrap}.sv2-rosters>span{gap:3px;flex-wrap:wrap}.sv2-portrait.is-featured{width:26px;height:35px}.sv2-portrait.is-featured small{font-size:7px;height:10px;min-width:12px}.sv2-rosters>i{width:26px;height:26px;font-size:12px}.sv2-match-metrics{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 34px;padding:8px 0 0;gap:4px}.sv2-match-metrics>span{flex-direction:column;gap:2px}.sv2-match-metrics small{font-size:8px;gap:3px}.sv2-match-metrics b{font-size:11px}.sv2-match-preview{grid-template-columns:1fr;padding:0 12px 13px;gap:8px}.sv2-map-art{min-height:86px;padding:13px 8px 10px 100px;margin:0 -12px}.sv2-map-art>img{width:90px}.sv2-map-art h3{font-size:10px}.sv2-map-art em{font-size:9px;margin-top:7px}.sv2-preview-stats{padding:5px 0 7px}.sv2-preview-stats .sv2-small-title{font-size:8px!important;margin-bottom:7px!important}.sv2-preview-stats>div{grid-template-columns:1fr .8fr 1.1fr;gap:5px}.sv2-preview-stats>div>span:not(:first-child){padding-left:8px}.sv2-preview-stats b{font-size:11px}.sv2-preview-stats small{font-size:8px}.sv2-detail-link{font-size:9px;min-height:36px;gap:12px}.sv2-detail-link svg{width:16px;height:16px}.sv2-sidebar{grid-template-columns:1fr}.sv2-rankings{grid-column:auto;grid-template-columns:1fr 1fr;gap:7px}.sv2-personal-grid>article{min-height:72px;padding:8px 3px;gap:4px}.sv2-personal-grid b{font-size:11px}.sv2-personal-grid h3{font-size:8px}.sv2-personal-grid small{font-size:8px}.sv2-personal-grid .sv2-portrait{width:26px;height:32px}.sv2-mini-medallion{width:26px;height:26px}.sv2-sidebar .sv2-heading h2{font-size:14px}.sv2-personal header select{width:115px;font-size:9px;height:30px;padding-right:18px}.sv2-trend-content{min-height:125px;grid-template-columns:minmax(0,1fr) 73px;gap:7px}.sv2-trend-values{padding-left:9px}.sv2-trend-values>b{font-size:18px}.sv2-trend-values strong{font-size:14px}.sv2-trend-select{width:119px}.sv2-trend-select select{font-size:9px;height:30px}.sv2-trend-panel .sv2-heading h2{font-size:12px}.sv2-ranking header{display:block}.sv2-ranking header button{margin-top:4px;font-size:8px}.sv2-ranking li{gap:5px}.sv2-ranking li b{font-size:9px}.sv2-ranking li small{font-size:8px}.sv2-ranking li strong{font-size:10px}.sv2-ranking .sv2-portrait{width:27px;height:27px}.sv2-ranking h2{font-size:10px}.sv2-ranking header p{font-size:8px}.sv2-ranking li:before{font-size:12px;width:9px}.sv2-hub-footer{align-items:flex-start;flex-direction:column;gap:8px;font-size:8px;padding-top:12px}.sv2-hub-footer>span{white-space:normal}.sv2-hub-footer>small{font-size:8px;line-height:1.7}.sv2-feedback{font-size:9px}.sv2-empty,.sv2-state{min-height:320px;padding:40px 15px}.sv2-empty h3,.sv2-state h3{font-size:19px}.sv2-empty p,.sv2-state p{font-size:11px}.sv2-analysis{min-height:300px;padding:12px}.sv2-analysis>.sv2-panel>header{flex-wrap:wrap}.sv2-lineup-list>article{gap:12px;padding:12px}.sv2-lineup-heroes{min-width:200px}.sv2-lineup-list>article>div:not(.sv2-lineup-heroes){min-width:44%;padding-left:5px}.sv2-lineup-list b{font-size:16px}.sv2-build-columns{grid-template-columns:1fr;gap:22px}.sv2-build-row{gap:8px}.sv2-build-hero{min-width:100%;margin-bottom:5px}.sv2-build-row .sv2-items{min-width:150px}.sv2-build-row .sv2-items img{width:29px;height:29px}.sv2-trend-panel.is-large{min-height:310px;padding:13px}.sv2-trend-panel.is-large .sv2-heading h2{font-size:14px}.sv2-trend-panel.is-large .sv2-trend-select{width:120px}.sv2-trend-panel.is-large .sv2-trend-select select{font-size:9px}.sv2-trend-panel.is-large .sv2-trend-content{grid-template-columns:1fr;padding-top:15px;gap:15px}.sv2-trend-panel.is-large .sv2-trend-values{flex-direction:row;align-items:center;border-left:0;border-top:1px solid #294a5b88;padding:12px 0 0;gap:12px}.sv2-trend-panel.is-large .sv2-trend-values>b{font-size:23px}.sv2-trend-panel.is-large .sv2-trend-values>strong{font-size:18px;margin:0}.sv2-trend-panel.is-large .sv2-trend-values small{font-size:8px;max-width:70px}.sv2-analysis-note{font-size:10px!important}.stat-hub-body>.legal-site-footer{padding:12px 14px}.sv2-atmosphere{inset:96px 0 0}}
@media(max-width:370px){.sv2-hub{padding-inline:9px}.sv2-hero{margin-inline:-9px;padding-inline:20px}.sv2-hero h1{font-size:26px}.sv2-kpi{gap:7px;padding:9px 7px}.sv2-kpi-medallion{width:29px;height:29px}.sv2-kpi h2{font-size:7px}.sv2-kpi strong{font-size:19px}.sv2-best-hero strong{font-size:15px}.sv2-rosters .sv2-portrait.is-featured{width:23px;height:31px}.sv2-rosters{gap:5px}.sv2-ranking li:before{display:none}.sv2-personal-grid b{font-size:10px}.sv2-personal-grid .sv2-mini-medallion{width:22px}.sv2-personal-grid .sv2-mini-medallion svg{width:18px}.sv2-personal-grid .sv2-portrait{width:22px;height:28px}}
@media(prefers-reduced-motion:reduce){.sv2-hub *,.sv2-hub *:before,.sv2-hub *:after{animation:none!important;transition:none!important}}

/* Fill the viewport and grow the content itself on wide monitors. */
body.stat-hub-body {
    --sv2-gutter: clamp(12px, 1.5vw, 48px);
    --sv2-space: clamp(12px, .8vw, 28px);
    --sv2-label: clamp(12px, .65vw, 20px);
    --sv2-text: clamp(14px, .75vw, 24px);
    --sv2-number: clamp(16px, .95vw, 30px);
    --sv2-title: clamp(19px, 1.15vw, 36px);
    --sv2-topbar-height: clamp(70px, 4vw, 112px);
    padding-top: var(--sv2-topbar-height);
    font-size: var(--sv2-text);
}
.stat-hub-body .landing-topbar {
    height: var(--sv2-topbar-height);
    padding-inline: var(--sv2-gutter);
}
.stat-hub-body .landing-topbar .user-widget { zoom: 1; }
.stat-hub-body .landing-nav a,
.stat-hub-body .landing-nav-dropdown-toggle { font-size: var(--sv2-label); }
.sv2-atmosphere { inset-block-start: var(--sv2-topbar-height); }
.sv2-hub {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 var(--sv2-gutter) var(--sv2-space);
    min-height: calc(100svh - var(--sv2-topbar-height) - 135px);
    display: flex;
    flex-direction: column;
    gap: 0;
}
.sv2-hero {
    margin-inline: calc(-1 * var(--sv2-gutter));
    padding-inline: clamp(28px, 6vw, 180px);
    height: clamp(220px, 12vw, 380px);
    flex: none;
}
.sv2-hero-copy { max-width: none; }
.sv2-hero h1 { font-size: clamp(32px, 3.55vw, 112px); }
.sv2-eyebrow { font-size: var(--sv2-label); }
.sv2-intro { font-size: clamp(14px, .9vw, 28px); }
.sv2-hero blockquote { font-size: var(--sv2-text); }
.sv2-core { width: clamp(150px, 10vw, 310px); height: clamp(150px, 10vw, 310px); }
.sv2-core strong { font-size: clamp(48px, 3.3vw, 96px); }
.sv2-core small { font-size: clamp(9px, .5vw, 16px); }
.sv2-hero-motto { font-size: var(--sv2-label); right: var(--sv2-gutter); top: 30%; }
.sv2-connection { font-size: clamp(10px, .55vw, 17px); right: var(--sv2-gutter); }
.sv2-panel { padding: var(--sv2-space); }
.sv2-heading h2,
.sv2-sidebar .sv2-heading h2 { font-size: var(--sv2-title); }
.sv2-heading p,
.sv2-sidebar .sv2-heading p { font-size: var(--sv2-label); }
.sv2-heading > span { width: 36px; height: 36px; }
.sv2-hub select,
.sv2-search input { font-size: var(--sv2-text); }
.sv2-hub select { min-height: 44px; padding: 9px 28px 9px 12px; }
.sv2-hub button { font-size: var(--sv2-label); }
.sv2-hub .sv2-gold-button,
.sv2-clear,
.sv2-search { min-height: 44px; height: auto; }
.sv2-clear { font-size: var(--sv2-label)!important; }
.sv2-search { padding-block: 10px; }
.sv2-field > span:first-child { font-size: var(--sv2-label); white-space: normal; }
.sv2-filters { padding: var(--sv2-space); margin-bottom: var(--sv2-space); }
.sv2-filters h2 { font-size: var(--sv2-text); margin-bottom: 12px; }
.sv2-filters form {
    grid-template-columns: 40px repeat(6,minmax(0,1fr)) minmax(155px,1.15fr) minmax(185px,1.4fr) auto minmax(120px,.8fr);
    gap: clamp(10px, .7vw, 24px);
}
.sv2-filter-calendar { height: 44px; }
.sv2-kpis { grid-template-columns: repeat(5,minmax(0,1fr)) minmax(0,1.5fr); gap: var(--sv2-space); margin-bottom: var(--sv2-space); }
.sv2-kpi { min-height: clamp(100px, 6vw, 185px); padding: var(--sv2-space); gap: var(--sv2-space); }
.sv2-kpi-medallion { width: clamp(42px, 3vw, 86px); height: clamp(42px, 3vw, 86px); }
.sv2-kpi-medallion svg { width: 60%; height: 60%; }
.sv2-kpi h2 { font-size: var(--sv2-label); }
.sv2-kpi strong { font-size: clamp(28px, 1.65vw, 52px); }
.sv2-kpi p { font-size: var(--sv2-label); white-space: normal; }
.sv2-best-hero { grid-column: auto; }
.sv2-best-hero strong { font-size: clamp(24px, 1.4vw, 44px); white-space: normal; overflow-wrap: anywhere; }
.sv2-best-hero .sv2-portrait { width: clamp(46px, 3.5vw, 102px); height: clamp(54px, 4vw, 118px); }
.sv2-workspace { flex: 1; grid-template-columns: minmax(0,2fr) minmax(460px,1fr); gap: var(--sv2-space); align-items: stretch; }
.sv2-main { display: flex; flex-direction: column; }
#sv2-main-panel { flex: 1; display: flex; flex-direction: column; min-width: 0; }
#sv2-main-panel > .sv2-panel { flex: 1; }
.sv2-tabs { flex: none; }
.sv2-tabs button { font-size: var(--sv2-label); height: clamp(48px, 3.1vw, 88px); padding-inline: 12px; }
.sv2-tabs button svg { width: 19px; height: 19px; }
.sv2-archive { display: flex; flex-direction: column; }
.sv2-archive .sv2-state,
.sv2-archive .sv2-empty { flex: 1; }
.sv2-match-list { gap: var(--sv2-space); }
.sv2-match summary {
    grid-template-columns: clamp(140px,7.5vw,250px) clamp(100px,5.6vw,180px) minmax(0,1fr) clamp(270px,16vw,530px) 32px;
    min-height: clamp(94px,5.3vw,170px);
    padding: var(--sv2-space);
    gap: clamp(8px,.6vw,20px);
}
.sv2-match-id b { font-size: var(--sv2-text); }
.sv2-match-id time,
.sv2-match-id > small,
.sv2-match-result > small,
.sv2-match-result > span,
.sv2-match-result > b,
.sv2-match-metrics small { font-size: var(--sv2-label); }
.sv2-match-id { letter-spacing: 0; }
.sv2-match-result > b { padding: 4px 8px; }
.sv2-match-metrics b { font-size: var(--sv2-number); }
.sv2-portrait.is-featured { width: clamp(32px,1.9vw,64px); height: clamp(42px,2.55vw,84px); }
.sv2-portrait.is-featured small { font-size: clamp(10px,.55vw,17px); height: auto; min-width: 18px; }
.sv2-rosters > i { width: clamp(32px,2.3vw,70px); height: clamp(32px,2.3vw,70px); font-size: var(--sv2-number); }
.sv2-match-preview { min-height: clamp(120px,7vw,225px); padding-right: var(--sv2-space); }
.sv2-map-art { min-height: clamp(120px,7vw,225px); padding-left: clamp(125px,8vw,260px); }
.sv2-map-art > img { width: clamp(112px,7.3vw,240px); }
.sv2-map-art h3,
.sv2-map-art p,
.sv2-map-art em,
.sv2-preview-stats small { font-size: var(--sv2-label); }
.sv2-map-art em { white-space: normal; }
.sv2-preview-stats b { font-size: var(--sv2-text); overflow-wrap: anywhere; }
.sv2-small-title { font-size: var(--sv2-label)!important; }
.sv2-gold-outline { font-size: var(--sv2-label); min-height: 44px; padding: 12px; }
.sv2-pagination > span,
.sv2-pagination b,
.sv2-result-count { font-size: var(--sv2-label); }
.sv2-pagination button { width: 38px; height: 38px; font-size: 24px; }
.sv2-sidebar { gap: var(--sv2-space); align-content: start; }
.sv2-sidebar .sv2-panel { padding: var(--sv2-space); }
.sv2-personal header select { width: clamp(140px,8vw,240px); font-size: var(--sv2-label); }
.sv2-personal-grid > article { min-height: clamp(84px,5vw,150px); padding: 10px 7px; gap: 8px; }
.sv2-personal-grid h3,
.sv2-personal-grid small { font-size: var(--sv2-label); }
.sv2-personal-grid b { font-size: var(--sv2-number); overflow-wrap: anywhere; }
.sv2-mini-medallion { width: clamp(30px,2.1vw,62px); height: clamp(30px,2.1vw,62px); }
.sv2-mini-medallion svg { width: 80%; height: 80%; }
.sv2-personal-grid .sv2-portrait { width: clamp(32px,2.4vw,74px); height: clamp(38px,2.8vw,88px); }
.sv2-trend-panel .sv2-heading h2 { font-size: clamp(17px,1vw,30px); }
.sv2-trend-select { width: clamp(155px,9vw,270px); }
.sv2-trend-select select { font-size: var(--sv2-label); }
.sv2-trend-content { grid-template-columns: minmax(0,1fr) clamp(90px,5.5vw,165px); }
.sv2-chart text { font-size: 12px; }
.sv2-chart-frame { position: relative; padding: 4px 4px 0 3.2em; min-width: 0; font-size: var(--sv2-label); color: #9ec6da; }
.sv2-chart-y { position: absolute; inset: 0 auto 26px 0; display: flex; flex-direction: column; justify-content: space-between; text-align: right; width: 2.7em; }
.sv2-chart-frame .sv2-chart { display: block; overflow: visible; }
.sv2-chart-dates { position: relative; height: 26px; margin-top: 8px; }
.sv2-chart-dates span { position: absolute; white-space: nowrap; transform: translateX(-50%); }
.sv2-chart-dates .is-first { transform: none; }
.sv2-chart-dates .is-last { transform: translateX(-100%); }
.sv2-chart-empty { position: absolute; inset: 0 4px 26px 3.2em; display: grid; place-items: center; text-align: center; }
.sv2-trend-values > b { font-size: clamp(24px,1.5vw,44px); }
.sv2-trend-values > strong { font-size: var(--sv2-number); }
.sv2-trend-values small { font-size: var(--sv2-label); }
.sv2-trend-panel.is-large .sv2-heading h2 { font-size: var(--sv2-title); }
.sv2-trend-panel.is-large .sv2-trend-select { width: clamp(180px,10vw,320px); }
.sv2-trend-panel.is-large .sv2-trend-select select { font-size: var(--sv2-text); }
.sv2-trend-panel.is-large .sv2-trend-content { grid-template-columns: minmax(0,1fr) clamp(130px,8vw,240px); }
.sv2-trend-panel.is-large .sv2-trend-values > b { font-size: clamp(28px,1.8vw,56px); }
.sv2-trend-panel.is-large .sv2-trend-values small { font-size: var(--sv2-label); }
.sv2-trend-panel.is-large .sv2-trend-values > strong { font-size: var(--sv2-number); }
.sv2-rankings { gap: var(--sv2-space); }
.sv2-ranking h2,
.sv2-ranking header p,
.sv2-ranking header button,
.sv2-ranking li b,
.sv2-ranking li small { font-size: var(--sv2-label); }
.sv2-ranking header { flex-wrap: wrap; }
.sv2-ranking li { gap: 8px; margin-block: clamp(12px,1vw,28px); }
.sv2-ranking li strong { font-size: var(--sv2-text); }
.sv2-ranking .sv2-portrait { width: clamp(34px,2.2vw,66px); height: clamp(34px,2.2vw,66px); }
.sv2-rank-bar { max-width: none; height: 4px; }
.sv2-subtle,
.sv2-empty p,
.sv2-state p,
.sv2-analysis-note { font-size: var(--sv2-text)!important; }
.sv2-state p,
.sv2-empty p { max-width: 55ch; }
.sv2-empty h3,
.sv2-state h3 { font-size: clamp(23px,1.5vw,44px); }
.sv2-table { font-size: var(--sv2-text); }
.sv2-table th { font-size: var(--sv2-label); }
.sv2-table :is(th,td) { padding: var(--sv2-space); }
.sv2-table-hero .sv2-portrait { width: clamp(38px,2.5vw,76px); height: clamp(38px,2.5vw,76px); }
.sv2-lineup-list small,
.sv2-build-hero > b,
.sv2-build-row small,
.sv2-relic-row :is(b,small) { font-size: var(--sv2-label); }
.sv2-lineup-list b,
.sv2-build-row > span,
.sv2-relic-row strong { font-size: var(--sv2-number); }
.sv2-build-columns { gap: var(--sv2-space); }
.sv2-items > img,
.sv2-relic-row > img { width: clamp(38px,2.5vw,74px); height: clamp(38px,2.5vw,74px); }
.sv2-hub-footer,
.sv2-hub-footer > :is(small,button),
.sv2-feedback { font-size: var(--sv2-label); }
.sv2-feedback { min-height: 32px; }
.stat-hub-body > .legal-site-footer,
.stat-hub-body > .legal-site-footer p { font-size: var(--sv2-label); }

@media (max-width: 2200px) {
    .sv2-filters form { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .sv2-filter-calendar { display: none; }
    .sv2-filters form > * { grid-column: auto!important; grid-row: auto; }
}
@media (max-width: 1850px) {
    .sv2-tabs { display: flex; overflow-x: auto; }
    .sv2-tabs button { flex: 1 0 auto; }
    .sv2-match summary { grid-template-columns: 155px 110px minmax(0,1fr) 32px; }
    .sv2-match-metrics { grid-row: 2; grid-column: 1/-1; display: flex; justify-content: flex-end; gap: 24px; padding-top: 9px; }
    .sv2-match-metrics > span { flex-direction: row; gap: 8px; }
    .sv2-expand { grid-row: 1; grid-column: 4; }
    .sv2-match-preview { grid-template-columns: 1fr 1fr; padding: 0 var(--sv2-space) var(--sv2-space) 0; }
    .sv2-map-art { grid-row: span 2; align-self: stretch; }
    .sv2-detail-link { grid-column: 2; justify-self: stretch; }
    .sv2-personal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv2-personal-grid > article { border: 0; }
    .sv2-personal-grid > article:nth-child(odd) { border-right: 1px solid #24435060; }
    .sv2-personal-grid > article:nth-child(n+3) { border-top: 1px solid #24435060; }
    .sv2-personal > header,
    .sv2-trend-panel > header { flex-wrap: wrap; }
}
@media (max-width: 1450px) {
    .sv2-workspace { grid-template-columns: minmax(0,1fr); }
    .sv2-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv2-rankings { grid-column: 1/-1; }
    .sv2-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .sv2-kpi { flex-direction: row; align-items: center; }
    .sv2-hero-copy { max-width: 75%; }
    .sv2-hero h1 { white-space: normal; }
    .sv2-hero-motto { display: none; }
    .sv2-filters form { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .sv2-filters .sv2-clear { grid-column: 3!important; }
    .sv2-filters .sv2-gold-button { grid-column: 4!important; }
}
@media (max-width: 900px) {
    .sv2-personal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv2-match-metrics { justify-content: flex-start; flex-wrap: wrap; }
    .sv2-trend-content { grid-template-columns: 1fr; }
    .sv2-trend-values { border-left: 0; border-top: 1px solid #32526666; padding: 10px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; }
    .sv2-trend-values > strong { margin-top: 0; }
}
@media (max-width: 700px) {
    body.stat-hub-body { --sv2-topbar-height: 96px; --sv2-label: 12px; --sv2-text: 14px; }
    .sv2-hub { min-height: calc(100svh - 96px); }
    .sv2-hero { padding: 24px; height: 240px; }
    .sv2-hero h1 { font-size: clamp(28px,7.4vw,46px); }
    .sv2-eyebrow { font-size: 10px; letter-spacing: .6px; }
    .sv2-eyebrow span { display: none; }
    .sv2-hero-copy { max-width: 90%; }
    .sv2-core { width: 120px; height: 120px; right: -24px; opacity: .3; }
    .sv2-intro { font-size: 14px; }
    .sv2-hero blockquote { font-size: 12px; }
    .sv2-connection { font-size: 10px; letter-spacing: 0; }
    .sv2-filters form { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv2-filters form .sv2-search-field { grid-column: 1/-1!important; }
    .sv2-filters .sv2-clear { grid-column: 1!important; }
    .sv2-filters .sv2-gold-button { grid-column: 2!important; }
    .sv2-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv2-kpi { min-height: 108px; padding: 12px 9px; gap: 9px; }
    .sv2-kpi-medallion { width: 30px; height: 30px; }
    .sv2-kpi h2 { font-size: 11px; letter-spacing: 0; }
    .sv2-kpi strong { font-size: 26px; }
    .sv2-best-hero strong { font-size: 20px; }
    .sv2-best-hero .sv2-portrait { width: 30px; height: 40px; margin: 0; }
    .sv2-sidebar { grid-template-columns: 1fr; }
    .sv2-rankings { grid-column: auto; }
    .sv2-heading h2 { font-size: 19px; letter-spacing: .5px; }
    .sv2-archive > header { flex-wrap: wrap; }
    .sv2-pagination { max-width: none; flex-wrap: nowrap; }
    .sv2-pagination > span { flex-basis: auto; }
    .sv2-match summary { grid-template-columns: minmax(0,1fr) 100px 28px; padding: 12px 8px; }
    .sv2-match-id { grid-column: 1; grid-row: 1; }
    .sv2-match-id b { font-size: 12px; }
    .sv2-match-result { grid-column: 2; grid-row: 1; }
    .sv2-match-result > span { font-size: 11px; letter-spacing: 0; }
    .sv2-expand { grid-column: 3; }
    .sv2-rosters { grid-column: 1/-1; grid-row: 2; flex-wrap: wrap; }
    .sv2-rosters .sv2-portrait.is-featured { width: 23px; height: 33px; }
    .sv2-rosters > i { width: 26px; height: 26px; font-size: 14px; }
    .sv2-match-metrics { grid-column: 1/-1; grid-row: 3; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) 36px; gap: 5px; }
    .sv2-match-metrics > span { flex-direction: column; }
    .sv2-match-metrics small { font-size: 11px; gap: 3px; }
    .sv2-match-metrics b { font-size: 14px; }
    .sv2-match-preview { grid-template-columns: 1fr; padding: 0 12px 12px; }
    .sv2-map-art { grid-row: auto; min-height: 110px; padding-left: 100px; }
    .sv2-map-art > img { width: 90px; }
    .sv2-detail-link { grid-column: auto; }
    .sv2-preview-stats .sv2-small-title { font-size: 12px!important; }
    .sv2-preview-stats b { font-size: 14px; }
    .sv2-personal-grid > article { min-height: 90px; }
    .sv2-personal-grid .sv2-portrait { width: 34px; height: 40px; }
    .sv2-mini-medallion { width: 30px; height: 30px; }
    .sv2-trend-content { min-height: 0; }
    .sv2-ranking li b { font-size: 12px; }
    .sv2-ranking li small { font-size: 11px; }
    .sv2-ranking .sv2-portrait { width: 28px; height: 28px; }
    .sv2-ranking li strong { font-size: 12px; }
    .sv2-lineup-list > article { gap: 12px; }
    .sv2-lineup-list > article > div:not(.sv2-lineup-heroes) { min-width: 44%; }
    .sv2-trend-panel.is-large .sv2-trend-values { display: grid; grid-template-columns: auto 1fr; }
    .sv2-trend-panel.is-large .sv2-trend-content { grid-template-columns: 1fr; }
    .sv2-trend-panel.is-large .sv2-trend-values small { font-size: 12px; max-width: none; }
    .sv2-trend-panel.is-large .sv2-heading h2 { font-size: 19px; }
    .sv2-trend-panel.is-large .sv2-trend-select { width: 155px; }
    .sv2-trend-panel.is-large .sv2-trend-select select { font-size: 12px; }
}
@media (max-width: 380px) {
    .sv2-rankings { grid-template-columns: 1fr; }
    .sv2-kpi { gap: 7px; }
    .sv2-kpi-medallion { width: 25px; height: 25px; }
    .sv2-kpi strong { font-size: 23px; }
    .sv2-best-hero strong { font-size: 18px; }
    .sv2-kpi p { font-size: 11px; }
}

/* Hero medallions: keep the original square artwork's face proportions. */
.sv2-portrait {
    --portrait-aura: #d4ae4d30;
    width: clamp(36px,2.3vw,72px);
    height: auto;
    aspect-ratio: 1;
    padding: 3px;
    border: 0;
    border-radius: 50%;
    overflow: visible;
    background: linear-gradient(145deg,#fff1b5,#bd9955 23%,#403323 49%,#c5a267 78%,#f4de9a);
    box-shadow: 0 3px 8px #0008,0 0 15px var(--portrait-aura),inset 0 0 0 1px #ffe4a64d;
    transition: transform .2s ease,box-shadow .2s ease;
    isolation: isolate;
}
.sv2-portrait:before {
    content: '';
    position: absolute;
    inset: -3px;
    border: 1px solid #dac08461;
    border-radius: inherit;
    pointer-events: none;
}
.sv2-portrait:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: calc(50% - 2.5px);
    top: -5px;
    transform: rotate(45deg);
    background: #f1d48a;
    border: 1px solid #fff0bc;
    box-shadow: 0 0 5px #f7d58b66;
    pointer-events: none;
}
.sv2-portrait-art {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
    border: 1px solid #051320;
    background: #102539;
}
.sv2-portrait-art:after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid #ffe5aa40;
    border-radius: inherit;
    background: linear-gradient(145deg,#fff5ce14,transparent 45%,#04122228);
    pointer-events: none;
}
.sv2-portrait img { object-fit: cover; object-position: center; border-radius: inherit; transition: transform .25s ease; }
.sv2-portrait.is-featured {
    width: clamp(42px,2.3vw,82px);
    height: auto;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 10px #0009,0 0 18px var(--portrait-aura),inset 0 0 0 1px #ffe4a64d;
}
.sv2-portrait.is-featured .sv2-portrait-level {
    display: grid;
    place-items: center;
    position: absolute;
    z-index: 2;
    left: 50%;
    right: auto;
    bottom: -7px;
    transform: translateX(-50%);
    min-width: clamp(22px,1.15vw,36px);
    height: clamp(19px,1vw,30px);
    padding: 0 4px 2px;
    border: 1px solid #c7a565;
    border-radius: 4px 4px 9px 9px;
    background: linear-gradient(180deg,#203344,#071522 75%);
    color: #fff0c2;
    font-size: clamp(11px,.62vw,19px);
    line-height: 1;
    font-weight: 600;
    text-shadow: 0 1px 3px #000;
    box-shadow: 0 2px 5px #000a,inset 0 1px #ffefb329;
}
.sv2-hub .sv2-portrait { border: 0; border-radius: 50%; overflow: visible; }
.sv2-rosters { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: clamp(10px,.45vw,18px); padding-block: 4px; }
.sv2-rosters > .sv2-roster-team {
    position: relative;
    gap: clamp(7px,.3vw,12px);
    padding: 8px 5px 12px;
    isolation: isolate;
}
.sv2-roster-team:before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 6% -4% 0;
    border-radius: 50%;
    background: radial-gradient(ellipse,#c9a25914,transparent 72%);
    pointer-events: none;
}
.sv2-roster-team.is-player:before { background: radial-gradient(ellipse,#4dbbfd20,transparent 72%); }
.sv2-roster-team.is-enemy:before { background: radial-gradient(ellipse,#e8797c1a,transparent 72%); }
.sv2-roster-team.is-player .sv2-portrait { --portrait-aura: #4bb9ee3b; }
.sv2-roster-team.is-enemy .sv2-portrait { --portrait-aura: #e7847936; }
.sv2-rosters > i { border-color: #b99c6070; background: radial-gradient(circle,#bc9d3d1c,#051722); }
.sv2-best-hero .sv2-portrait { width: clamp(54px,3.8vw,110px); height: auto; margin-right: 8px; }
.sv2-personal-grid .sv2-portrait { height: auto; }
.sv2-ranking .sv2-portrait { height: auto; }
.sv2-lineup-heroes { padding-block: 7px 12px; gap: clamp(10px,.7vw,22px); }
.sv2-build-hero { padding-block: 5px; }
@media (hover: hover) and (pointer: fine) {
    .sv2-portrait:hover { transform: translateY(-3px); box-shadow: 0 7px 14px #0009,0 0 23px var(--portrait-aura),0 0 0 1px #f5dfac8c; }
    .sv2-portrait:hover img { transform: scale(1.04); }
}
@media (min-width: 1851px) and (max-width: 2700px) {
    .sv2-match summary { grid-template-columns: 155px 115px minmax(0,1fr) 32px; }
    .sv2-match-metrics { grid-row: 2; grid-column: 1/-1; display: flex; justify-content: flex-end; gap: 24px; padding-top: 9px; }
    .sv2-match-metrics > span { flex-direction: row; gap: 8px; }
    .sv2-expand { grid-row: 1; grid-column: 4; }
}
@media (max-width: 700px) {
    .sv2-rosters { display: grid; grid-template-columns: minmax(0,1fr) 30px; gap: 2px 8px; }
    .sv2-rosters > .sv2-roster-team { grid-column: 1; gap: 9px; padding: 8px 3px 12px; }
    .sv2-rosters > i { grid-column: 2; grid-row: 1/span 2; justify-self: center; }
    .sv2-rosters .sv2-portrait.is-featured { width: clamp(34px,10vw,46px); height: auto; }
    .sv2-portrait.is-featured .sv2-portrait-level { min-width: 20px; height: 18px; font-size: 11px; bottom: -6px; }
    .sv2-best-hero .sv2-portrait { width: 36px; height: auto; margin-right: 0; }
    .sv2-ranking .sv2-portrait { width: 32px; }
}