:root{font-family:Arial,Helvetica,sans-serif;color:#172033}*{box-sizing:border-box}body{margin:0}.standings-page{background:#f3f6fa}.standings-shell{width:min(1440px,calc(100% - 36px));margin:18px auto 64px}.standings-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px;background:#fff;border:1px solid #dde4ed;border-radius:18px;box-shadow:0 7px 24px rgba(15,23,42,.06)}.standings-controls label{display:grid;gap:6px;min-width:220px;color:#526071;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.standings-controls select{min-height:42px;border:1px solid #d5dde7;border-radius:10px;padding:0 11px;background:#fff;color:#172033;font:inherit}.standings-view{display:flex;gap:6px;padding:4px;background:#eef2f6;border-radius:11px}.standings-view button{border:0;border-radius:8px;padding:9px 15px;background:transparent;color:#526071;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.standings-view button.is-active{background:#174a7e;color:#fff}.conference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.division-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.division-conference{min-width:0}.division-conference h2{margin:0 0 10px;color:#0b1f3a;font-size:20px}.division-stack{display:grid;grid-template-columns:1fr;gap:14px}.standings-card{min-width:0;background:#fff;border:1px solid #dde4ed;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.07)}.standings-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#0b1f3a;color:#fff}.standings-card>header span{font-size:14px;font-weight:900}.standings-card>header strong{font-size:10px;color:#cbd9e8;text-transform:uppercase}.standings-table-wrap{overflow-x:auto}.standings-table{width:100%;border-collapse:collapse;font-size:13px}.standings-table th{padding:10px 9px;background:#eef3f8;color:#526071;text-align:center;font-size:10px;text-transform:uppercase}.standings-table th:nth-child(2),.standings-table td:nth-child(2){text-align:left}.standings-table td{padding:9px;border-top:1px solid #edf0f4;text-align:center}.standings-table tbody tr:hover td{background:#f8fbff}.standing-rank{width:50px;font-weight:900;color:#174a7e;white-space:nowrap}.division-star{color:#d39a00}.standing-team{display:flex;align-items:center;gap:8px;color:#172033;text-decoration:none;font-weight:800;min-width:0}.standing-team img{width:30px;height:30px;object-fit:contain;flex:0 0 30px}.standing-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings-empty{padding:44px 20px;background:#fff;border:1px dashed #bdc8d5;border-radius:18px;text-align:center;color:#64748b}@media(max-width:820px){.conference-grid,.division-columns{grid-template-columns:1fr}.standings-controls{align-items:stretch;flex-direction:column}.standings-controls label{min-width:0}.standings-view{align-self:stretch}.standings-view button{flex:1}}@media(max-width:560px){.standings-shell{width:calc(100% - 20px);margin-top:8px}.standings-controls{padding:13px;border-radius:14px}.standings-card{border-radius:14px}.standings-table{min-width:520px}}
/* v0.10.1 · Divisiones: dos columnas (Este/Oeste), divisiones apiladas */
.standings-card--division .standings-table-wrap{overflow-x:visible}
.standings-card--division .standings-table{table-layout:fixed}
.standings-card--division .standings-table th,
.standings-card--division .standings-table td{padding-left:7px;padding-right:7px}
.standings-card--division .standing-team img{width:26px;height:26px;flex-basis:26px}
@media(max-width:820px){
  .standings-card--division .standings-table-wrap{overflow-x:auto}
  .standings-card--division .standings-table{table-layout:auto}
}


/* v0.10.2 · Divisiones: priorizar el ancho de Equipo */
.standings-card--division .standings-table{
  table-layout:fixed;
  width:100%;
}
.standings-card--division .standings-table th:nth-child(1),
.standings-card--division .standings-table td:nth-child(1){width:54px}
.standings-card--division .standings-table th:nth-child(2),
.standings-card--division .standings-table td:nth-child(2){width:auto}
.standings-card--division .standings-table th:nth-child(3),
.standings-card--division .standings-table td:nth-child(3),
.standings-card--division .standings-table th:nth-child(4),
.standings-card--division .standings-table td:nth-child(4){width:42px}
.standings-card--division .standings-table th:nth-child(5),
.standings-card--division .standings-table td:nth-child(5){width:58px}
.standings-card--division .standings-table th:nth-child(6),
.standings-card--division .standings-table td:nth-child(6){width:62px}
.standings-card--division .standings-table th:nth-child(7),
.standings-card--division .standings-table td:nth-child(7){width:50px}
.standings-card--division .standings-table th:nth-child(8),
.standings-card--division .standings-table td:nth-child(8){width:60px}

.standings-card--division .standing-team{
  min-width:0;
}
.standings-card--division .standing-team span{
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}
.standings-card--division .standings-table th,
.standings-card--division .standings-table td{
  padding-left:5px;
  padding-right:5px;
}

@media(max-width:1100px) and (min-width:821px){
  .standings-card--division .standing-team span{
    font-size:12px;
  }
  .standings-card--division .standing-team img{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}