.tspin-root{
  --tspin-accent:#ff5e5e;
  --tspin-card:#1a1d27;
  --tspin-text:#f2f2f5;
  --tspin-muted:#9aa0b0;
  --tspin-win:#3ddc84;
  --tspin-gold:#c98f00;
  --tspin-live:#ff5e5e;
  max-width:520px; margin:0 auto; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.tspin-root *{ box-sizing:border-box; }
.tspin-root .tspin-card{
  background:var(--tspin-card); color:var(--tspin-text);
  border-radius:14px; padding:18px 20px; margin:14px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.2);
}
.tspin-root h2.tspin-title{ text-align:center; margin:0 0 10px; color:var(--tspin-text); }
.tspin-root .tspin-card h3{
  margin:0 0 12px; font-size:13px; text-transform:uppercase; letter-spacing:.5px; color:var(--tspin-muted);
}
.tspin-root table{ width:100%; border-collapse:collapse; font-size:14px; }
.tspin-root th, .tspin-root td{ padding:8px 6px; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); }
.tspin-root th{ color:var(--tspin-muted); }
.tspin-root tr:first-child td{ color:var(--tspin-win); font-weight:700; }
.tspin-root .tspin-live-match{
  display:flex; align-items:center; justify-content:center; gap:10px; font-size:18px; font-weight:700;
  padding:6px 0;
}
.tspin-root .tspin-live-dot{
  width:10px; height:10px; border-radius:50%; background:var(--tspin-live);
  animation:tspin-pulse 1.2s infinite;
}
@keyframes tspin-pulse{
  0%{ opacity:1; } 50%{ opacity:.3; } 100%{ opacity:1; }
}
.tspin-root .tspin-final-tag{ color:var(--tspin-gold); font-weight:700; margin-right:6px; }
.tspin-root .tspin-empty{ text-align:center; color:var(--tspin-muted); font-size:13px; }
.tspin-root .tspin-champion{
  text-align:center; font-size:22px; font-weight:800; color:var(--tspin-gold);
}
.tspin-root .tspin-remaining-count{ text-align:center; font-size:13px; color:var(--tspin-muted); }