.split{font-family:var(--pixel);font-size:12px;padding:18px 26px;border-radius:16px;align-self:center;
  letter-spacing:1px;line-height:1.6;user-select:none;-webkit-user-drag:none;touch-action:manipulation;
  transition:transform .12s cubic-bezier(.2,1.4,.4,1),filter .12s ease}
.split:hover:not(:disabled){transform:scale(1.04)}
.split:active:not(:disabled){transform:scale(.96);filter:brightness(.92)}
.split:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

.summary{font-family:var(--pixel);font-size:10px;color:var(--muted);margin:0;text-align:center;line-height:1.7}

.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;width:100%}
.team{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--tc,var(--accent));
  border-radius:var(--radius);padding:14px 16px;animation:cardIn .4s cubic-bezier(.2,1.4,.4,1) both}
@keyframes cardIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.team h2{font-family:var(--pixel);font-size:10px;margin:0 0 10px;color:var(--tc,var(--accent));
  display:flex;align-items:center;gap:8px;line-height:1.6}
.team h2 .n{margin-left:auto;background:var(--tc,var(--accent));color:var(--tct,#fff);border-radius:999px;
  padding:2px 8px;font-family:var(--sans);font-size:11px;font-weight:900}
.team ol{margin:0;padding-left:20px;font-size:14px;line-height:1.85}
.team li.cap{font-weight:900}
.team li.cap::after{content:' ⭐';font-size:11px}
.warn{color:var(--gold);font-size:12px;text-align:center;margin:0}

@media(max-width:560px){
  .teams{grid-template-columns:1fr}
  .split{width:100%;font-size:11px}
}
@media(prefers-reduced-motion:reduce){ .team{animation:none} .split{transition:none} }