/* Team detail page: three.js hero (team-scene.js) plus canvas week ring and record donut. */
.team-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600;min-height:40px;margin-bottom:8px}
.team-back:hover{color:var(--green)}
.team-hero{position:relative;min-height:440px;border-radius:24px;overflow:hidden;border:1px solid #3a3220;background:radial-gradient(120% 90% at 75% 40%,#3a2f12 0%,#161616 55%,#0d0d0d 100%);isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}
.team-hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.team-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d0d0de6 0%,#0d0d0d99 38%,#0d0d0d00 65%),linear-gradient(0deg,#0d0d0dcc 0%,#0d0d0d00 40%);pointer-events:none}
.team-hero.no-webgl{background:radial-gradient(60% 70% at 78% 45%,#ffc72d55 0%,#3a2f12 30%,#141414 70%)}
.team-hero-copy{padding:42px 44px 18px;max-width:560px;display:grid;gap:12px;animation:team-rise .7s cubic-bezier(.2,.8,.2,1) both}
.team-hero-copy h1{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-2px;color:#fff;text-shadow:0 4px 30px #000a;overflow-wrap:anywhere}
.team-hero-copy .eyebrow{letter-spacing:3px}
.team-hero-meta{display:flex;align-items:center;gap:6px;color:#d6d6d6;font-size:14px}
.team-hero-meta svg{color:var(--green)}
.team-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.team-hero-actions .btn{backdrop-filter:blur(6px)}
.team-hero-stats{display:flex;flex-wrap:wrap;gap:10px;padding:0 44px 34px;animation:team-rise .9s .15s cubic-bezier(.2,.8,.2,1) both}
.team-stat{min-width:112px;padding:13px 16px;border-radius:14px;background:#141414b3;border:1px solid #ffffff1a;backdrop-filter:blur(10px);display:grid;gap:2px}
.team-stat strong{font-size:26px;line-height:1.1;color:var(--green);font-variant-numeric:tabular-nums}
.team-stat small{font-size:11px;color:#bdbdbd}
.team-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}
.team-grid h2{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px}
.team-grid h2 svg{color:var(--green)}
.team-grid h3{font-size:13px;color:var(--muted);margin:18px 0 8px}
.team-about{grid-row:span 2}
.team-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}
.team-facts div{border:1px solid #333;border-radius:12px;padding:11px 13px;background:#1b1b1b}
.team-facts dt{font-size:11px;color:var(--muted)}
.team-facts dd{margin:3px 0 0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.team-week-canvas{display:block;width:100%;max-width:260px;aspect-ratio:1;margin:0 auto}
.team-record-top{display:flex;align-items:center;gap:18px}
.team-record-canvas{width:140px;height:140px;flex-shrink:0}
.team-record-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13px;color:var(--muted)}
.team-record-legend strong{color:var(--ink);margin-left:4px}
.team-record-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:middle}
.team-record-legend .w{background:#ffc72d}.team-record-legend .d{background:#9c9c9c}.team-record-legend .l{background:#ff6b5b}
.team-matches{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.team-match{display:flex;align-items:center;gap:12px;border:1px solid #333;border-radius:12px;background:#1b1b1b;padding:10px 12px}
.team-match-date{min-width:44px;text-align:center;font-weight:700;color:var(--green);font-size:13px}
.team-match-copy{display:grid;gap:2px;min-width:0;flex:1}
.team-match-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:13px}
.team-match-copy small{color:var(--muted);font-size:11px}
.team-score{font-weight:800;font-variant-numeric:tabular-nums;padding:4px 9px;border-radius:8px;background:#2c2c2c}
.team-score.win{background:var(--green);color:#141414}.team-score.loss{color:#ff6b5b}
@keyframes team-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.team-hero-copy,.team-hero-stats{animation:none}}
@media (max-width:900px){
  .team-hero{min-height:560px;border-radius:18px}
  .team-hero:after{background:linear-gradient(0deg,#0d0d0df2 0%,#0d0d0dc0 50%,#0d0d0d00 72%)}
  .team-hero-copy{padding:225px 20px 14px}
  .team-hero-stats{padding:0 20px 22px}
  .team-stat{min-width:0;flex:1 1 92px}
  .team-grid{grid-template-columns:1fr}
  .team-about{grid-row:auto}
  .team-facts{grid-template-columns:1fr 1fr}
}
