/* Team Details Option B: arena-inspired branding, actual standings record and compact live roster. */
#team-page { background:var(--tw-page);color:var(--tw-text);padding:0 0 30px; }
#team-page .td-clubhouse { max-width:860px;margin:0 auto; }
#team-page .td-hero {
 position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
 padding:76px 18px 25px;min-height:245px;text-align:left;
 background:linear-gradient(180deg,rgba(3,21,42,.38),rgba(2,18,37,.96)),
 radial-gradient(ellipse at 50% 0%,#2584b8 0%,#093c68 42%,#041d37 85%);
}
#team-page .td-hero-watermark {position:absolute;z-index:-1;width:clamp(240px,72%,390px);height:auto;aspect-ratio:1;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.11;filter:grayscale(1) brightness(.65) blur(1px);border-radius:20%;pointer-events:none;}
#team-page .td-hero::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;
 background:repeating-linear-gradient(0deg,transparent 0 40px,rgba(169,222,255,.12) 41px 42px),
 linear-gradient(130deg,transparent 15%,rgba(141,208,255,.23) 27%,transparent 38%,transparent 64%,rgba(141,208,255,.22) 77%,transparent 87%);
}
#team-page .td-hero::after {content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:22%;
 background:linear-gradient(to bottom,transparent,rgba(68,164,217,.23));pointer-events:none;}
#team-page .td-hero-brand {position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-width:0;}
#team-page .td-hero-logo { width:112px;height:112px;flex:0 0 112px;box-sizing:border-box;object-fit:contain;padding:9px;margin:0;border:1px solid rgba(179,225,255,.28);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 6px 22px rgba(0,0,0,.18); }
#team-page .td-hero-copy {display:flex;flex-direction:column;min-width:0;gap:7px;}
#team-page .td-hero-name {margin:0;color:#fff;font-size:clamp(21px,5.5vw,34px);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-align:left;overflow-wrap:anywhere;text-transform:uppercase;}
#team-page .td-hero-div {color:#bfeaff;font-size:13px;font-weight:700;text-align:left;}
#team-page .pd-back-btn {top:16px;left:17px;min-height:42px;}
#team-page .td-section {margin:13px 14px;padding:15px;border:1px solid var(--tw-border);border-radius:13px;background:var(--tw-surface);box-shadow:var(--tw-shadow);}
#team-page .td-section-title {color:var(--tw-accent);font-size:14px;font-weight:900;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase;}
#team-page .td-stats-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;}
#team-page .td-stat-box {min-width:0;padding:13px 2px;background:var(--tw-surface-soft);border:1px solid var(--tw-border);border-radius:11px;}
#team-page .td-stat-box.featured {background:#0785d9;border-color:#0785d9;}
#team-page .td-stat-val {font-size:clamp(23px,6vw,34px);font-weight:900;color:var(--tw-text);}
#team-page .td-stat-label {font-size:10px;font-weight:800;letter-spacing:.015em;color:var(--tw-muted);}
#team-page .td-stats-row {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
#team-page .td-stat-item {min-width:0;background:var(--tw-surface-soft);padding:9px 2px;border-radius:8px;}
#team-page .td-stat-item-val {color:var(--tw-text);font-size:15px;font-weight:850;}
#team-page .td-stat-item-label {font-size:10px;color:var(--tw-muted);}
#team-page .td-roster-section {padding:14px 12px 8px;}
#team-page .td-roster-group-label {padding:9px 6px;margin:12px 0 0;border-bottom:1px solid var(--tw-border);font-size:11px;letter-spacing:.09em;font-weight:850;color:var(--tw-accent);}
#team-page .td-player-card {display:grid;grid-template-columns:39px 34px minmax(0,1fr) 13px;align-items:center;gap:9px;min-height:64px;padding:8px 5px;border-bottom:1px solid var(--tw-border);cursor:pointer;}
#team-page .td-player-card:focus-visible {outline:3px solid var(--tw-accent);outline-offset:-2px;border-radius:5px;}
#team-page .td-player-photo-wrap {width:39px;height:43px;border-radius:8px;background:var(--tw-surface-soft);}
#team-page .td-player-photo {object-fit:cover;}
#team-page .td-player-number {text-align:center;font-size:13px;font-weight:900;color:var(--tw-text);white-space:nowrap;}
#team-page .td-player-info {min-width:0;}
#team-page .td-player-name {font-size:13px;font-weight:800;color:var(--tw-text);overflow-wrap:anywhere;}
#team-page .td-player-meta {font-size:11px;color:var(--tw-muted);white-space:normal;}
#team-page .td-player-stats-row {display:flex;gap:11px;flex-wrap:wrap;margin-top:4px;}
#team-page .td-player-stats-row .pstat {font-size:10px;color:var(--tw-muted);}
#team-page .td-player-stats-row .pstat b {color:var(--tw-text);}
#team-page .td-player-arrow {font-size:19px;color:var(--tw-accent);}
@media(max-width:370px) {
 #team-page .td-hero {min-height:218px;padding:70px 12px 18px;}
 #team-page .td-hero-brand {gap:12px;}
 #team-page .td-hero-logo {width:90px;height:90px;flex-basis:90px;}
 #team-page .td-section {margin-inline:9px;padding:12px 9px;}
 #team-page .td-player-card {grid-template-columns:35px 29px minmax(0,1fr) 10px;gap:5px;}
 #team-page .td-player-photo-wrap {width:35px;height:40px;}
}
@media(min-width:720px){#team-page .td-hero{min-height:295px;padding-inline:28px;}#team-page .td-hero-logo{width:145px;height:145px;flex-basis:145px;}#team-page .td-section{margin-inline:20px;}}