@font-face{font-family:"OW Display";src:url("./BigNoodleToo.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:#f5f2e9;background:#151616;font-synthesis:none}html,body{overflow-x:clip}
.hero-wordmark,.hero-art strong,.section-head h2,.number-card strong,.statement h2,.closing h2{font-family:"OW Display","Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
:root{--theme-color:#ef7137;--theme-on-accent:#171816;--cube-color:#ef7137;--cube-on-accent:#171816}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}::selection{background:#ff8a35;color:#151616}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;color:#111;padding:12px;z-index:9}.skip-link:focus{top:12px}
.site-header{height:84px;padding:0 clamp(20px,3vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #484847;background:#151616;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:#ef7137;color:#151616;border-radius:50%;font-size:14px;letter-spacing:-.08em}.brand-suffix{font-weight:500;color:#a7a8a1}.site-header nav{display:flex;gap:34px;font-size:12px;font-weight:800;letter-spacing:.08em}.site-header nav a{color:#a7a8a1}.site-header nav a:hover{color:#fff}.site-header nav span{color:#f88942}.header-index{font-size:10px;letter-spacing:.2em;color:#a7a8a1}.header-index b{font-size:17px;color:#fff;margin-left:8px}
.hero{position:relative;overflow:hidden;min-height:780px;padding:31px clamp(20px,3vw,56px) 0;background:#1a1b1a;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 62% 45%,#454642 0,#262825 26%,#191a19 57%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px,transparent 5px)}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.19em;font-weight:900}.eyebrow i{display:inline-block;width:7px;height:7px;background:#f88942;border-radius:50%;margin:0 8px 1px 0}.data-badge{font-size:11px;border:1px solid #858680;color:#dbdbd1;padding:8px 12px;border-radius:30px}.hero-grid{display:grid;grid-template-columns:32% 1fr 20%;align-items:center;min-height:570px;gap:2vw}.hero-copy{align-self:center;z-index:2}.pretitle{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ff9b58}.hero h1{font-size:clamp(48px,5.6vw,106px);line-height:1.07;letter-spacing:-.07em;margin:22px 0 28px;white-space:nowrap;font-weight:1000}.hero h1 em{font-style:normal;color:#ff8641}.hero-lead{max-width:330px;color:#c3c5bd;line-height:1.75;font-size:14px}.hero-player{display:grid;gap:7px;margin-top:48px;border-top:1px solid #686965;max-width:340px;padding-top:15px}.hero-player span{font-size:10px;letter-spacing:.2em;color:#aeb0a7}.hero-player strong{font-size:18px;overflow-wrap:anywhere}.hero-art{position:relative;min-height:510px;display:grid;place-items:center;transform:rotate(-9deg)}.hero-art::before{content:"";width:min(34vw,530px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 27%,#ffcc7a 0,#f39048 26%,#e85e32 62%,#8a2f20 100%);box-shadow:inset -35px -40px 70px #7b291a80,0 35px 130px #fa6e2b35}.hero-art strong{position:absolute;font-size:clamp(180px,26vw,420px);font-weight:1000;letter-spacing:-.13em;line-height:.9;color:#1a1b1a;left:43%;top:49%;transform:translate(-50%,-50%)}.orbit{position:absolute;border:1px solid #ffffff55;border-radius:50%;width:110%;height:52%;transform:rotate(28deg);z-index:-1}.orbit-two{transform:rotate(-33deg);width:90%;height:62%;border-color:#ffb67f88}.art-label{position:absolute;right:5%;bottom:13%;font-size:17px;font-weight:900;line-height:1.1;letter-spacing:.08em;color:#fff;transform:rotate(9deg)}.art-cross{position:absolute;left:10%;top:8%;font-size:80px;color:#ff9c55}.hero-side{justify-self:end;align-self:end;padding-bottom:94px;color:#c1c2ba}.hero-side>span:first-child{font-size:11px;letter-spacing:.1em}.hero-side p{font-size:19px;line-height:1.45}.hero-side strong{color:#fff}.side-arrow{font-size:42px;color:#f88942}.hero-wordmark{font-size:clamp(95px,20vw,330px);font-weight:1000;line-height:.77;letter-spacing:-.1em;white-space:nowrap;color:#f4f1e8;margin-left:-.035em;opacity:.95}
.search-band{display:grid;grid-template-columns:1fr minmax(350px,550px);gap:60px;align-items:center;padding:65px clamp(20px,4vw,76px);background:#e9e5da;color:#191a19}.search-band h2{font-size:clamp(32px,4vw,66px);letter-spacing:-.06em;margin:12px 0}.search-band p{font-size:14px;color:#65665f;line-height:1.5}.lookup-form label{display:block;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:10px}.lookup-row{display:flex;border-bottom:2px solid #1b1b19}.lookup-row input{flex:1;min-width:0;border:0;background:transparent;padding:15px 4px;outline:none;color:#151616}.lookup-row input:focus-visible{box-shadow:inset 0 -3px #f77737}.lookup-row button{border:0;background:#f67b3d;color:#161616;font-size:12px;font-weight:900;padding:0 18px;white-space:nowrap}.lookup-row button:hover{background:#ffad6d}.lookup-row button span{font-size:19px;margin-left:8px}.form-help,.form-status{min-height:21px;margin:8px 0 0!important;font-size:11px!important}.form-status{color:#9c3d1b!important;font-weight:800}
.numbers,.heroes{background:#f4f1e9;color:#191a19;padding:100px clamp(20px,4vw,76px)}.section-head{display:grid;grid-template-columns:170px 1fr auto;align-items:end;gap:28px;margin-bottom:50px}.section-kicker{color:#bc542c}.section-head h2{font-size:clamp(42px,7vw,110px);letter-spacing:-.08em;line-height:1;margin:0}.period{color:#ed7134}.section-head p{font-size:12px;line-height:1.6;max-width:185px;color:#686862;margin:0}.number-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1px;background:#d1d0c9;border:1px solid #d1d0c9}.number-card{background:#f4f1e9;min-height:270px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.number-card.featured{background:#ec753b;color:#1d1e1b}.number-index{font-size:11px;font-weight:900}.number-card div{display:flex;align-items:baseline;gap:12px}.number-card strong{font-size:clamp(66px,8.6vw,143px);letter-spacing:-.09em;line-height:.9;white-space:nowrap;font-weight:1000}.number-card .number-unit{font-size:14px;font-weight:900;white-space:nowrap}.number-card p{font-size:14px;font-weight:800;margin:0}.number-card.duration-card{grid-column:1/-1;min-height:155px;display:grid;grid-template-columns:50px 1fr auto;align-items:center}.duration-card strong{font-size:clamp(42px,6.5vw,92px)}
.statement{display:grid;grid-template-columns:18% 1fr 12%;align-items:start;gap:20px;min-height:500px;padding:90px clamp(20px,4vw,76px);background:#ee773d;color:#1a1b19}.statement>span:first-child{font-size:11px;font-weight:900;letter-spacing:.18em}.statement p{font-size:19px;font-weight:800}.statement h2{font-size:clamp(70px,10vw,180px);line-height:.94;letter-spacing:-.09em;margin:40px 0 0;font-weight:1000}.statement h2 em{font-style:normal;color:#fff}.statement-mark{font-size:100px;line-height:1}
.heroes{padding-top:105px;padding-bottom:130px}.hero-list{border-top:2px solid #1a1b19}.hero-row{display:grid;grid-template-columns:14% 1fr 25%;align-items:center;gap:20px;border-bottom:1px solid #aaa9a0;min-height:135px}.hero-rank{font-size:18px;font-weight:900;color:#e76c35}.hero-row h3{font-size:clamp(30px,4vw,64px);letter-spacing:-.065em;margin:0}.hero-row p{text-align:right;font-size:14px;color:#55564f;font-weight:800}.hero-empty{padding:45px 0;color:#666}
.closing{background:#1d1e1c;color:#f6f2e9;padding:95px clamp(20px,4vw,76px) 110px;min-height:520px;position:relative;overflow:hidden}.closing::after{content:"07";position:absolute;right:-45px;bottom:-180px;font-size:500px;line-height:1;font-weight:1000;color:#ffffff08;pointer-events:none}.closing>p{color:#c7c8c0;margin:55px 0 12px}.closing h2{font-size:clamp(55px,10vw,155px);letter-spacing:-.09em;line-height:1;margin:0;max-width:1000px;position:relative;z-index:1}.closing blockquote{font-size:clamp(17px,2vw,26px);margin:35px 0 75px;border-left:3px solid #f27b3f;padding-left:20px;color:#d0d0c9;max-width:600px}.closing-actions{display:flex;align-items:center;gap:30px;position:relative;z-index:1}.closing-actions a{display:inline-flex;align-items:center;gap:20px;background:#f27b3f;color:#171816;padding:17px 22px;font-size:13px;font-weight:900}.closing-actions a:hover{background:#ffad72}.closing-actions button{border:0;background:transparent;color:#eee;text-decoration:underline;font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:20px;background:#101110;color:#96978f;padding:25px clamp(20px,4vw,76px);font-size:10px;letter-spacing:.08em}
@media(max-width:1000px){.hero-grid{grid-template-columns:42% 58%;min-height:540px}.hero-side{display:none}.hero-art::before{width:44vw}.section-head{grid-template-columns:1fr;gap:12px}.section-head p{max-width:none}.search-band{grid-template-columns:1fr;gap:22px}.statement{grid-template-columns:1fr}.statement-mark{display:none}}
@media(max-width:680px){.site-header{height:68px}.brand-suffix,.header-index{display:none}.site-header nav{gap:12px;font-size:10px}.hero{min-height:690px;padding-top:20px}.hero-topline{align-items:flex-start}.data-badge{font-size:9px;white-space:nowrap}.eyebrow{font-size:9px}.hero-grid{display:block;min-height:565px;position:relative}.hero-copy{position:relative;z-index:2;padding-top:38px}.hero h1{font-size:clamp(46px,12vw,74px);white-space:normal;margin:17px 0}.hero-lead{font-size:12px;max-width:220px}.hero-player{margin-top:26px;max-width:220px}.hero-art{position:absolute;right:-110px;bottom:-75px;width:420px;min-height:420px;opacity:.82}.hero-art::before{width:340px}.hero-art strong{font-size:260px}.art-label{display:none}.hero-wordmark{font-size:24vw}.search-band,.numbers,.heroes,.statement,.closing{padding-left:20px;padding-right:20px}.search-band{padding-top:48px;padding-bottom:48px}.search-band h2{font-size:36px}.lookup-row{flex-wrap:wrap}.lookup-row input{width:100%;flex:auto}.lookup-row button{width:100%;min-height:48px}.numbers,.heroes{padding-top:65px;padding-bottom:70px}.section-head{margin-bottom:30px}.section-head h2{font-size:49px}.number-grid{grid-template-columns:1fr 1fr}.number-card{min-height:195px;padding:16px}.number-card.featured{grid-column:1/-1}.number-card strong{font-size:65px}.number-card.duration-card{grid-column:1/-1;display:flex;min-height:160px}.duration-card strong{font-size:45px}.statement{min-height:340px;padding-top:55px;padding-bottom:55px}.statement h2{font-size:64px;margin-top:30px}.hero-row{grid-template-columns:50px 1fr;min-height:110px}.hero-row p{grid-column:2;text-align:left;margin:-20px 0 12px;font-size:12px}.hero-row h3{font-size:35px}.closing{min-height:430px;padding-top:70px;padding-bottom:80px}.closing h2{font-size:60px}.closing blockquote{margin-bottom:45px}.site-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Weekly-report detail chapters */
.total-intro{margin:70px 0 22px;font-size:clamp(20px,2.8vw,35px);font-weight:900;letter-spacing:-.04em}.total-intro strong{color:#e96e35}.total-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid #191a19;border-bottom:1px solid #bcbcb4}.total-grid>div{display:flex;flex-direction:column;gap:16px;padding:22px 15px 28px;border-right:1px solid #bcbcb4}.total-grid>div:first-child{padding-left:0}.total-grid>div:last-child{border-right:0}.total-grid span{font-size:12px;font-weight:900;color:#74756e}.total-grid strong{font-size:clamp(25px,3vw,51px);letter-spacing:-.055em;overflow-wrap:anywhere}
.statement h2{font-size:clamp(48px,6.7vw,112px);line-height:1.08;overflow-wrap:anywhere}.statement h2 em{display:block;max-width:100%}.statement-mark{font-weight:900}
.maps,.winrates,.highlights{background:#f4f1e9;color:#191a19;padding:100px clamp(20px,4vw,76px)}.maps{background:#e9e5da}.map-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.map-row{position:relative;isolation:isolate;min-height:185px;overflow:hidden;background:#33342f;color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:flex-end}.map-row::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1114e8,#0e111499 58%,#0e111455)}.map-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.map-rank{position:absolute;top:20px;left:23px;color:#ff9c5b;font-size:12px;font-weight:900}.map-row h3{font-size:clamp(27px,3.3vw,53px);margin:0 0 5px;letter-spacing:-.06em;overflow-wrap:anywhere}.map-row p{margin:0;color:#e8e7df;font-size:13px;font-weight:800}.empty-state{padding:35px 0;color:#77786f;font-size:14px}
.best-hero{min-height:290px;padding:38px 44px;margin-bottom:70px;background:#ed763c;color:#161715;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden}.best-hero::after{content:"MVP";position:absolute;right:-24px;bottom:-87px;font-size:260px;font-weight:1000;letter-spacing:-.12em;line-height:1;color:#1b1c1b16;pointer-events:none}.best-hero>span{font-size:12px;font-weight:900;letter-spacing:.16em}.best-hero h3{font-size:clamp(49px,7vw,106px);letter-spacing:-.08em;line-height:1;margin:25px 0 0;position:relative;z-index:1}.best-hero p{font-size:14px;margin:12px 0 0;position:relative;z-index:1}.best-hero strong{align-self:flex-end;position:relative;z-index:1;font-size:18px}.subhead{font-size:24px;letter-spacing:-.04em;margin-bottom:18px}
.winrates{background:#1c1d1b;color:#f4f1e9}.winrates .section-head p{color:#b8b8b0}.winrate-heading,.winrate-row{display:grid;grid-template-columns:12% 1fr 20% 20%;gap:12px;align-items:center}.winrate-heading{border-top:2px solid #f0efe6;color:#9c9d95;font-size:11px;font-weight:900;padding:15px 0}.winrate-row{border-top:1px solid #51534f;min-height:85px;font-size:clamp(15px,2.2vw,25px);font-weight:900}.winrate-row span:first-child{color:#f2894c}.winrate-row span:last-child{font-size:clamp(25px,3.5vw,57px);letter-spacing:-.06em;color:#ff9e61}.winrates .empty-state{color:#a4a49e}
.highlights{background:#f4f1e9}.highlight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#cbcbc3;border:1px solid #cbcbc3}.highlight-card{background:#f4f1e9;min-height:230px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.highlight-card span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#ad522e}.highlight-card strong{font-size:clamp(52px,6vw,100px);line-height:1;letter-spacing:-.08em}.highlight-card p{margin:0;font-size:13px;color:#686962;font-weight:800}.highlight-list>.empty-state{background:#f4f1e9;margin:0;padding:40px}
@media(max-width:1000px){.total-grid{grid-template-columns:repeat(3,1fr)}.total-grid>div:nth-child(3){border-right:0}.total-grid>div:nth-child(n+4){border-top:1px solid #bcbcb4}.statement h2{font-size:clamp(46px,8vw,86px)}}
@media(max-width:680px){.total-intro{font-size:25px;margin-top:45px}.total-grid{grid-template-columns:repeat(2,1fr)}.total-grid>div{min-height:105px;padding:15px 12px}.total-grid>div:nth-child(3){border-right:1px solid #bcbcb4}.total-grid>div:nth-child(2n){border-right:0}.total-grid>div:nth-child(n+3){border-top:1px solid #bcbcb4}.total-grid strong{font-size:31px}.statement h2{font-size:45px}.maps,.winrates,.highlights{padding:65px 20px}.map-list,.highlight-list{grid-template-columns:1fr}.map-row{min-height:150px}.best-hero{padding:25px;min-height:225px;margin-bottom:45px}.best-hero h3{font-size:54px}.best-hero strong{font-size:14px}.winrate-heading,.winrate-row{grid-template-columns:9% 1fr 17% 23%;gap:4px}.winrate-row{font-size:14px;min-height:66px}.winrate-row span:last-child{font-size:22px}.highlight-card{min-height:180px}.highlight-card strong{font-size:58px}}
.companions{background:#e9e5da;color:#191a19;padding:100px clamp(20px,4vw,76px)}.companion-heading,.companion-row{display:grid;grid-template-columns:10% 1fr 18% 18%;gap:12px;align-items:center}.companion-heading{border-top:2px solid #1a1b19;padding:14px 0;color:#696a63;font-size:11px;font-weight:900}.companion-row{border-top:1px solid #bdbdb5;min-height:90px;font-size:clamp(15px,2vw,25px);font-weight:900}.companion-row span:first-child{color:#d56231}.companion-row span:nth-child(2){overflow-wrap:anywhere}.companion-row span:nth-child(n+3){text-align:right}.companions .empty-state{border-top:1px solid #bdbdb5}
@media(max-width:680px){.companions{padding:65px 20px}.companion-heading,.companion-row{grid-template-columns:9% 1fr 17% 17%;gap:4px}.companion-row{min-height:70px;font-size:14px}}
.snapshot-note{padding:22px clamp(20px,4vw,76px);background:#e9e5da;color:#57584f;font-size:13px;font-weight:700;border-bottom:1px solid #c7c5ba}
[hidden]{display:none!important}
.hero-avatar{width:52px;height:52px;flex:none;display:grid;place-items:center;border:0;border-radius:8px;background:#ffffff16;color:inherit;font-size:10px;font-weight:800;letter-spacing:.04em}
.hero-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.hero-avatar-large{position:absolute;right:45px;top:36px;width:170px;height:170px;font-size:16px;z-index:1}

/* The lead image uses the weekly MVP portrait, while the four numbers share one row. */
.hero-art::before{content:none}
.hero-art-avatar{width:min(34vw,530px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#ef7137;color:#1a1b1a;font-size:clamp(70px,10vw,150px);font-weight:1000;box-shadow:0 35px 130px #fa6e2b35}
.hero-art-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.number-card strong{font-size:clamp(46px,6vw,100px)}
.number-card.duration-card{grid-column:auto;min-height:270px;display:flex;flex-direction:column;align-items:stretch}
.duration-card strong{font-size:clamp(30px,3.6vw,58px);white-space:normal;letter-spacing:-.06em}
.companion-row .companion-kind{display:inline-block;margin-left:10px;padding:4px 8px;vertical-align:middle;border:1px solid #b76b45;border-radius:999px;color:#a54d25;font-size:11px;white-space:nowrap}
@media(max-width:1000px){.hero-art-avatar{width:44vw}}
@media(max-width:680px){.hero-art-avatar{width:340px}.number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-card.featured,.number-card.duration-card{grid-column:auto}.number-card.duration-card{min-height:195px}.number-card strong{font-size:clamp(42px,12vw,65px)}.duration-card strong{font-size:clamp(27px,7vw,40px)}.companion-row .companion-kind{margin-left:4px;padding:2px 5px;font-size:9px}}
.hero-identity{display:flex;align-items:center;gap:18px;min-width:0}
.hero-identity span:last-child{overflow-wrap:anywhere}
@media(max-width:680px){.hero-avatar{width:34px;height:34px;font-size:8px}.hero-identity{gap:7px}.hero-avatar-large{right:18px;top:26px;width:88px;height:88px;font-size:10px}.best-hero h3{max-width:60%}}

/* The six faces share one square dimension; the query view stays focused until success. */
body:not(.has-report) .search-band{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:center}
body:not(.has-report) .lookup-form{width:min(100%,560px);text-align:left}
.hero-art{transform:none;--cube-size:min(24vw,320px);--cube-half:min(12vw,160px);--cube-radius:clamp(13px,1.8vw,24px);--cube-joint:calc(var(--cube-half) - var(--cube-radius) / 2)}
.cube-scene{position:relative;width:100%;height:510px;display:grid;place-items:center;perspective:1100px;touch-action:none;cursor:grab;outline:none}
.cube-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}
.cube-scene.is-3d .cube-canvas{display:block}
.cube-scene.is-3d .cube-wrap{visibility:hidden}
.cube-scene:active{cursor:grabbing}
.cube-scene:focus-visible{outline:3px solid #ff9b58;outline-offset:5px}
.cube-wrap{position:relative;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-32deg)}
.cube-face{position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;border:1px solid #ffffff66;border-radius:var(--cube-radius);backface-visibility:hidden;overflow:hidden;text-align:center;color:#fff;font-size:clamp(16px,2.2vw,32px);font-weight:900;line-height:1.2;padding:8%;overflow-wrap:anywhere;background:#534689;box-shadow:inset 0 1px 2px #ffffff55,inset 0 -8px 20px #211b3855}
.cube-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cube-face img{border-radius:inherit}
.cube-front{transform:translateZ(var(--cube-half));background:#30283d}
.cube-front::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,transparent 38%,#ffffff0a 100%);border-radius:inherit}
.cube-back{transform:rotateY(180deg) translateZ(var(--cube-half));background:linear-gradient(145deg,#ffffff25,#ffffff08),rgba(75,59,103,.9);backdrop-filter:blur(5px) saturate(110%);font-size:clamp(13px,1.8vw,25px)}
.cube-left{transform:rotateY(-90deg) translateZ(var(--cube-half));background:linear-gradient(145deg,#ffffff25,#ffffff08),rgba(94,75,134,.9);backdrop-filter:blur(5px) saturate(110%)}
.cube-right{transform:rotateY(90deg) translateZ(var(--cube-half));background:linear-gradient(145deg,#ffffff25,#ffffff08),rgba(107,82,143,.9);backdrop-filter:blur(5px) saturate(110%)}
.cube-top{transform:rotateX(90deg) translateZ(var(--cube-half));background:linear-gradient(145deg,#ffffff2d,#ffffff0a),rgba(128,101,169,.9);backdrop-filter:blur(5px) saturate(110%);font-size:clamp(15px,2vw,28px)}
.cube-bottom{transform:rotateX(-90deg) translateZ(var(--cube-half));background:linear-gradient(145deg,#ffffff25,#ffffff08),rgba(63,51,93,.9);backdrop-filter:blur(5px) saturate(110%);font-size:clamp(14px,1.8vw,25px)}
.cube-left::before,.cube-right::before{position:absolute;top:10%;left:8%;right:8%;font-size:clamp(9px,.9vw,14px);letter-spacing:.12em;color:#e9defb}
.cube-left::before{content:"使用场次"}.cube-right::before{content:"英雄胜率"}
@media(max-width:1000px){.hero-art{--cube-size:min(32vw,300px);--cube-half:min(16vw,150px)}}
@media(max-width:680px){.hero-art{--cube-size:min(62vw,290px);--cube-half:min(31vw,145px);right:-100px;bottom:-50px;width:390px;min-height:390px;opacity:1}.cube-scene{height:390px}.cube-face{font-size:clamp(15px,4vw,22px)}.cube-back{font-size:clamp(12px,3.2vw,18px)}.cube-top,.cube-bottom{font-size:clamp(12px,3.5vw,18px)}}
@media(prefers-reduced-motion:reduce){.cube-wrap{transition:none!important}}
@media(max-width:680px){.hero{min-height:850px}.hero-grid{min-height:710px}.hero-art{right:0;bottom:20px;width:100%;min-height:350px}.cube-scene{height:350px}}
.section-head{grid-template-columns:minmax(0,1fr) auto}
.section-head p{max-width:220px}
.statement{grid-template-columns:minmax(0,1fr) 12%}
.closing::after,.best-hero::after{content:none}
@media(max-width:1000px){.section-head,.statement{grid-template-columns:1fr}}

/* Use the queried hero portrait's dominant image color throughout the report. */
.brand-mark,.lookup-row button,.number-card.featured,.statement,.best-hero,.closing-actions a{background:var(--theme-color);color:var(--theme-on-accent)}
.lookup-row button:hover,.closing-actions a:hover{background:color-mix(in srgb,var(--theme-color) 76%,white)}
.eyebrow i{background:var(--theme-color)}
.hero{background:color-mix(in srgb,var(--theme-color) 10%,#191a19)}
.hero::before{background:radial-gradient(circle at 62% 45%,color-mix(in srgb,var(--theme-color) 24%,#353735),#1a1b1a 62%)}
.hero h1 em,.pretitle,.side-arrow,.period,.total-intro strong,.winrate-row span:first-child,.winrate-row span:last-child,.map-rank,.companion-row span:first-child,.highlight-card span{color:color-mix(in srgb,var(--theme-color) 68%,white)}
.data-badge{border-color:color-mix(in srgb,var(--theme-color) 45%,#858680)}
.statement h2 em{color:var(--theme-on-accent)}
.closing{background:color-mix(in srgb,var(--theme-color) 11%,#1d1e1c)}
.closing blockquote{border-left-color:var(--theme-color)}
.best-hero::after{content:none}
.cube-front{background:var(--cube-color);color:var(--cube-on-accent)}
.cube-back{background:linear-gradient(145deg,#ffffff27,#ffffff08),color-mix(in srgb,var(--cube-color) 88%,transparent);color:var(--cube-on-accent)}
.cube-left{background:linear-gradient(145deg,#ffffff27,#ffffff08),color-mix(in srgb,var(--cube-color) 82%,transparent);color:var(--cube-on-accent)}
.cube-right{background:linear-gradient(145deg,#ffffff27,#ffffff08),color-mix(in srgb,var(--cube-color) 86%,transparent);color:var(--cube-on-accent)}
.cube-top{background:linear-gradient(145deg,#ffffff32,#ffffff08),color-mix(in srgb,var(--cube-color) 78%,transparent);color:var(--cube-on-accent)}
.cube-bottom{background:linear-gradient(145deg,#ffffff20,#ffffff08),color-mix(in srgb,var(--cube-color) 92%,transparent);color:var(--cube-on-accent)}
.cube-left::before,.cube-right::before{color:inherit;opacity:.7}

/* A continuous acrylic rim bridges the six clipped panels at every edge and corner. */
.cube-edge,.cube-corner{position:absolute;display:block;pointer-events:none;background:linear-gradient(125deg,#ffffff9c 0%,#ffffff32 15%,transparent 38%,#10151d38 85%),var(--cube-color);box-shadow:inset 2px 2px 4px #ffffff70,inset -3px -4px 7px #10151d65,0 0 2px #ffffff7a;backface-visibility:visible}
.cube-edge{height:calc(2 * var(--cube-radius));width:calc(var(--cube-size) - 2 * var(--cube-radius));left:var(--cube-radius);top:calc(50% - var(--cube-radius));border-radius:999px}
.cube-edge-x-ft{transform:translate3d(0,calc(-1 * var(--cube-joint)),var(--cube-joint))}.cube-edge-x-fb{transform:translate3d(0,var(--cube-joint),var(--cube-joint))}
.cube-edge-x-bt{transform:translate3d(0,calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)))}.cube-edge-x-bb{transform:translate3d(0,var(--cube-joint),calc(-1 * var(--cube-joint)))}
.cube-edge-y-fl{transform:translate3d(calc(-1 * var(--cube-joint)),0,var(--cube-joint)) rotateZ(90deg)}.cube-edge-y-fr{transform:translate3d(var(--cube-joint),0,var(--cube-joint)) rotateZ(90deg)}
.cube-edge-y-bl{transform:translate3d(calc(-1 * var(--cube-joint)),0,calc(-1 * var(--cube-joint))) rotateZ(90deg)}.cube-edge-y-br{transform:translate3d(var(--cube-joint),0,calc(-1 * var(--cube-joint))) rotateZ(90deg)}
.cube-edge-z-tl{transform:translate3d(calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)),0) rotateY(90deg)}.cube-edge-z-tr{transform:translate3d(var(--cube-joint),calc(-1 * var(--cube-joint)),0) rotateY(90deg)}
.cube-edge-z-bl{transform:translate3d(calc(-1 * var(--cube-joint)),var(--cube-joint),0) rotateY(90deg)}.cube-edge-z-br{transform:translate3d(var(--cube-joint),var(--cube-joint),0) rotateY(90deg)}
.cube-corner{width:calc(2 * var(--cube-radius));height:calc(2 * var(--cube-radius));left:calc(50% - var(--cube-radius));top:calc(50% - var(--cube-radius));border-radius:50%;background:radial-gradient(circle at 28% 23%,#ffffffc0 0%,#ffffff47 18%,transparent 52%,#11182755 100%),var(--cube-color)}
.cube-corner-ftl{transform:translate3d(calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)),var(--cube-joint))}.cube-corner-ftr{transform:translate3d(var(--cube-joint),calc(-1 * var(--cube-joint)),var(--cube-joint))}
.cube-corner-fbl{transform:translate3d(calc(-1 * var(--cube-joint)),var(--cube-joint),var(--cube-joint))}.cube-corner-fbr{transform:translate3d(var(--cube-joint),var(--cube-joint),var(--cube-joint))}
.cube-corner-btl{transform:translate3d(calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)))}.cube-corner-btr{transform:translate3d(var(--cube-joint),calc(-1 * var(--cube-joint)),calc(-1 * var(--cube-joint)))}
.cube-corner-bbl{transform:translate3d(calc(-1 * var(--cube-joint)),var(--cube-joint),calc(-1 * var(--cube-joint)))}.cube-corner-bbr{transform:translate3d(var(--cube-joint),var(--cube-joint),calc(-1 * var(--cube-joint)))}
.cube-face::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(122deg,#ffffff63 0%,#ffffff14 16%,transparent 32%,transparent 72%,#10182725 100%);box-shadow:inset 7px 7px 13px #ffffff36,inset -11px -12px 20px #1018273d}
.cube-front::after{background:linear-gradient(118deg,#ffffff47 0%,#ffffff12 13%,transparent 32%,transparent 75%,#1018272e 100%);box-shadow:inset 5px 5px 10px #ffffff36,inset -9px -11px 17px #10182735}
.cube-scene::after{content:"";position:absolute;width:calc(var(--cube-size) * 1.3);height:calc(var(--cube-size) * .28);border-radius:50%;background:#0305078c;filter:blur(24px);transform:translateY(calc(var(--cube-half) + 110px));pointer-events:none;z-index:-1}
@media(max-width:680px){.hero-art{--cube-radius:11px}}

/* Keep the same interactive cube beside the report after the opening panel. */
.cube-dock[hidden]{display:none}
.cube-dock{position:fixed;right:clamp(10px,2vw,24px);bottom:clamp(10px,2vw,24px);z-index:30;width:174px;height:174px;--cube-size:118px;--cube-half:59px;--cube-radius:10px;--cube-joint:calc(var(--cube-half) - var(--cube-radius) / 2);filter:drop-shadow(0 12px 18px #1118)}
.cube-dock .cube-scene{width:100%;height:100%}
.cube-dock .cube-scene::after{content:none}
.cube-dock .cube-face{font-size:16px}
.cube-dock .cube-back,.cube-dock .cube-top,.cube-dock .cube-bottom{font-size:12px}
.cube-dock .cube-left::before,.cube-dock .cube-right::before{font-size:8px}
@media(max-width:680px){.cube-dock{right:6px;bottom:8px;width:122px;height:122px;--cube-size:82px;--cube-half:41px;--cube-radius:8px}.cube-dock .cube-face{font-size:12px;padding:7%}.cube-dock .cube-back,.cube-dock .cube-top,.cube-dock .cube-bottom{font-size:9px}.cube-dock .cube-left::before,.cube-dock .cube-right::before{font-size:6px}}

/* Dominant portrait color and warm ivory form the report's two surfaces. */
body.has-report{background:var(--theme-color);color:var(--theme-on-accent)}
body.has-report .site-header,body.has-report .hero,body.has-report .winrates,body.has-report .closing,body.has-report .site-footer{background:var(--theme-color);color:var(--theme-on-accent)}
body.has-report .hero::before{background:radial-gradient(circle at 60% 42%,color-mix(in srgb,var(--theme-color) 82%,#f7f2e8),var(--theme-color) 64%)}
body.has-report .search-band,body.has-report .numbers,body.has-report .number-card,body.has-report .maps,body.has-report .heroes,body.has-report .companions,body.has-report .highlights,body.has-report .snapshot-note{background:#f7f2e8;color:#171816}
body.has-report .statement,body.has-report .best-hero,body.has-report .number-card.featured{background:var(--theme-color);color:var(--theme-on-accent)}
body.has-report .brand-mark,body.has-report .closing-actions a{background:#f7f2e8;color:#171816}
body.has-report .site-header nav a,body.has-report .brand-suffix,body.has-report .hero-lead,body.has-report .hero-player span,body.has-report .hero-side,body.has-report .closing>p,body.has-report .closing blockquote,body.has-report .site-footer,body.has-report .winrates .section-head p,body.has-report .winrate-heading{color:color-mix(in srgb,var(--theme-on-accent) 78%,var(--theme-color))}
body.has-report .site-header nav a:hover{color:var(--theme-on-accent)}
body.has-report .hero h1 em,body.has-report .pretitle,body.has-report .side-arrow,body.has-report .statement h2 em,body.has-report .winrate-row span:first-child,body.has-report .winrate-row span:last-child{color:var(--theme-on-accent)}
body.has-report .hero h1 em{opacity:.7}
body.has-report .hero-side strong{color:var(--theme-on-accent)}
body.has-report .data-badge,body.has-report .hero-player{border-color:color-mix(in srgb,var(--theme-on-accent) 48%,var(--theme-color));color:var(--theme-on-accent)}
body.has-report .period,body.has-report .total-intro strong,body.has-report .map-rank,body.has-report .companion-row span:first-child,body.has-report .highlight-card span{color:color-mix(in srgb,var(--theme-color) 55%,#171816)}
body.has-report .lookup-row button{background:var(--theme-color);color:var(--theme-on-accent)}
body.has-report .lookup-row button:hover,body.has-report .closing-actions a:hover{background:color-mix(in srgb,var(--theme-color) 30%,#f7f2e8);color:#171816}
body.has-report .winrate-heading{border-top-color:var(--theme-on-accent)}
body.has-report .winrate-row{border-top-color:color-mix(in srgb,var(--theme-on-accent) 36%,var(--theme-color))}
body.has-report .closing blockquote{border-left-color:var(--theme-on-accent)}
body.has-report .hero-avatar{border:0}