/* ---------- Page shell ---------- */
.player-v3-page,.player-v3-page *,.player-v3-page *::before,.player-v3-page *::after{box-sizing:border-box}
.player-v3-page button{font-family:inherit}
.player-v3-hero,.v3-card,.identity-mini-kpis,.role-kpi-strip,.player-granular-card,.granular-grid,.granular-panel,.v3-main-grid,.v3-bottom-grid{min-width:0}
.v3-card,.player-granular-card,.granular-panel{max-width:100%}

.identity-card{display:flex;align-items:center;gap:20px;min-height:300px;min-width:0;border-radius:22px;padding:18px 28px;border:1px solid rgba(77,166,255,.14);background:linear-gradient(145deg,rgba(15,23,42,.5),rgba(3,8,20,.32));box-shadow:0 22px 55px rgba(0,0,0,.22)}
.identity-name-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}
.player-mark-wrap{position:relative;flex:0 0 auto}
.player-mark{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-family:Orbitron,system-ui,sans-serif;font-size:38px;font-weight:950;color:#06111f;background:linear-gradient(135deg,rgba(96,165,250,.95),rgba(37,99,235,.85) 45%,rgba(14,165,233,.8));border:2px solid rgba(77,166,255,.55);box-shadow:0 0 35px rgba(77,166,255,.35),inset 0 0 30px rgba(255,255,255,.2);text-shadow:0 2px 0 rgba(255,255,255,.28)}
.online-dot{position:absolute;right:3px;bottom:10px;z-index:5;width:20px;height:20px;border-radius:50%;background:#22c55e;border:4px solid #08111f;box-shadow:0 0 18px rgba(34,197,94,.8)}
.identity-copy{min-width:0;flex:1}
.v3-kicker{margin:0 0 10px;color:#60a5fa;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950}
#player-name-v3{display:block;width:100%;white-space:nowrap;line-height:1.02;padding-bottom:3px;overflow:visible;margin:0;font-size:54px;font-weight:950;letter-spacing:-1.2px;background:linear-gradient(90deg,#fff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.elo-line,.record-line,.steam-line{margin-top:7px;color:#cbd5e1;font-size:18px;font-weight:900;white-space:nowrap}
.steam-line{font-size:12px;color:#7dd3fc;letter-spacing:.04em;opacity:.9}
.player-profile-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.player-profile-link{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid rgba(96,165,250,.28);border-radius:8px;background:rgba(37,99,235,.12);color:#93c5fd;font-size:12px;font-weight:950;text-decoration:none;letter-spacing:.02em}
.player-profile-link:hover,.player-profile-link:focus-visible{border-color:rgba(125,211,252,.5);color:#e0f2fe}
.elo-line strong,.record-line strong{color:#93c5fd}
.record-line .good{color:#34d399}
.identity-mini-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.identity-mini-kpi{min-width:0;min-height:58px;display:grid;align-content:center;gap:4px;padding:8px 12px;border:1px solid rgba(77,166,255,.14);border-radius:12px;background:linear-gradient(145deg,rgba(15,23,42,.66),rgba(3,8,20,.42))}
.identity-mini-kpi span{display:block;color:#8ea0c7;font-size:9px;font-weight:950;line-height:1.1;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-mini-kpi strong{display:flex;align-items:baseline;gap:4px;color:var(--text);font-size:17px;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-mini-kpi .kpi-subpct{font-size:10px;margin-left:1px;color:var(--muted)!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* ---------- Cards / shared ---------- */
.v3-card{border-radius:22px;padding:22px}
.v3-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.v3-card-header h2{margin:0;color:#dbeafe;font-size:18px;font-weight:950}
.v3-card-header span{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}
.hero-elo-card{height:100%;min-height:300px}
.hero-chart-wrap{height:235px}
.v3-chart-wrap{height:290px}
.good{color:#34d399!important}.bad{color:#ff5c5c!important}.blue{color:#38bdf8!important}.purple{color:#a855f7!important}.gold{color:#facc15!important}.muted{color:var(--muted)!important}
.empty-v3{color:var(--muted);font-size:13px;font-weight:800;padding:12px;border:1px dashed rgba(77,166,255,.2);border-radius:14px;text-align:center}
.kpi-subpct{
  display:inline-block;
  font-size:14px;
  opacity:.75;
  font-weight:700;
  margin-left:0;
  vertical-align:middle;
  white-space:nowrap;
}

/* ---------- Role event profile ---------- */
.role-kpi-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.role-kpi-strip>.empty-v3{grid-column:1 / -1}
.role-kpi-panel{min-width:0;border:1px solid rgba(77,166,255,.14);border-radius:14px;padding:10px;background:rgba(3,8,20,.28)}
.role-kpi-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.role-kpi-title h3{margin:0;color:#e0f2fe;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.role-class-pills{min-width:0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.role-class-empty{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;text-align:right}
.role-class-pill{min-width:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(77,166,255,.18);border-radius:999px;background:rgba(3,8,20,.45);color:#9fb3d1;padding:6px 9px;font:inherit;cursor:pointer}
.role-class-pill span{min-width:0;color:#dbeafe;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.role-class-pill small{color:#64748b;font-size:9px;font-weight:950;line-height:1;white-space:nowrap}
.role-class-pill:hover,.role-class-pill.active{border-color:rgba(56,189,248,.55);background:linear-gradient(90deg,rgba(14,165,233,.22),rgba(34,211,238,.14));box-shadow:0 0 18px rgba(56,189,248,.14)}
.role-class-pill.active span,.role-class-pill:hover span{color:#67e8f9}
.role-class-pill.active small,.role-class-pill:hover small{color:#c7d2fe}
.role-kpi-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.role-kpi-metrics div{min-width:0;border:1px solid rgba(77,166,255,.13);border-radius:10px;padding:8px;background:rgba(15,23,42,.45)}
.role-kpi-metrics span{display:block;color:var(--muted);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.role-kpi-metrics strong{display:block;margin-top:4px;color:var(--text);font-size:14px;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-kpi-metrics small{color:#8ea0c7;font-size:10px;font-weight:950}
.role-kpi-metrics .role-kpi-wide{grid-column:span 3}
.role-kpi-offense .role-kpi-metrics .role-kpi-wide,
.role-kpi-defense .role-kpi-metrics .role-kpi-wide{grid-column:span 1}
.role-kpi-metrics strong .weapon-short{display:inline;color:var(--text);font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none}
.role-kpi-offense .role-kpi-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.role-kpi-defense .role-kpi-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.role-kpi-offense .role-kpi-wide strong,
.role-kpi-defense .role-kpi-wide strong{font-size:13px}
.role-kpi-offense .role-kpi-wide small,
.role-kpi-defense .role-kpi-wide small{display:block;margin-top:2px;font-size:9px}
.role-kpi-metrics .role-skill-tile{
  padding:11px 12px;
  border-color:rgba(56,189,248,.34);
  background:linear-gradient(145deg,rgba(14,165,233,.16),rgba(15,23,42,.55));
  box-shadow:inset 0 0 24px rgba(56,189,248,.05),0 0 18px rgba(56,189,248,.05);
}
.role-kpi-metrics .role-skill-tile span{
  color:#bae6fd;
  font-size:11px;
  letter-spacing:.1em;
}
.role-kpi-metrics .role-skill-tile strong{
  margin-top:6px;
  font-family:Orbitron,Inter,system-ui,sans-serif;
  font-size:22px;
  line-height:1;
}
.role-kpi-metrics .role-skill-frags{border-color:rgba(34,211,238,.42)}
.role-kpi-metrics .role-skill-frags strong,.role-kpi-metrics .role-skill-frags span{color:#67e8f9}
.role-kpi-metrics .role-skill-touches{border-color:rgba(52,211,153,.4);background:linear-gradient(145deg,rgba(16,185,129,.14),rgba(15,23,42,.55))}
.role-kpi-metrics .role-skill-touches strong,.role-kpi-metrics .role-skill-touches span{color:#6ee7b7}
.role-kpi-metrics .role-skill-sg{border-color:rgba(250,204,21,.38);background:linear-gradient(145deg,rgba(250,204,21,.12),rgba(15,23,42,.55))}
.role-kpi-metrics .role-skill-sg strong,.role-kpi-metrics .role-skill-sg span{color:#fde047}
.role-kpi-metrics .role-skill-conced{border-color:rgba(248,113,113,.42);background:linear-gradient(145deg,rgba(239,68,68,.14),rgba(15,23,42,.55))}
.role-kpi-metrics .role-skill-conced strong,.role-kpi-metrics .role-skill-conced span{color:#fca5a5}
.role-kpi-metrics .role-skill-fc{border-color:rgba(168,85,247,.42);background:linear-gradient(145deg,rgba(168,85,247,.14),rgba(15,23,42,.55))}
.role-kpi-metrics .role-skill-fc strong,.role-kpi-metrics .role-skill-fc span{color:#c4b5fd}

/* ---------- Player V4 granular ---------- */
.granular-empty{color:var(--muted);font-size:12px;font-weight:850;padding:12px;border:1px dashed rgba(77,166,255,.17);border-radius:12px;text-align:center}
.player-granular-card{margin-bottom:16px}
.player-granular-header{align-items:flex-start}
.granular-controls{display:grid;grid-template-columns:auto minmax(150px,230px) auto minmax(210px,320px) auto minmax(170px,240px) auto auto;align-items:center;gap:8px}
.granular-controls label{color:#7dd3fc;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.granular-controls input,.granular-controls select{min-width:0;border:1px solid rgba(77,166,255,.22);background:rgba(3,8,20,.5);color:#dbeafe;border-radius:999px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:850;outline:none}
.granular-controls select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7dd3fc 50%),linear-gradient(135deg,#7dd3fc 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}
.granular-controls select:disabled{opacity:.55;cursor:not-allowed}
.granular-controls input:focus,.granular-controls select:focus{border-color:rgba(56,189,248,.58);box-shadow:0 0 18px rgba(56,189,248,.18)}
.granular-controls button,.granular-load-more{border:1px solid rgba(77,166,255,.22);background:rgba(3,8,20,.48);color:#cbd5e1;border-radius:999px;padding:8px 12px;font-family:inherit;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.granular-controls button:hover,.granular-load-more:hover{color:#06111f;background:linear-gradient(90deg,#38bdf8,#22d3ee);border-color:transparent;box-shadow:0 0 16px rgba(56,189,248,.22)}
.granular-overview-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,2fr);gap:12px;margin-bottom:14px;align-items:stretch}
.granular-context-column{min-width:0;display:grid}
.granular-role-column{min-width:0;display:grid;gap:10px}
.granular-role-column .role-kpi-strip{grid-template-columns:1fr;gap:10px;margin-bottom:0}
.granular-role-column .role-kpi-panel{padding:12px}
.granular-role-column .role-kpi-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.granular-map-record-card{position:relative;isolation:isolate;min-width:0;min-height:328px;display:grid;align-content:end;border:1px solid rgba(77,166,255,.26);background:radial-gradient(circle at 50% 0%,rgba(77,166,255,.18),transparent 60%),linear-gradient(145deg,rgba(30,41,59,.94),rgba(8,13,26,.96));border-radius:18px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.32)}
.granular-map-thumb-wrap{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(77,166,255,.18),transparent 60%),linear-gradient(145deg,rgba(30,41,59,.94),rgba(8,13,26,.96))}
.granular-map-image{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transform:scale(1.02)}
.granular-map-thumb-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,13,.12),rgba(5,7,13,.72)),radial-gradient(circle at 0 0,rgba(77,166,255,.16),transparent 50%);pointer-events:none}
.granular-map-image-fallback{display:none;position:absolute;inset:0;z-index:2}
.granular-map-thumb-wrap.no-image .granular-map-image{display:none}
.granular-map-thumb-wrap.no-image .granular-map-image-fallback{display:block}
.granular-map-copy{position:relative;z-index:1;padding:18px}
.granular-map-copy>span,.granular-map-record>span,.granular-summary-mini-grid span{display:block;color:#8ea0c7;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.granular-map-name{display:block;min-width:0;margin-top:8px;color:#e0f2fe;font-size:34px;font-weight:950;line-height:1.02;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 24px rgba(77,166,255,.22)}
.granular-map-record{display:grid;gap:8px}
.granular-map-record .granular-record-kpi{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}
.granular-map-record .granular-record-kpi span{display:grid;gap:3px;color:var(--text);font-size:inherit;letter-spacing:0;text-transform:none}
.granular-map-record .granular-record-kpi b{font-size:32px}
.granular-summary-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.granular-summary-mini-grid div{min-width:0;min-height:74px;border:1px solid rgba(77,166,255,.14);background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(3,8,20,.42));border-radius:14px;padding:12px;display:grid;align-content:center}
.granular-summary-mini-grid strong{display:block;margin-top:5px;color:var(--text);font-size:20px;font-weight:950;line-height:1}
.granular-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.granular-summary-strip div{min-width:0;border:1px solid rgba(77,166,255,.14);background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(3,8,20,.42));border-radius:14px;padding:12px}
.granular-summary-strip span{display:block;color:#8ea0c7;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.granular-summary-strip strong{display:block;margin-top:5px;color:var(--text);font-size:20px;font-weight:950;line-height:1}
.granular-record-kpi{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}
.granular-summary-strip .granular-record-kpi span{display:grid;gap:3px;color:var(--text);font-size:inherit;letter-spacing:0;text-transform:none}
.granular-record-kpi b{display:block;color:var(--text);font-size:20px;font-weight:950;line-height:1}
.granular-record-kpi em{display:block;color:#8ea0c7;font-style:normal;font-size:9px;font-weight:950;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.granular-grid{--granular-panel-height:388px;display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr) minmax(220px,1fr);gap:14px;align-items:start}
.granular-panel{min-width:0;padding:14px;display:flex;flex-direction:column}
.granular-panel-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.granular-panel-head h3{margin:0;color:#e0f2fe;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.granular-panel-head span{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;text-align:right}
.granular-panel-help{flex:0 0 auto;margin:-4px 0 12px;color:#7f8faa;font-size:10px;font-weight:800;line-height:1.35}
.granular-panel-scroll{min-height:0;overflow-y:auto;padding-right:4px}
.granular-class-panel{height:var(--granular-panel-height)!important;min-height:var(--granular-panel-height)!important;max-height:var(--granular-panel-height)!important;overflow:hidden}
.granular-victim-panel,.granular-alias-panel{height:var(--granular-panel-height)!important;min-height:var(--granular-panel-height)!important;max-height:var(--granular-panel-height)!important;overflow:hidden}
.granular-class-panel{border-top:2px solid rgba(56,189,248,.48)}
.granular-victim-panel{border-top:2px solid rgba(244,114,182,.42)}
.granular-alias-panel{border-top:2px solid rgba(168,85,247,.42)}
.granular-class-panel .granular-panel-scroll,.granular-victim-panel .granular-panel-scroll,.granular-alias-panel .granular-panel-scroll{flex:1 1 auto;overflow-y:auto}
.granular-group,.granular-mini-block{display:grid;gap:7px;margin-bottom:10px;padding:10px;border:1px solid rgba(77,166,255,.12);border-radius:13px;background:rgba(3,8,20,.28)}
.granular-group:last-child,.granular-mini-block:last-child{margin-bottom:0}
.granular-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.granular-group-head strong{min-width:0;color:#7dd3fc;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-group-head span{color:var(--muted);font-size:10px;font-weight:950;white-space:nowrap}
.granular-role-block{display:grid;gap:7px;margin-bottom:10px}
.granular-role-block:last-child{margin-bottom:0}
.granular-role-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:1px solid rgba(77,166,255,.13);border-radius:11px;background:rgba(15,23,42,.35);color:inherit;font:inherit;text-align:left;cursor:pointer}
.granular-role-head::-moz-focus-inner{border:0}
.granular-role-block.open .granular-role-head{border-color:rgba(56,189,248,.28);background:rgba(15,23,42,.5)}
.granular-role-body{display:grid;gap:7px}
.granular-role-body[hidden]{display:none!important}
.granular-role-head strong{color:#e0f2fe;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.granular-role-head span{color:#8ea0c7;font-size:10px;font-weight:950;white-space:nowrap}
.granular-list{display:grid;gap:7px}
.granular-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(77,166,255,.11);border-radius:11px;background:rgba(3,8,20,.32)}
.granular-row span{min-width:0}
.granular-row b{display:block;min-width:0;color:var(--text);font-size:12px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-player-link{color:inherit;text-decoration:none}
.granular-player-link:hover,.granular-player-link:focus-visible{color:#7dd3fc;text-shadow:0 0 12px rgba(56,189,248,.28)}
.granular-row small{display:block;margin-top:3px;color:#7f8faa;font-size:9px;font-weight:850;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-row strong{color:#dbeafe;font-size:12px;font-weight:950;text-align:right;white-space:nowrap}
.granular-drill-row{cursor:pointer}
.granular-drill-row:hover,.granular-drill-row:focus-visible{border-color:rgba(56,189,248,.42);background:rgba(14,165,233,.08);outline:none}
.granular-victim-row{cursor:pointer}
.granular-victim-row:hover,.granular-victim-row:focus-visible,.granular-victim-row.active{border-color:rgba(244,114,182,.42);background:rgba(244,114,182,.08);outline:none}
.granular-weapon-row.active{border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.1)}
.granular-inline-drilldown{display:grid;gap:8px;margin:-2px 0 10px 20px;padding:9px 0 0 12px;border-left:2px solid rgba(56,189,248,.32)}
.granular-inline-events{display:grid;gap:7px;max-height:300px;overflow-y:auto;padding-right:4px}
.granular-inline-event-list{display:grid;gap:7px}
.granular-inline-event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(77,166,255,.12);border-radius:10px;background:rgba(15,23,42,.38)}
.granular-inline-event-meta{min-width:0;color:#cbd5e1;font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-weapon-cell{display:flex;align-items:center;gap:9px}
.granular-weapon-stats{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;text-align:right}
.granular-weapon-stats b{display:inline;color:#dbeafe;font-size:11px;font-weight:950;white-space:nowrap}
.granular-weapon-stats b:not(:first-child){color:#8ea0c7}
.granular-weapon-cell .weapon-icon,.granular-event-kill .weapon-icon{width:30px!important;height:30px!important;min-width:30px!important}
.granular-event-list{display:grid;gap:8px}
.granular-event-row{display:grid;grid-template-columns:118px minmax(160px,.8fr) minmax(220px,1fr) minmax(150px,auto);align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(77,166,255,.12);border-radius:12px;background:rgba(3,8,20,.32)}
.granular-event-meta{min-width:0;color:var(--muted);font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-event-kill{min-width:0;display:flex;align-items:center;gap:9px;color:var(--text)}
.granular-event-kill b{font-size:12px;font-weight:950;white-space:nowrap}
.granular-event-kill small{min-width:0;color:var(--muted);font-size:10px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.granular-event-badges{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.granular-event-badges i{font-style:normal;border:1px solid rgba(77,166,255,.16);background:rgba(15,23,42,.55);color:#aebbd2;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.granular-event-badges i.official{border-color:rgba(34,197,94,.25);color:#86efac}
.granular-event-badges i.uncertain{border-color:rgba(251,146,60,.34);color:#fed7aa}
.granular-load-more{align-self:center;margin-top:12px}
.granular-class-toggle {
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  padding: 0;
}
.granular-class-toggle::-moz-focus-inner {
  border: 0;
}
.granular-class-summary{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.granular-class-name{
  color:#67d8ff;
  font-weight:800;
  font-size:18px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.granular-class-meta,
.granular-class-top{
  color:#93a4bd;
  font-size:12px;
  line-height:1.3;
}
.granular-class-meta-line{display:block}
.granular-class-record{white-space:nowrap}
.granular-class-summary b {
  color: #67d8ff;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.granular-class-summary span {
  color: #93a4bd;
  font-size: 12px;
}
.granular-class-weapons {
  display: none;
  margin-top: 10px;
}
.granular-class-group.open .granular-class-weapons {
  display: grid;
  gap: 8px;
}
.granular-objective-toggle {
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  padding: 0;
}
.granular-objective-toggle::-moz-focus-inner {
  border: 0;
}
.granular-objective-weapons {
  display: none;
  margin-top: 10px;
}
.granular-objective-group.open .granular-objective-weapons {
  display: grid;
  gap: 8px;
}
.granular-objective-class-group {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(56, 189, 248, .16);
  border-radius: 12px;
  background: rgba(2, 8, 23, .28);
}
.granular-objective-class-group + .granular-objective-class-group {
  margin-top: 10px;
}
.granular-objective-class-head strong {
  color: #67d8ff;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.granular-objective-class-head span {
  color: #91a4bd;
  font-size: 11px;
}
.granular-objective-group {
  cursor: default;
}
.granular-objective-class-head {
  appearance: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  padding: 2px 2px 4px;
}
.granular-objective-class-weapons {
  display: none;
  margin-top: 8px;
}
.granular-objective-class-group.open .granular-objective-class-weapons {
  display: grid;
  gap: 8px;
}
@media(max-width:1200px){
  .granular-overview-grid{grid-template-columns:1fr}
  .granular-context-column{grid-template-columns:1fr}
  .granular-role-column .role-kpi-strip{grid-template-columns:1fr 1fr}
  .granular-role-column .role-kpi-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .granular-summary-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .granular-grid{grid-template-columns:1fr 1fr}
  .granular-class-panel{grid-column:1 / -1}
  .granular-event-row{grid-template-columns:100px minmax(120px,.8fr) minmax(180px,1fr)}
  .granular-event-badges{grid-column:1 / -1;justify-content:flex-start}
  .v3-main-grid{grid-template-columns:1fr 1fr!important}
  .activity-card{grid-column:1 / -1!important}
}

.drawer-simple-row.weapon{min-height:38px}

/* ---------- Main lower grid ---------- */
.v3-main-grid{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(260px,.85fr) minmax(260px,.85fr);gap:16px;margin-bottom:16px;align-items:stretch}
.v3-main-grid .v3-card{height:100%}

/* Activity heatmap */
.activity-heatmap{display:grid;grid-template-columns:36px repeat(12,1fr);gap:4px;align-items:center;justify-content:start}
.heat-label{color:#cbd5e1;font-size:12px;font-weight:800}
.heat-hour{color:var(--muted);font-size:10px;text-align:center}
.heat-cell{width:14px;height:18px;min-height:12px;border-radius:5px;background:rgba(15,23,42,.95);border:1px solid rgba(77,166,255,.06)}
.heat-0{background:rgba(15,23,42,.95)}
.heat-1{background:rgba(30,64,175,.42);box-shadow:0 0 8px rgba(37,99,235,.18)}
.heat-2{background:rgba(37,99,235,.7);box-shadow:0 0 10px rgba(37,99,235,.28)}
.heat-3{background:rgba(14,165,233,.8);box-shadow:0 0 12px rgba(14,165,233,.34)}
.heat-4{background:rgba(34,197,94,.78);box-shadow:0 0 14px rgba(34,197,94,.35)}
.heat-5{background:rgba(250,204,21,.9);box-shadow:0 0 18px rgba(250,204,21,.45)}
.heatmap-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--muted);font-size:12px;font-weight:800}
.heat-scale{display:inline-flex;gap:5px;align-items:center}
.heat-scale i{width:12px;height:10px;border-radius:999px}
.heat-scale i:nth-child(1){background:rgba(15,23,42,.95);border:1px solid rgba(77,166,255,.12)}
.heat-scale i:nth-child(2){background:rgba(37,99,235,.55)}
.heat-scale i:nth-child(3){background:rgba(14,165,233,.8)}
.heat-scale i:nth-child(4){background:rgba(34,197,94,.78)}
.heat-scale i:nth-child(5){background:rgba(250,204,21,.9)}

/* Recent matches */
.match-map-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.recent-card{margin-bottom:16px}
.recent-match-list{display:grid!important;gap:10px!important;max-height:560px!important;overflow-y:auto!important;padding-right:8px!important}
.recent-match-card{position:relative;min-width:0;display:grid;grid-template-columns:104px minmax(170px,.72fr) minmax(500px,1.65fr) 108px minmax(250px,.72fr);gap:14px;align-items:center;padding:9px 12px 9px 16px;border:1px solid rgba(77,166,255,.17);border-left-width:4px;border-radius:14px;background:linear-gradient(90deg,rgba(3,8,20,.78),rgba(10,18,32,.48));color:#cbd5e1;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.recent-match-card:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.36);box-shadow:0 0 22px rgba(56,189,248,.08)}
.recent-match-card.win{border-left-color:#22c55e;box-shadow:inset 18px 0 32px rgba(34,197,94,.08)}
.recent-match-card.loss{border-left-color:#ff4d5f;box-shadow:inset 18px 0 32px rgba(255,77,95,.08)}
.recent-match-card.tie{border-left-color:var(--muted)}
.recent-story-result{display:grid;gap:6px}
.recent-story-result strong{color:var(--text);font-size:20px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.recent-story-result .delta-pos{color:#34d399;font-size:13px;font-weight:950}
.recent-story-result .delta-neg{color:#ff5c5c;font-size:13px;font-weight:950}
.recent-story-main{min-width:0;display:grid;gap:7px}
.recent-story-meta{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:11px;font-weight:850}
.recent-story-map{min-width:0;color:#e0f2fe;text-decoration:none;font-size:15px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-story-map:hover{color:#67e8f9}
.recent-story-teams{display:flex;gap:14px;flex-wrap:wrap}
.recent-story-teams span{display:grid;gap:3px}
.recent-story-teams small,.recent-story-score span,.recent-chip-line>span{color:#8ea0c7;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.team-dot-label{display:inline-flex;align-items:center;gap:6px;color:#dbeafe;font-size:11px;font-weight:950}
.team-dot-label i{width:9px;height:9px;border-radius:50%;display:inline-block}
.team-blue i{background:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.5)}
.team-red i{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.5)}
.recent-story-rosters{min-width:0;display:grid;gap:8px}
.recent-chip-line{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center}
.recent-chip-line>div{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap;overflow:hidden}
.recent-chip-line em{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:rgba(30,41,59,.72);color:#b6c7e5;font-style:normal;font-size:10px;font-weight:950}
.recent-player-chip{min-width:0;display:inline-flex;align-items:center;max-width:145px;padding:3px 8px;border:1px solid rgba(77,166,255,.16);border-radius:999px;background:rgba(3,8,20,.55);color:#dbeafe;font-size:10px;font-weight:850;flex:0 1 auto}
.recent-player-chip span{min-width:0;display:inline-flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-player-chip .supporter-badge{font-size:.95em;line-height:1;filter:drop-shadow(0 0 4px rgba(103,232,249,.65))}
.recent-story-score{display:grid;gap:3px;text-align:center}
.recent-story-score strong{color:#f8fafc;font-size:19px;font-weight:950;white-space:nowrap}
.recent-story-score small{font-size:11px;font-weight:950;text-transform:uppercase}
.recent-story-score .delta-pos{color:#34d399}
.recent-story-score .delta-neg{color:#ff5c5c}
.recent-story-visual{min-width:0;display:grid;grid-template-rows:auto 66px;gap:6px;align-self:center}
.recent-story-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.recent-action{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 6px;border:1px solid rgba(77,166,255,.24);border-radius:9px;background:rgba(3,8,20,.56);color:#7dd3fc;text-decoration:none;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.recent-action:hover{border-color:rgba(56,189,248,.5);background:rgba(14,165,233,.12)}
.recent-action-hamp,.recent-action-tfc{border-color:rgba(251,146,60,.34);color:#fdba74}
.recent-action-page{color:#86efac;border-color:rgba(34,197,94,.28)}
.recent-map-thumb{position:relative;min-width:0;height:66px;border:1px solid rgba(77,166,255,.18);border-radius:10px;overflow:hidden;background:linear-gradient(135deg,rgba(12,74,110,.22),rgba(3,8,20,.88));text-decoration:none}
.recent-map-thumb img{display:block;width:100%;height:66px;object-fit:cover;opacity:.68;filter:saturate(.95) contrast(1.08)}
.recent-map-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.72),rgba(3,8,20,.22) 52%,rgba(3,8,20,.62));pointer-events:none}
.recent-map-thumb span{position:absolute;left:10px;bottom:7px;z-index:1;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0f2fe;font-size:12px;font-weight:950;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.match-id-pill{justify-self:start;border:1px solid rgba(77,166,255,.28);background:rgba(3,8,20,.55);color:#60a5fa;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:950;letter-spacing:.06em;cursor:pointer}
.match-id-pill:hover{border-color:rgba(34,197,94,.45);color:#34d399;box-shadow:0 0 12px rgba(34,197,94,.18)}

/* ---------- Bottom grids ---------- */
.v3-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-list{display:grid;gap:10px}
.mini-person{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}
.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.mini-avatar .nn-avatar{width:38px;height:38px}
.mini-person strong{display:block;color:#dbeafe;font-size:14px}
.mini-person small{display:block;color:var(--muted);margin-top:2px;font-size:11px}
.mini-person .mini-stat{text-align:right;font-weight:950;color:#cbd5e1;font-size:12px}
/* ---------- Match drawer ---------- */
.match-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.18s ease;z-index:2147483646}
.match-drawer-backdrop.open{opacity:1;pointer-events:auto}
.match-drawer{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;background:#070b14;border-left:1px solid rgba(255,255,255,.12);box-shadow:-20px 0 60px rgba(0,0,0,.55);transform:translateX(105%);transition:.22s ease;z-index:2147483647;display:flex;flex-direction:column}
.match-drawer.open{transform:translateX(0)}
.player-v3-page.match-drawer-open .site-header{z-index:0;pointer-events:none}
.match-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.drawer-kicker{font-size:11px;letter-spacing:2px;color:#8ea0c7;font-weight:800}
.match-drawer-title{font-size:24px;color:#fff;font-weight:900;letter-spacing:1px}
.match-drawer-title small{display:block;margin-top:5px;color:#8ea0c7;font-size:12px;font-weight:800;letter-spacing:.04em}
.match-drawer-player{display:block;margin-top:6px;color:#dbe6ff;font-size:13px;font-weight:900}
.drawer-mvp-badge{display:inline-block;margin-left:7px;padding:3px 7px;border:1px solid rgba(250,204,21,.36);border-radius:999px;background:rgba(250,204,21,.1);color:#fde68a;font-size:10px;font-weight:950;white-space:nowrap}
.match-drawer-date{display:block;margin-top:4px;color:#8ea0c7;font-size:12px}
.match-drawer-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;font-size:26px;line-height:1;cursor:pointer}
.match-drawer-body{padding:18px 20px;overflow:auto;color:#dbe6ff}
.drawer-loading,.drawer-error{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}
.drawer-section{margin-bottom:18px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.drawer-section h3{margin:0 0 10px;color:#fff;font-size:15px;letter-spacing:1px}
.drawer-score{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;font-weight:900}
.drawer-score strong{font-size:34px;color:#fff}
.drawer-link-row{display:flex;gap:10px;flex-wrap:wrap}
.drawer-link-row a{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;background:rgba(255,255,255,.06)}
.drawer-table{width:100%;border-collapse:collapse;font-size:13px}
.drawer-table th,.drawer-table td{padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.drawer-table th{color:#8ea0c7;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.drawer-teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.drawer-team{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.drawer-team h4{margin:0 0 10px;color:#9fb3ff;font-size:14px;letter-spacing:1px}
.drawer-team.team-blue{border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.06)}
.drawer-team.team-red{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.drawer-team.team-blue h4{color:#60a5fa}
.drawer-team.team-red h4{color:#f87171}
.drawer-player{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#e8edff}
.drawer-player:last-child{border-bottom:0}
.drawer-player a{color:#e8edff;text-decoration:none;display:block}
.drawer-player a:hover{color:#60a5fa}
.drawer-weapon-groups,.drawer-class-groups{display:grid;gap:12px}
.drawer-weapon-player,.drawer-class-player{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);overflow:hidden}
.drawer-weapon-player-name,.drawer-class-player-name{padding:8px 10px;background:rgba(96,165,250,.09);color:#fff;font-weight:950;letter-spacing:.04em}
.drawer-weapon-line{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:10px;padding:7px 10px;border-top:1px solid rgba(255,255,255,.06)}
.drawer-weapon-line b,.drawer-class-line b{text-align:right;color:#e8edff}
.drawer-weapon-cell{display:flex;align-items:center;gap:10px;min-width:0}
.drawer-weapon-cell .weapon-icon{flex:0 0 auto;transform:scale(1.1);transform-origin:left center}
.drawer-class-line{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:10px;padding:7px 10px;border-top:1px solid rgba(255,255,255,.06)}
.drawer-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.drawer-stat-grid div{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);padding:10px}
.drawer-stat-grid span{display:block;color:#8ea0c7;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
.drawer-stat-grid b{display:block;margin-top:5px;color:#fff;font-size:20px;font-weight:950}
.drawer-round-list{display:grid;gap:12px}
.drawer-round-card{overflow:hidden;border:1px solid rgba(96,165,250,.2);border-radius:14px;background:rgba(255,255,255,.025)}
.drawer-round-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:rgba(96,165,250,.08);border-bottom:1px solid rgba(255,255,255,.07)}
.drawer-round-head strong{color:#fff;font-size:15px;font-weight:950}
.drawer-round-head span{color:#9fb3d9;font-size:11px;font-weight:800;text-align:right}
.drawer-round-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.06)}
.drawer-round-stats div{min-width:0;padding:9px 10px;background:#0a0f1b}
.drawer-round-stats span{display:block;color:#8ea0c7;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.drawer-round-stats b{display:block;margin-top:4px;color:#fff;font-size:15px;font-weight:950}
.drawer-round-empty{color:#8ea0c7;font-size:12px;font-weight:800}
.drawer-simple-list{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}
.drawer-simple-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.drawer-simple-row:last-child{border-bottom:0}
.drawer-simple-row span{color:#e8edff;font-weight:900}
.drawer-simple-row b{color:#fff;font-weight:950}
.drawer-simple-row.weapon{min-height:42px}

/* ---------- Responsive ---------- */
@media(max-width:1450px){
  .v3-main-grid,.v3-bottom-grid{grid-template-columns:1fr}
}

@media(max-width:1180px){
  .player-v3-hero{grid-template-columns:1fr}
}

@media(max-width:800px){
  .player-v3-hero,.identity-mini-kpis,.role-kpi-strip,.player-granular-card,.granular-grid,.granular-panel,.granular-event-row,.v3-main-grid,.v3-bottom-grid,.activity-heatmap,.recent-match-list,.recent-match-row,.match-drawer-body{min-width:0;max-width:100%}
  .identity-card{flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:0!important;padding:16px!important}
  .identity-name-row{grid-template-columns:1fr;justify-items:center;gap:10px}
  #player-name-v3{
  font-size:clamp(22px,8vw,32px)!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
  .elo-line,.record-line{font-size:14px!important;white-space:normal}
  .steam-line{font-size:11px!important}
  .identity-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:12px}
  .identity-mini-kpi{min-height:58px;padding:9px}
  .identity-mini-kpi strong{font-size:15px}
  .player-mark{width:82px!important;height:82px!important;font-size:32px!important}
  .v3-card{padding:14px!important;border-radius:18px!important}
  .v3-card-header h2{font-size:15px!important}
  .player-intel-header{align-items:flex-start}
  .player-granular-header{display:grid;gap:12px}
  .granular-controls{grid-template-columns:1fr 1fr;align-items:stretch}
  .granular-controls label{grid-column:1 / -1}
  .granular-controls input,.granular-controls select{grid-column:1 / -1}
  .granular-overview-grid,.granular-context-column,.granular-role-column .role-kpi-strip{grid-template-columns:1fr}
  .granular-role-column .role-kpi-metrics{grid-template-columns:1fr}
  .role-kpi-title{display:grid;gap:8px}
  .role-class-pills{justify-content:flex-start}
  .role-class-pill{min-width:0}
  .granular-map-record-card{min-height:260px}
  .granular-map-name{font-size:28px;white-space:normal;overflow-wrap:anywhere}
  .granular-summary-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .granular-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .granular-record-tile{grid-column:1 / -1}
  .granular-record-kpi b{font-size:24px}
  .granular-grid{grid-template-columns:1fr}
  .granular-panel{grid-column:auto}
  .granular-class-panel,.granular-victim-panel,.granular-alias-panel{height:var(--granular-panel-height)}
  .granular-event-row{grid-template-columns:1fr;align-items:start}
  .granular-inline-drilldown{margin-left:8px;padding:8px}
  .granular-inline-event-row{grid-template-columns:1fr;align-items:start}
  .granular-inline-event-row .match-id-pill{justify-self:start}
  .granular-inline-event-meta{white-space:normal}
  .granular-event-badges{grid-column:auto;justify-content:flex-start}
  .granular-event-kill{align-items:flex-start}
  .granular-weapon-stats{display:grid;gap:3px}
  .hero-chart-wrap,.v3-chart-wrap{height:220px!important}
  .role-kpi-strip,.role-kpi-metrics{grid-template-columns:1fr}
  .activity-heatmap{grid-template-columns:minmax(28px,34px) repeat(12,minmax(0,1fr))!important;gap:4px!important;justify-content:stretch!important;width:100%;overflow:hidden}
  .heat-cell{width:100%!important;aspect-ratio:1 / 1;height:auto!important;min-height:0!important;border-radius:4px!important}
  .heat-label{font-size:10px!important;text-align:right!important;padding-right:4px!important}
  .heat-hour{font-size:10px!important}
  .match-id-pill,.drawer-round-stats span{font-size:10px}
  .granular-class-meta{font-size:11px}
  .granular-class-record{font-size:10px}
  .recent-match-list{gap:8px!important;padding-right:6px!important;max-height:520px!important}
  .recent-match-card{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  .recent-story-result{display:flex;align-items:center;justify-content:space-between}
  .recent-story-main{gap:6px}
  .recent-story-teams{gap:12px}
  .recent-chip-line{grid-template-columns:34px minmax(0,1fr)}
  .recent-story-score{text-align:left}
  .recent-story-visual{grid-template-rows:auto auto;gap:8px}
  .recent-story-actions{grid-template-columns:1fr 1fr}
  .recent-action-page{grid-column:1 / -1}
  .recent-map-thumb{min-height:112px}
  .recent-map-thumb img{min-height:112px}
}

#player-name-v3 .supporter-badge{
  -webkit-text-fill-color:initial!important;
  color:#67e8f9!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  filter:drop-shadow(0 0 5px rgba(103,232,249,.9)) drop-shadow(0 0 12px rgba(103,232,249,.55));
}

@media(max-width:700px){
  .match-drawer{top:0;width:100vw;height:100dvh}
  .match-drawer-head{position:sticky;top:0;z-index:2;flex:0 0 auto;padding-top:calc(18px + env(safe-area-inset-top));background:#070b14}
  .match-drawer-close{position:relative;z-index:3;flex:0 0 38px;touch-action:manipulation}
  .match-drawer-title{font-size:20px}
  .drawer-section,.drawer-table,.drawer-score,.drawer-link-row,.drawer-teams-grid,.drawer-stat-grid,.drawer-round-stats{min-width:0;max-width:100%}
  .drawer-teams-grid,.drawer-stat-grid{grid-template-columns:1fr}
  .drawer-score{flex-wrap:wrap}
  .drawer-table{display:block;overflow-x:auto}
  .drawer-round-head{align-items:flex-start;flex-direction:column}
  .drawer-round-head span{text-align:left}
}

/* ---------- Player2 profile redesign ---------- */
.player2-page{
  --p2-panel:rgba(3,10,24,.78);
  --p2-panel-soft:rgba(8,18,35,.64);
  --p2-border:rgba(77,166,255,.24);
  --p2-border-soft:rgba(77,166,255,.14);
  --p2-blue:#22a7ff;
  --p2-cyan:#67e8f9;
  --p2-red:#ff4d5f;
  --p2-green:#22c55e;
}

.player2-main{padding:28px 0 34px}
.player2-shell{max-width:100%;margin:0 auto}
.player2-page .v3-card,
.player2-middle-card,
.player2-analytics-card{
  border:1px solid var(--p2-border);
  background:
    linear-gradient(145deg,rgba(10,22,42,.78),rgba(2,8,20,.82)),
    radial-gradient(circle at 12% 0%,rgba(34,167,255,.12),transparent 42%);
  box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}

.player2-page .player2-hero{
  display:grid!important;
  grid-template-columns:minmax(430px,1fr) minmax(0,52%)!important;
  gap:clamp(20px,2.4vw,34px)!important;
  align-items:center!important;
  align-content:center!important;
  min-height:230px!important;
  padding:clamp(24px,2.4vw,38px)!important;
  margin-bottom:24px!important;
}

.player2-overview-card{
  grid-column:1 / -1;
  display:block;
  width:100%;
  min-height:0;
  align-items:stretch;
  padding:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}

.player2-overview-card .identity-copy{
  display:grid;
  grid-template-columns:minmax(520px,1fr) minmax(0,52%);
  gap:clamp(20px,2.4vw,34px);
  align-items:center;
  width:100%;
}
.player2-name-row{grid-column:1;grid-row:1 / 3;grid-template-columns:auto minmax(0,1fr);gap:18px}
.player2-name-block{min-width:0}
.player2-page #player-name-v3{
  display:flex;
  align-items:baseline;
  gap:.3em;
  width:100%;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  line-height:.95!important;
}

.player2-page #player-name-v3 .player-name-text{
  min-width:0;
  flex:0 1 auto;     /* critical: do NOT let flexbox shrink this — let it overflow so fitPlayerName can see it */
  white-space:nowrap;
}

.player2-page #player-name-v3 .supporter-badge{
  flex:none;
  margin-left:0 !important;
  vertical-align:middle;
}
.player2-page .player-mark{
  width:112px;
  height:112px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(37,99,235,.58));
}
.player2-page .player-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.player2-page .online-dot{right:7px;bottom:8px}
.player2-page .v3-kicker{
  color:#67b7ff;
  letter-spacing:.22em;
}
.player2-page .steam-line{
  margin-top:14px;
  color:#7dd3fc;
}
.player2-last10-wrap{display:flex;align-items:center;gap:14px;width:max-content;margin-top:24px;padding:11px 14px;border:1px solid var(--p2-border-soft);border-radius:10px;background:rgba(2,8,20,.5)}
.player2-last10-label{color:#a8b4c7;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.player2-page .leaderboard-last10{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.player2-page .leaderboard-last10 i{width:11px;height:11px;border:2px solid rgba(148,163,184,.45);border-radius:999px;background:transparent;box-shadow:0 0 8px rgba(148,163,184,.08)}
.player2-page .leaderboard-last10 .last10-w{border-color:#4ade80;background:rgba(74,222,128,.35);box-shadow:0 0 8px rgba(74,222,128,.32)}
.player2-page .leaderboard-last10 .last10-l{border-color:#fb7185;background:rgba(251,113,133,.32);box-shadow:0 0 8px rgba(251,113,133,.28)}
.player2-page .leaderboard-last10 .last10-t{border-color:#facc15;background:rgba(250,204,21,.32);box-shadow:0 0 8px rgba(250,204,21,.24)}
.player2-hidden-line{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.player-v3-page .player2-scoreboard{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px;
  width:auto!important;
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.player-v3-page .player2-scoreboard>div{
  border:1px solid var(--p2-border-soft);
  background:rgba(2,8,20,.44);
}
.player2-elo-primary strong{color:var(--p2-blue)!important;font-size:clamp(24px,1.7vw,34px)}
.player2-page .player2-scoreboard strong.good{color:#34d399!important}
.player2-page .player2-scoreboard strong.bad{color:#ff5c5c!important}
.player2-page .player2-scoreboard strong.muted{color:var(--muted)!important}
.player-v3-page .player2-mini-kpis{
  grid-column:2;
  grid-row:2;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px;
  width:auto!important;
  margin-top:12px;
}
.player2-card-header h2{
  display:flex;
  align-items:center;
  gap:8px;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.player2-view-link{
  border:1px solid rgba(34,167,255,.26);
  border-radius:10px;
  padding:8px 12px;
  color:#60c2ff;
  text-decoration:none;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:rgba(2,8,20,.4);
}
.player2-view-link:hover{border-color:rgba(103,232,249,.5);color:#dff7ff}

.player2-recent-card{margin-bottom:16px}
.player2-page .player2-recent-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(190px,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.player2-page .recent-match-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 178px auto auto auto;
  align-content:start;
  gap:7px!important;
  height:398px;
  min-height:398px;
  padding:13px!important;
  border-left-width:1px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(8,18,35,.74),rgba(2,8,20,.82))!important;
}
.player2-page .recent-match-card.win{border-color:rgba(34,197,94,.4)}
.player2-page .recent-match-card.loss{border-color:rgba(255,77,95,.42)}
.player2-page .recent-story-result{display:flex;justify-content:space-between;align-items:center}
.player2-page .recent-story-result strong{font-size:15px}
.player2-page .recent-story-main{order:2}
.player2-page .recent-story-score{order:3;text-align:left}
.player2-page .recent-story-rosters{order:4}
.player2-page .recent-story-visual{order:1;grid-template-rows:18px minmax(0,1fr);gap:5px;height:178px}
.player2-page .recent-story-actions{grid-template-columns:repeat(3,1fr)}
.player2-page .recent-action:first-child{display:none}
.player2-page .recent-action{
  min-height:0;
  height:18px;
  padding:2px 5px;
  border-radius:6px;
  font-size:7px;
  line-height:1;
}
.player2-page .recent-map-thumb,
.player2-page .recent-map-thumb img{height:100%}
.player2-page .recent-map-thumb span{bottom:9px}
.player2-page .recent-story-main{gap:4px}
.player2-page .recent-story-score{gap:1px}
.player2-page .recent-story-rosters{gap:5px}
.player2-page .recent-story-teams{display:none}
.player2-page .recent-chip-line{grid-template-columns:28px minmax(0,1fr)}
.player2-page .recent-player-chip{max-width:86px;padding:2px 6px;font-size:9px}
.player2-page .recent-chip-line em{font-size:9px}
.player2-recent-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(77,166,255,.12);
}
.player2-recent-pager span{
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.player2-pager-btn{
  min-width:92px;
  min-height:34px;
  border:1px solid rgba(34,167,255,.32);
  border-radius:10px;
  background:rgba(2,8,20,.55);
  color:#60c2ff;
  font:inherit;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
}
.player2-pager-btn:hover:not(:disabled){
  border-color:rgba(103,232,249,.58);
  color:#e0f2fe;
  box-shadow:0 0 18px rgba(34,167,255,.14);
}
.player2-pager-btn:disabled{
  opacity:.38;
  cursor:not-allowed;
}

.player2-middle-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px;
  margin-bottom:16px;
  align-items:stretch;
}
.player2-middle-grid .activity-card{grid-column:auto!important}
.player2-middle-card{
  height:270px!important;
  min-height:270px!important;
  max-height:270px!important;
  border-radius:12px!important;
  padding:16px!important;
  overflow:hidden;
}
.player2-middle-card.list-card{overflow:hidden}
.player2-middle-card.list-card .v3-card-header{margin-bottom:10px}
.player2-middle-card .mini-list{
  max-height:198px;
  overflow:hidden;
}
.player2-middle-chart-wrap{height:194px!important}
.player2-page .activity-heatmap{grid-template-columns:32px repeat(12,minmax(10px,1fr))}
.player2-page .heat-cell{width:100%;height:18px}
.player2-page .mini-person{grid-template-columns:34px minmax(0,1fr) auto}
.player2-page .mini-person strong{font-size:13px}
.player2-page .mini-person .mini-stat{font-size:11px}
.player2-map-tendencies-card{
  margin-bottom:16px;
  border-radius:14px!important;
}
.map-tendency-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.map-tendency-item{
  min-width:0;
  min-height:410px;
  display:grid;
  align-content:start;
  gap:10px;
  padding:14px;
  border:1px solid rgba(77,166,255,.14);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(5,14,30,.72),rgba(2,8,20,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 18px rgba(34,167,255,.07);
}
.map-tendency-item span{
  color:#8ea0c7;
  font-size:10px;
  font-weight:950;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.map-tendency-item strong{
  min-width:0;
  color:#dbeafe;
  font-size:13px;
  font-weight:950;
  line-height:1.05;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 1px 12px rgba(0,0,0,.75);
}
.map-tendency-item b{
  color:#cbd5e1;
  font-size:11px;
  font-weight:950;
  line-height:1.15;
  text-align:right;
  white-space:nowrap;
  text-shadow:0 1px 12px rgba(0,0,0,.75);
}
.map-tendency-item small{
  color:#64748b;
  font-size:10px;
  font-weight:900;
  line-height:1.2;
}
.map-tendency-empty{
  min-height:118px;
  align-content:center;
  border-style:dashed;
}
.map-tendency-empty strong{
  color:var(--muted);
  font-size:20px;
}
.map-tendency-list{
  display:grid;
  gap:8px;
}
.map-tendency-row{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:112px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(77,166,255,.14);
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(12,74,110,.24),rgba(3,8,20,.88));
  color:inherit;
  text-decoration:none;
}
.map-tendency-row:hover,
.map-tendency-row:focus-visible{
  border-color:rgba(103,232,249,.44);
  outline:none;
  box-shadow:0 0 18px rgba(34,167,255,.12);
}
.map-tendency-row::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(3,8,20,.78),rgba(3,8,20,.4) 55%,rgba(3,8,20,.74)),
    radial-gradient(circle at 10% 0%,rgba(77,166,255,.16),transparent 48%);
  pointer-events:none;
}
.map-tendency-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.68;
  filter:saturate(.95) contrast(1.08);
  transform:scale(1.02);
}
.map-tendency-row.no-image .map-tendency-bg{
  opacity:.24;
}
.map-tendency-rank{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:999px;
  background:rgba(2,8,20,.66);
  color:#7dd3fc;
  font-style:normal;
  font-size:10px;
  font-weight:950;
  line-height:1;
  box-shadow:0 0 12px rgba(34,167,255,.16);
}
.player2-analytics-card{border-radius:14px!important}
.player2-page .player-granular-header{align-items:center}
.player2-page .granular-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr) minmax(260px,.72fr)}
.player2-page .granular-controls input,
.player2-page .granular-controls select,
.player2-page .granular-controls button{border-radius:8px}

/* Player2 hero color restore */
.player2-page .player2-elo-primary strong,
.player2-page #player2-current-elo {
  color: #22a7ff !important;
  text-shadow: 0 0 18px rgba(34,167,255,.35);
}

.player2-page #kpi-elo-window.good,
.player2-page .player2-scoreboard strong.good,
.player2-page .identity-mini-kpi strong.good {
  color: #34d399 !important;
}

.player2-page #kpi-elo-window.bad,
.player2-page .player2-scoreboard strong.bad,
.player2-page .identity-mini-kpi strong.bad {
  color: #ff5c5c !important;
}

.player2-page #kpi-elo-window.muted,
.player2-page .player2-scoreboard strong.muted,
.player2-page .identity-mini-kpi strong.muted {
  color:var(--muted) !important;
}

.player2-page .identity-mini-kpi strong.blue,
.player2-page #kpi-peak-elo,
.player2-page #player2-elo-rank {
  color: #38bdf8 !important;
}

.player2-page .identity-mini-kpi strong.purple,
.player2-page #kpi-best-streak {
  color: #a855f7 !important;
}

.player2-page .identity-mini-kpi strong.gold,
.player2-page #kpi-mvps {
  color: #facc15 !important;
}

.player2-page .identity-mini-kpi strong.good,
.player2-page #player2-win-pct {
  color: #34d399 !important;
}

.player2-page .player2-scoreboard > div,
.player2-page .identity-mini-kpi {
  border-color: rgba(77,166,255,.24) !important;
  background: linear-gradient(145deg, rgba(5,14,30,.72), rgba(2,8,20,.62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 18px rgba(34,167,255,.08) !important;
}
.player2-page .identity-mini-kpi strong {
    font-size: clamp(18px, 1.15vw, 28px) !important;
    line-height: 1;
}

.player2-page #kpi-mvps{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:3px !important;
}

.player2-page #kpi-mvps .kpi-subpct{
    display:block !important;
    margin:2px 0 0 !important;
    color:rgba(250,204,21,.82) !important;
    font-size:9px !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    line-height:1 !important;
    text-shadow:none !important;
}

.mvp-subtitle{
    color:var(--muted);
    font-size:11px;
    font-weight:700;
}

/* Tighten bottom 6 Player2 hero KPIs */
.player2-page .player2-mini-kpis .identity-mini-kpi {
  min-height: 56px !important;
  height: 56px !important;
  padding: 9px 13px !important;
  border-radius: 12px !important;
}

.player2-page .player2-mini-kpis .identity-mini-kpi span {
  font-size: 9px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.player2-page .player2-mini-kpis .identity-mini-kpi strong {
  margin-top: 5px !important;
  font-size: clamp(16px, 1vw, 22px) !important;
  line-height: 1 !important;
}

.player2-page #kpi-mvps {
  display: block !important;
}

.player2-page #kpi-mvps .kpi-subpct {
  display: inline !important;
  margin-left: 3px !important;
  color: rgba(250,204,21,.82) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  vertical-align: baseline !important;
}

#player-name-v3 .supporter-badge,
#player-name-v3 .supporter-inline{
  -webkit-text-fill-color:initial!important;
  color:#67e8f9!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  filter:drop-shadow(0 0 5px rgba(103,232,249,.9)) drop-shadow(0 0 12px rgba(103,232,249,.55));
}

.player2-page #player-name-v3 .supporter-badge,
.player2-page #player-name-v3 .supporter-inline{
  flex:0 0 auto;
  font-size:32px !important;
  margin-left:0 !important;
  vertical-align:middle;
}

#player-name-v3{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
}

#player-name-v3 .player-name-text{
    flex:none;
    white-space:nowrap;
}

#player-name-v3 .supporter-badge,
#player-name-v3 .supporter-inline{
    flex:0 0 auto;
    align-self:center;
    margin:0;
    transform:none;
}

@media(max-width:1420px){
  .player2-page .player2-recent-grid{grid-template-columns:repeat(3,minmax(210px,1fr))!important}
  .player2-middle-grid{grid-template-columns:1fr 1fr!important}
  .player2-overview-card .identity-copy{grid-template-columns:1fr}
  .player2-name-row,.player2-scoreboard,.player2-mini-kpis{grid-column:1;grid-row:auto}
  .player2-scoreboard{margin-top:6px}
}

@media(max-width:1080px){
  .player2-page .player2-hero{grid-template-columns:1fr!important}
  .player2-page .player2-recent-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
  .map-tendency-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .player2-main{padding:10px 8px 22px}
  .player2-page .player2-hero{
    min-height:0!important;
    padding:14px!important;
    margin-bottom:16px!important;
    overflow:hidden!important;
  }
  .player2-overview-card{padding:0!important}
  .player2-overview-card .identity-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  .player2-name-row{
    grid-column:1!important;
    grid-row:auto!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:12px!important;
    min-width:0!important;
    width:100%!important;
  }
  .player2-name-block{
    display:grid;
    justify-items:center;
    width:100%;
    min-width:0;
  }
  .player2-page .v3-kicker{
    margin-bottom:8px;
    font-size:11px;
    letter-spacing:.2em;
  }
  .player2-page #player-name-v3{
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(34px,12vw,50px)!important;
    line-height:.95!important;
    overflow:visible!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .player2-page #player-name-v3 .player-name-text{
    flex:1 1 100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .player2-page #player-name-v3 .supporter-badge,
  .player2-page #player-name-v3 .supporter-inline{
    flex:0 0 auto!important;
    font-size:clamp(26px,9vw,38px)!important;
    line-height:1!important;
  }
  .player2-page .steam-line{
    width:100%;
    margin-top:8px!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    color:#cbd5e1!important;
  }
  .player-profile-links{
    justify-content:center;
    width:100%;
    margin-top:10px;
  }
  .player-profile-link{
    max-width:100%;
    justify-content:center;
    min-height:34px;
    padding:7px 12px;
  }
  .player-v3-page .player2-scoreboard,
  .player-v3-page .player2-mini-kpis,
  .player2-middle-grid,
  .player2-page .player2-recent-grid{grid-template-columns:1fr!important}
  .player2-scoreboard,
  .player2-mini-kpis{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    margin-top:0!important;
  }
  .player-v3-page .player2-scoreboard{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .player-v3-page .player2-mini-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .player2-page .player2-scoreboard>div,
  .player2-page .player2-mini-kpis .identity-mini-kpi{
    min-height:74px!important;
    height:auto!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  .player2-page .player2-scoreboard span,
  .player2-page .player2-mini-kpis .identity-mini-kpi span{
    font-size:9px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .player2-scoreboard strong,
  .player2-page .player2-mini-kpis .identity-mini-kpi strong{
    display:block!important;
    margin-top:6px!important;
    font-size:clamp(15px,5.5vw,20px)!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .player2-elo-primary strong{font-size:clamp(17px,6vw,22px)!important}
  .player2-page .player-mark{width:104px!important;height:104px!important}
  .player2-page .online-dot{right:6px!important;bottom:7px!important}
  .player2-page .player-granular-header{align-items:stretch}
  .player2-page .granular-controls{grid-template-columns:1fr 1fr}
  .player2-recent-pager{display:grid;grid-template-columns:1fr;justify-items:center}
  .player2-pager-btn{width:100%}
  .player2-middle-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .player2-middle-card .mini-list{max-height:none}
  .player2-map-tendencies-card{padding:16px!important}
  .map-tendency-item{
    min-height:0;
    padding:12px;
  }
  .map-tendency-item strong{
    font-size:13px;
  }
  .map-tendency-row{
    grid-template-columns:24px minmax(0,1fr);
    min-height:104px;
  }
  .map-tendency-row b{
    grid-column:2;
    text-align:left;
    white-space:normal;
  }
  .map-tendency-empty strong{
    font-size:18px;
  }
}

@media(max-width:800px){
  .player2-page .granular-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;
  }
  .player2-page .granular-class-panel,
  .player2-page .granular-victim-panel,
  .player2-page .granular-alias-panel{
    grid-column:auto!important;
    width:100%;
    max-width:100%;
  }
}