.dota-page{--ink:#172033;--muted:#69778b;--line:#d9e2e9;--soft:#f5f8fa;--red:#a23832;--red-soft:#faeeec;--green:#167861;--green-soft:#eaf6f2;color:var(--ink)}.dota-page *{box-sizing:border-box}.dota-page [hidden]{display:none!important}.dota-heading{margin:0 0 28px}.dota-eyebrow{margin:0 0 7px!important;color:var(--red)!important;font-size:11px!important;font-weight:900!important;letter-spacing:0!important}.dota-heading h1{margin:0 0 15px;color:#111827;font-size:44px;line-height:1.18;letter-spacing:0}.dota-heading>p:last-child{max-width:820px;margin:0;color:#59677b;font-size:18px;line-height:1.75}
.lookup-panel,.result,.guide,.loading{margin-bottom:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.lookup-panel{overflow:hidden}.lookup-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:var(--soft)}.modern-subpage .lookup-tabs button{height:52px;margin:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:#5f6e82;font-size:12px;font-weight:850;box-shadow:none}.modern-subpage .lookup-tabs button:last-child{border-right:0}.modern-subpage .lookup-tabs button.active{background:#fff;color:var(--red);box-shadow:inset 0 -3px var(--red)}.lookup-body{padding:25px}.lookup-body h2{margin:3px 0 5px;color:var(--ink);font-size:25px}.lookup-body>div:first-child>p:last-child{margin:0 0 18px;color:#768398;font-size:12px}.lookup-body label{display:block;margin:0 0 7px;color:#35455a;font-size:12px;font-weight:850}.lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.lookup-row input{width:100%;height:54px;margin:0;border:1px solid #c5d1dc!important;border-radius:7px!important;background:#fff!important;color:#18263a;font-size:15px;font-weight:700;box-shadow:none!important}.modern-subpage .lookup-row button{height:54px;margin:0;padding:0 23px;border:0;border-radius:7px;background:var(--red);color:#fff;font-size:13px;font-weight:900;box-shadow:none}.status{margin:14px 0 0!important;padding:11px 13px;border-radius:6px;background:#f0f4f7;color:#66758a;font-size:11px}.status.error{background:#fff0ee;color:#a33d37}.status.success{background:var(--green-soft);color:#17694f}.recent-searches{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.recent-searches>span{color:#7b8797;font-size:10px;font-weight:800}.modern-subpage .recent-searches button{min-height:31px;margin:0;padding:0 9px;border:1px solid #d6e0e8;border-radius:6px;background:#fff;color:#5f6d80;font-size:10px;box-shadow:none}.search-candidates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.modern-subpage .candidate{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;margin:0;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left;box-shadow:none}.candidate img{width:42px;height:42px;border-radius:6px;object-fit:cover}.candidate strong,.candidate span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate strong{font-size:11px}.candidate span{margin-top:3px;color:#8490a1;font-size:9px}.candidate b{color:var(--red);font-size:10px}
.loading{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px}.loading i{height:90px;border-radius:7px;background:#edf1f4;animation:pulse 1.1s ease-in-out infinite alternate}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}.loading i:nth-child(4){animation-delay:.45s}@keyframes pulse{to{background:#f9fafb}}
.result{overflow:hidden}.profile-bar{display:grid;grid-template-columns:78px minmax(0,1fr) auto auto;gap:15px;align-items:center;padding:22px;background:#20262d;color:#fff}.profile-bar img{width:72px;height:72px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#353d45;object-fit:cover}.profile-bar span,.profile-bar h2,.profile-bar p{margin:0;color:#fff}.profile-bar span{font-size:9px;font-weight:800;opacity:.65}.profile-bar h2{margin:3px 0;font-size:28px;line-height:1.2}.profile-bar p{font-size:10px;opacity:.65}.profile-bar a,.modern-subpage .profile-bar button{display:inline-grid;place-items:center;min-height:37px;margin:0;padding:0 11px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:800;box-shadow:none}.result-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--soft)}.modern-subpage .result-tabs button{height:52px;margin:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:#59697d;font-size:11px;font-weight:850;box-shadow:none}.modern-subpage .result-tabs button:last-child{border-right:0}.modern-subpage .result-tabs button.active{background:#fff;color:var(--red);box-shadow:inset 0 -3px var(--red)}.tab-panel{display:none;padding:20px}.tab-panel.active{display:block}.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.summary-cards article,.average-stats article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.summary-cards span,.summary-cards strong,.average-stats span,.average-stats strong{display:block}.summary-cards span,.average-stats span{color:#7a8798;font-size:9px}.summary-cards strong{margin-top:5px;color:var(--ink);font-size:19px}.summary-cards small{display:block;margin-top:3px;color:#8b96a5;font-size:8px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.overview-grid>section{padding:16px;border:1px solid var(--line);border-radius:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h3{margin:0;color:var(--ink);font-size:15px}.section-heading>span{color:#8a95a4;font-size:9px}.form-strip{display:flex;gap:7px;margin-top:15px}.form-strip span{display:grid;width:31px;height:31px;place-items:center;border-radius:6px;background:#edf1f4;color:#59677a;font-size:9px;font-weight:900}.form-strip .win{background:var(--green-soft);color:var(--green)}.form-strip .lose{background:var(--red-soft);color:var(--red)}.average-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.average-stats article{padding:10px}.average-stats strong{margin-top:3px;font-size:12px}.panel-heading{padding:0 0 15px;border-bottom:1px solid var(--line)}.panel-heading h3{font-size:22px}.match-list{margin:0 -20px -20px}.match-card{display:grid;grid-template-columns:50px minmax(130px,1.2fr) repeat(5,minmax(55px,.55fr));gap:9px;align-items:center;padding:13px 20px;border-bottom:1px solid #e1e7ed;border-left:4px solid #cbd5df}.match-card.win{border-left-color:var(--green)}.match-card.lose{border-left-color:#cc645d}.match-card img{width:44px;height:33px;border-radius:5px;object-fit:cover}.match-card b,.match-card span{display:block}.match-card b{color:#25364b;font-size:10px}.match-card span{margin-top:3px;color:#8490a1;font-size:8px}.match-card .result-label{font-size:11px;font-weight:900}.match-card.win .result-label{color:var(--green)}.match-card.lose .result-label{color:var(--red)}.empty{grid-column:1/-1;padding:28px;color:#778599;font-size:11px;text-align:center}.hero-list,.peer-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.hero-card,.peer-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fff}.hero-card img,.peer-card img{width:64px;height:48px;border-radius:6px;background:var(--soft);object-fit:cover}.peer-card img{height:64px}.hero-card strong,.hero-card span,.peer-card strong,.peer-card span{display:block}.hero-card strong,.peer-card strong{overflow:hidden;color:#27384d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hero-card span,.peer-card span{margin-top:5px;color:#8490a1;font-size:9px}.progress{height:5px;margin-top:7px;border-radius:5px;background:#e8edf1;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}
.guide{padding:26px}.guide header h2{margin:0;color:var(--ink);font-size:27px}.guide header>p:last-child{margin:9px 0 0;color:#657489;font-size:13px;line-height:1.75}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:17px}.guide-grid article{padding:18px 0;border-top:1px solid #e0e7ed}.guide-grid h3{margin:0 0 6px;color:#27384c;font-size:14px}.guide-grid p{margin:0;color:#66758a;font-size:12px;line-height:1.75}.metric-guide{margin:14px 0 20px}.metric-guide>h3{margin:0 0 10px;color:#27384c;font-size:16px}.metric-table{overflow:hidden;border:1px solid #dbe3e9;border-radius:7px}.metric-row{display:grid;grid-template-columns:minmax(74px,.55fr) minmax(160px,1.25fr) minmax(180px,1.5fr);border-top:1px solid #e3e9ee}.metric-row:first-child{border-top:0}.metric-row>span,.metric-row>strong{padding:12px 13px;color:#617085;font-size:11px;line-height:1.6}.metric-row>strong{color:#27384c}.metric-head{background:#f1f4f6}.metric-head>span{color:#405167;font-weight:850}.guide-note{margin:0 0 16px;padding:16px;border-left:3px solid var(--green);background:#f1f8f5}.guide-note strong{display:block;margin-bottom:5px;color:#1d624f;font-size:12px}.guide-note p{margin:0;color:#5f7080;font-size:11px;line-height:1.75}.official{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #e4d4d1;border-radius:7px;background:#fcf5f3;font-size:10px}.official a{color:var(--red);font-weight:850}
@media(max-width:760px){.dota-heading h1{font-size:34px}.dota-heading>p:last-child{font-size:15px}.lookup-body,.guide{padding:18px}.profile-bar{grid-template-columns:58px minmax(0,1fr)}.profile-bar img{width:54px;height:54px}.profile-bar>a,.profile-bar>button{grid-row:2;min-width:0}.result-tabs{grid-template-columns:repeat(2,1fr)}.result-tabs button:nth-child(2){border-right:0}.summary-cards{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.match-card{grid-template-columns:44px minmax(110px,1fr) repeat(2,minmax(48px,.6fr));padding:12px}.match-card>div:nth-child(n+5){display:none}.hero-list,.peer-list{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:70px minmax(0,1fr)}.metric-row>span,.metric-row>strong{padding:10px;font-size:10px}.metric-row>span:last-child{grid-column:1/-1;padding-top:0;color:#7c8897}.metric-head>span:last-child{display:none}.official{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.lookup-row{grid-template-columns:1fr}.modern-subpage .lookup-row button{width:100%}.search-candidates{grid-template-columns:1fr}.profile-bar>a,.profile-bar>button{grid-row:auto;grid-column:1/-1;width:100%}.tab-panel{padding:14px}.match-list{margin:0 -14px -14px}.match-card{grid-template-columns:40px minmax(105px,1fr) 50px;padding:11px 14px}.match-card>div:nth-child(n+4){display:none}.average-stats{grid-template-columns:repeat(2,1fr)}}