/* Player-specific navigation and summaries in the existing Studio theme. */
html[data-theme="studio"] .player-hub {display:grid;gap:18px;min-width:0;}
html[data-theme="studio"] .player-hub > *,
html[data-theme="studio"] .player-hub :is(.player-hub-content,.player-hub-summary-grid > *, .player-hub-roster > *, .player-hub-roster-main) {min-width:0;}
html[data-theme="studio"] .player-hub-header {display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 23px;}
html[data-theme="studio"] .player-hub-identity {display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 260px;}
html[data-theme="studio"] .player-hub-identity > [role="img"] {flex-shrink:0;}
html[data-theme="studio"] .player-hub-identity-text {min-width:0;}
html[data-theme="studio"] .player-hub-identity h2 {font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:3px 0;overflow-wrap:anywhere;}
html[data-theme="studio"] .player-hub-aliases {max-width:100%;margin:4px 0 0;color:#738097;font-size:11px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;}
html[data-theme="studio"] .player-hub-record {margin:4px 0 0;color:#65748a;font-size:13px;font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .player-hub-controls {display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:0;}
html[data-theme="studio"] .player-hub-controls .field {display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;}
html[data-theme="studio"] .player-hub-controls .field > span {font-size:12px;}
html[data-theme="studio"] .player-hub-controls select {max-width:240px;width:100%;min-width:0;}
html[data-theme="studio"] .player-hub-back {align-self:center;min-height:40px;}
html[data-theme="studio"] .player-hub-tabs {display:flex;gap:4px;flex-wrap:wrap;padding:5px;background:#edf1f6;border-radius:9px;}
html[data-theme="studio"] .player-hub-tab {border:0;background:transparent;color:#66758b;font-size:13px;font-weight:600;min-height:41px;padding:10px 18px;border-radius:6px;cursor:pointer;white-space:nowrap;}
html[data-theme="studio"] .player-hub-tab:hover {color:#365ca1;background:#f7f9fc;}
html[data-theme="studio"] .player-hub-tab.active {background:#fff;color:var(--c-blue);box-shadow:0 1px 3px #17315b0a;}
html[data-theme="studio"] .player-hub-summary {display:grid;gap:18px;}
html[data-theme="studio"] .player-hub-metrics {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
html[data-theme="studio"] .player-hub-metric {padding:17px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:9px;min-width:0;}
html[data-theme="studio"] .player-hub-metric > span {color:#65748a;font-size:12px;line-height:1.5;}
html[data-theme="studio"] .player-hub-metric strong {font-size:21px;line-height:1.4;letter-spacing:-.35px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
html[data-theme="studio"] .player-hub-metric small {font-size:11px;color:#65748a;}
html[data-theme="studio"] .player-hub-calculation {margin-top:-8px;}
html[data-theme="studio"] .player-hub-summary-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
html[data-theme="studio"] .player-hub-section {padding:22px;}
html[data-theme="studio"] .player-hub-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;}
html[data-theme="studio"] .player-hub-section-heading h3 {font-size:16px;line-height:1.5;margin:5px 0 0;}
html[data-theme="studio"] .player-hub-section-heading .text-button {font-size:12px;white-space:nowrap;}
html[data-theme="studio"] :is(.player-hub-champion-list,.player-hub-position-list) {list-style:none;margin:0;padding:0;display:grid;gap:14px;}
html[data-theme="studio"] .player-hub-champion-list li {display:grid;grid-template-columns:minmax(0,1fr) auto 72px;align-items:center;gap:12px;font-size:13px;}
html[data-theme="studio"] .player-hub-champion-list .champion-label {min-width:0;}
html[data-theme="studio"] .player-hub-champion-list .champion-label-name {white-space:normal;overflow-wrap:anywhere;}
html[data-theme="studio"] .player-hub-count {font-size:12px;color:#65748a;font-variant-numeric:tabular-nums;white-space:nowrap;}
html[data-theme="studio"] .player-hub-champion-list strong,
html[data-theme="studio"] .player-hub-position-list strong {text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .player-hub-position-list li {display:grid;grid-template-columns:48px minmax(20px,1fr) auto 65px;align-items:center;gap:12px;min-height:26px;}
html[data-theme="studio"] .player-hub-position-label {font-size:13px;}
html[data-theme="studio"] .player-hub-position-track {height:5px;background:#edf1f7;overflow:hidden;border-radius:6px;}
html[data-theme="studio"] .player-hub-position-track > span {display:block;height:100%;background:#89a2db;border-radius:inherit;}
html[data-theme="studio"] .player-hub-section .empty {padding:30px 12px;}
html[data-theme="studio"] .player-hub-landing-tools {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
html[data-theme="studio"] .player-hub-landing-tools > div {display:flex;align-items:center;gap:12px;}
html[data-theme="studio"] .player-hub-roster-count {color:#65748a;font-size:13px;}
html[data-theme="studio"] .player-hub-search {width:320px;max-width:100%;min-width:0;}
html[data-theme="studio"] .player-hub-roster {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html[data-theme="studio"] .player-hub-roster > .empty {grid-column:1/-1;}
html[data-theme="studio"] .player-hub-roster-card {width:100%;height:100%;padding:17px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;text-align:left;cursor:pointer;}
html[data-theme="studio"] .player-hub-roster-card:hover {border-color:#acc0e7;background:#f9fbff;}
html[data-theme="studio"] .player-hub-roster-inner {display:flex;align-items:center;gap:11px;min-width:0;}
html[data-theme="studio"] .player-hub-roster-inner > [role="img"] {flex-shrink:0;}
html[data-theme="studio"] .player-hub-roster-main {display:flex;flex:1;flex-direction:column;gap:7px;}
html[data-theme="studio"] .player-hub-roster-main strong {font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
html[data-theme="studio"] .player-hub-roster-main > span {font-size:11px;color:#65748a;font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .player-hub-roster-rate {color:#5575b4;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
html[data-theme="studio"] .player-hub-roster-arrow {color:#8d9aaf;}
html[data-theme="studio"] .player-hub :is(button,input,select,summary):focus-visible {outline:2px solid #6387cb;outline-offset:3px;}
@media (max-width:1250px) {
  html[data-theme="studio"] .player-hub-metrics {grid-template-columns:repeat(3,minmax(0,1fr));}
  html[data-theme="studio"] .player-hub-roster {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px) {
  html[data-theme="studio"] .player-hub {gap:14px;}
  html[data-theme="studio"] .player-hub-header {padding:16px;gap:15px;}
  html[data-theme="studio"] .player-hub-identity {flex:1 1 220px;}
  html[data-theme="studio"] .player-hub-identity h2 {font-size:19px;}
  html[data-theme="studio"] .player-hub-controls {order:3;flex:1 1 100%;gap:10px;}
  html[data-theme="studio"] .player-hub-controls .field {flex:1;}
  html[data-theme="studio"] .player-hub-controls .field:first-child {flex:2;}
  html[data-theme="studio"] .player-hub-controls select {max-width:none;}
  html[data-theme="studio"] .player-hub-back {padding:8px 12px;}
  html[data-theme="studio"] .player-hub-tabs {gap:3px;padding:4px;}
  html[data-theme="studio"] .player-hub-tab {font-size:12px;padding:10px 11px;flex:1 0 auto;}
  html[data-theme="studio"] .player-hub-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  html[data-theme="studio"] .player-hub-metric {padding:14px;gap:7px;}
  html[data-theme="studio"] .player-hub-metric strong {font-size:20px;}
  html[data-theme="studio"] .player-hub-summary-grid {grid-template-columns:minmax(0,1fr);gap:14px;}
  html[data-theme="studio"] .player-hub-section {padding:17px;}
  html[data-theme="studio"] .player-hub-roster {grid-template-columns:minmax(0,1fr);gap:10px;}
  html[data-theme="studio"] .player-hub-roster-card {padding:15px;}
  html[data-theme="studio"] .player-hub-search {width:100%;}
}
