:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f6f8;background:#101115;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.dashboard{min-height:100vh}.site-header{border-bottom:1px solid #25262c;background:#131418}.site-header__inner{width:min(100% - 48px,1200px);min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#fff;font-size:27px;font-weight:850;letter-spacing:-1.5px;text-decoration:none}.brand__dot{color:#a855f7}.site-header__subtitle{color:#747680;font-size:10px;font-weight:750;letter-spacing:2px}.dashboard__main{width:min(100% - 48px,1200px);margin:0 auto;padding:52px 0 28px}.dashboard__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 11px;color:#898b96;font-size:10px;font-weight:750;letter-spacing:1.8px}h1{margin:0;font-size:clamp(28px,4vw,38px);font-weight:760;letter-spacing:-1.5px;line-height:1.2}.dashboard__description{margin:10px 0 0;color:#888a95;font-size:13px}.period-switch{display:flex;flex-shrink:0;gap:4px;padding:5px;border:1px solid #292a31;border-radius:12px;background:#1a1b21}.period-switch button{min-height:36px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#92949e;cursor:pointer;font-size:12px;font-weight:650;transition:background .15s,color .15s}.period-switch button:hover{color:#fff}.period-switch button.is-active{background:#363741;color:#fff}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.player-card{--player-accent: #555b66;position:relative;display:flex;flex-direction:column;min-width:0;min-height:335px;overflow:hidden;padding:24px;border:1px solid #34353c;border-radius:18px;background:radial-gradient(ellipse at 55% 0%,color-mix(in srgb,var(--player-accent) 13%,transparent),transparent 73%),linear-gradient(160deg,color-mix(in srgb,var(--player-accent) 8%,#1c1d23),#1b1c22 85%)}.player-card--active{border-color:color-mix(in srgb,var(--player-accent) 27%,#34353c)}.player-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.player-card__top h3{margin:0;font-size:19px;font-weight:760;letter-spacing:-.6px}.player-card__lifetime{margin:7px 0 0;color:#9799a3;font-size:11px}.player-card__indicator{width:9px;height:9px;flex-shrink:0;margin-top:7px;border-radius:50%;background:var(--player-accent)}.player-card__primary{display:flex;flex-direction:column;align-items:flex-start;margin:33px 0 28px}.stat-label{color:#989aa5;font-size:11px;font-weight:550}.player-card__primary strong{margin-top:5px;color:#fff;font-size:clamp(43px,4vw,55px);font-weight:780;letter-spacing:-2.8px;line-height:1.1}.player-card__classification{min-height:16px;margin-top:8px;color:#a6a8b1;font-size:11px}.player-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:20px;border-top:1px solid #ffffff15}.player-card__stats>div{display:flex;flex-direction:column;gap:8px}.player-card__stats strong{color:#f6f6f8;font-size:19px;font-weight:720;letter-spacing:-.5px}.player-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:23px;color:#858792;font-size:10px}.player-card__footer span:last-child{color:#a5a7b0;font-size:17px}.dashboard__message,.dashboard__error{padding:30px 0;color:#a5a7b0;font-size:14px}.dashboard__error{color:#fca5a5}.dashboard__footer{display:flex;justify-content:space-between;gap:16px;margin-top:35px;padding-top:20px;border-top:1px solid #24252c;color:#666873;font-size:11px}@media(max-width:900px){.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.site-header__inner,.dashboard__main{width:min(100% - 32px,1200px)}.site-header__inner{min-height:65px}.site-header__subtitle{font-size:9px;letter-spacing:1px}.dashboard__main{padding-top:32px}.dashboard__heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:22px}.period-switch{width:100%}.period-switch button{flex:1}.player-grid{grid-template-columns:1fr;gap:12px}.player-card{min-height:305px;padding:22px}.player-card__primary{margin:26px 0 24px}.player-card__primary strong{font-size:49px}.dashboard__footer{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}.player-detail__back{margin:0 0 32px;padding:0;border:0;background:none;color:#a4a6b1;font-size:13px;cursor:pointer}.player-detail__back:hover{color:#fff}.player-detail__heading{margin-bottom:28px}.player-detail__summary{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:36px;padding:32px;border:1px solid color-mix(in srgb,var(--player-accent) 25%,#34353c);border-radius:18px;background:radial-gradient(ellipse at 15% 0%,color-mix(in srgb,var(--player-accent) 16%,transparent),transparent 75%),#1b1c22}.player-detail__main-stat{display:flex;flex-direction:column;align-items:flex-start}.player-detail__main-stat strong{margin:8px 0;color:#fff;font-size:clamp(42px,5vw,62px);font-weight:780;letter-spacing:-3px;line-height:1}.player-detail__main-stat>span:last-child{color:#a6a8b1;font-size:12px}.player-detail__summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.player-detail__summary-stats>div{display:flex;flex-direction:column;gap:10px}.player-detail__summary-stats strong{color:#fff;font-size:clamp(19px,2vw,25px);font-weight:740;letter-spacing:-.6px}.player-detail__section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:42px 0 18px}.player-detail__section-heading h2{margin:0;font-size:23px;font-weight:740;letter-spacing:-.7px}.player-detail__section-heading>span{color:#898b96;font-size:12px}.tank-table-wrap{overflow-x:auto;border:1px solid #303139;border-radius:16px;background:#1b1c22}.tank-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.tank-table th{padding:17px 22px;border-bottom:1px solid #303139;color:#92949e;font-size:11px;font-weight:650}.tank-table td{padding:15px 22px;border-bottom:1px solid #ffffff0d;color:#f0f1f4;font-size:13px}.tank-table tbody tr:last-child td{border-bottom:0}.tank-table tbody tr:hover{background:#ffffff07}.tank-name{display:block;font-weight:680}.tank-meta{display:block;margin-top:5px;color:#858792;font-size:11px}.tank-wn8{display:inline-block;padding:6px 10px;border:1px solid color-mix(in srgb,var(--tank-accent) 28%,transparent);border-radius:7px;background:color-mix(in srgb,var(--tank-accent) 12%,transparent);color:#fff;font-weight:740}.player-card[role=button]{cursor:pointer;transition:border-color .15s,transform .15s}.player-card[role=button]:hover{border-color:color-mix(in srgb,var(--player-accent) 55%,#555b66);transform:translateY(-2px)}.player-card[role=button]:focus-visible{outline:2px solid #a855f7;outline-offset:4px}@media(max-width:700px){.player-detail__summary{grid-template-columns:1fr;gap:28px;padding:24px}.player-detail__summary-stats{padding-top:24px;border-top:1px solid #ffffff15}.tank-table th,.tank-table td{padding-right:16px;padding-left:16px}}@media(max-width:400px){.player-detail__summary-stats{gap:10px}.player-detail__summary-stats strong{font-size:17px}}.dashboard__main:has(.player-detail){padding-top:24px}.player-detail__back{margin-bottom:20px;transition:color .15s}.tank-table th button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer;transition:color .15s}.tank-table th button:hover,.tank-table th button:focus-visible{color:#fff}.tank-table th button:focus-visible{outline:2px solid #a855f7;outline-offset:5px;border-radius:2px}.tank-table th[aria-sort=ascending],.tank-table th[aria-sort=descending]{color:#f5f6f8}@media(max-width:620px){.dashboard__main:has(.player-detail){padding-top:18px}.player-detail__back{margin-bottom:18px}}.player-card{min-height:0;padding:18px;border-radius:14px}.player-card__top{align-items:flex-start;gap:10px}.player-card__identity{min-width:0}.player-card__top h3{font-size:16px}.player-card__lifetime{margin-top:4px;font-size:10px}.player-card__primary{flex-shrink:0;align-items:flex-end;margin:0;text-align:right}.player-card__primary strong{margin:0;font-size:29px;letter-spacing:-1.2px;line-height:1}.player-card__classification{min-height:0;margin-top:4px;font-size:10px}.player-card__primary .stat-label{margin-top:3px;font-size:9px}.player-card__stats{gap:8px;margin-top:15px;padding-top:12px}.player-card__stats>div{gap:5px}.player-card__stats .stat-label{font-size:10px}.player-card__stats strong{font-size:15px}.player-card__warning{margin:9px 0 0;color:#d6a66a;font-size:10px}@media(max-width:620px){.dashboard__main{padding-top:20px}.dashboard__heading{gap:14px;margin-bottom:16px}.dashboard__description{margin-top:5px}.player-grid{gap:9px}.player-card{min-height:0;padding:15px 17px}.player-card__primary{margin:0}.player-card__primary strong{font-size:29px}.dashboard__footer{margin-top:20px}}.player-card__top h3{font-size:20px;line-height:1.2}@media(max-width:620px){.player-card__top h3{font-size:20px}}.player-card__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.player-card__stats>div:nth-child(1){justify-self:start}.player-card__stats>div:nth-child(2){justify-self:center}.player-card__stats>div:nth-child(3){justify-self:end}.player-card__stats>div{text-align:left}.player-detail__summary{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:20px}.player-detail__identity{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;min-width:0}.player-detail__name{flex:1;min-width:0}.player-detail__name h1{margin:0;overflow-wrap:anywhere;font-size:21px;letter-spacing:-.7px;line-height:1.2}.player-detail__name>span{display:block;margin-top:5px;color:#9799a3;font-size:11px}.player-detail__main-stat{flex-shrink:0;align-items:flex-end;text-align:right}.player-detail__main-stat strong{margin:0;font-size:30px;letter-spacing:-1.2px;line-height:1}.player-detail__main-stat>span:last-child{margin-top:5px;font-size:10px}.player-detail__summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px;border-top:1px solid #ffffff15}.player-detail__summary-stats>div{gap:7px;justify-self:start;width:100%;text-align:center}.player-detail__summary-stats>div:nth-child(2){justify-self:center}.player-detail__summary-stats>div:nth-child(3){justify-self:end}.player-detail__summary-stats strong{font-size:17px}@media(max-width:700px){.player-detail__summary{gap:20px;padding:17px}.player-detail__summary-stats{padding-top:15px}}.tank-mobile-list{display:none}@media(max-width:700px){.tank-table-wrap{display:none}.tank-mobile-list{display:block;overflow:hidden;border:1px solid #303139;border-radius:16px;background:#1b1c22}.tank-mobile-row{border-bottom:1px solid #ffffff12}.tank-mobile-row:last-child{border-bottom:0}.tank-mobile-row__summary{display:flex;align-items:center;gap:12px;padding:15px 14px;cursor:pointer;list-style:none}.tank-mobile-row__summary::-webkit-details-marker{display:none}.tank-mobile-row__identity{display:flex;flex:1;flex-direction:column;min-width:0;gap:5px}.tank-mobile-row__identity strong{color:#f0f1f4;font-size:13px;font-weight:680;overflow-wrap:anywhere}.tank-mobile-row__identity>span{color:#858792;font-size:11px}.tank-mobile-row__wn8{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:3px}.tank-mobile-row__wn8 strong{color:var(--tank-accent);font-size:17px;font-weight:750}.tank-mobile-row__wn8 span{color:#858792;font-size:10px}.tank-mobile-row__chevron{color:#858792;font-size:13px;transition:transform .15s}.tank-mobile-row[open] .tank-mobile-row__chevron{transform:rotate(180deg)}.tank-mobile-row__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 14px;padding:14px 0 16px;border-top:1px solid #ffffff12}.tank-mobile-row__details>div{display:flex;flex-direction:column;gap:6px}.tank-mobile-row__details span{color:#92949e;font-size:11px}.tank-mobile-row__details strong{color:#f5f6f8;font-size:16px}.player-detail__section-heading{margin-top:26px}}.tank-mobile-sort{display:none}@media(max-width:700px){.tank-mobile-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.tank-mobile-sort label{flex-shrink:0;color:#92949e;font-size:11px}.tank-mobile-sort select{min-width:0;max-width:190px;padding:9px 28px 9px 12px;border:1px solid #34353c;border-radius:9px;background:#1b1c22;color:#f5f6f8;font:inherit;font-size:12px;cursor:pointer}.tank-mobile-sort select:focus-visible{outline:2px solid #a855f7;outline-offset:2px}}.player-card__primary strong,.player-detail__main-stat strong{color:var(--player-accent, #f5f6f8);text-shadow:0 0 10px color-mix(in srgb,var(--player-accent, #f5f6f8) 38%,transparent),0 0 24px color-mix(in srgb,var(--player-accent, #f5f6f8) 18%,transparent)}.tank-mobile-row__wn8 strong,.tank-mobile-row__details .tank-mobile-row__detail-wn8 strong{color:var(--tank-accent, #f5f6f8);text-shadow:0 0 8px color-mix(in srgb,var(--tank-accent, #f5f6f8) 42%,transparent),0 0 18px color-mix(in srgb,var(--tank-accent, #f5f6f8) 20%,transparent)}.tank-wn8{color:var(--tank-accent, #f5f6f8);text-shadow:0 0 8px color-mix(in srgb,var(--tank-accent, #f5f6f8) 35%,transparent)}.player-detail__summary{gap:12px}.player-detail__name h1{font-size:30px;line-height:1;letter-spacing:-1.2px}.player-detail__summary-stats{padding-top:13px}.player-detail__tank-count{margin:14px 0 0;color:#858792;font-size:12px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.player-detail__summary{gap:12px}.player-detail__name h1{font-size:30px}.player-detail__summary-stats{padding-top:13px}.tank-mobile-sort{justify-content:flex-end}}
