body.player-theme {
  margin: 0;
  min-height: 100vh;
  background: var(--team-bg, linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%));
  background-attachment: fixed;
  color: var(--team-text, #0f172a);
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

body.player-theme a {
  color: inherit;
}

.player-surface {
  background: var(--team-surface, rgba(255, 255, 255, 0.85));
}

body.team-red {
  --team-bg: linear-gradient(180deg, #450a0a, #b91c1c 55%, #ef4444);
  --team-text: #fef2f2;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #ef4444;
  --team-accent-soft: #fecaca;
}

body.team-yellow {
  --team-bg: linear-gradient(180deg, #422006, #facc15 65%, #fef9c3);
  --team-text: #422006;
  --team-surface: rgba(255, 255, 255, 0.92);
  --team-accent: #eab308;
  --team-accent-soft: #fef3c7;
}

body.team-green {
  --team-bg: linear-gradient(180deg, #064e3b, #16a34a 55%, #4ade80);
  --team-text: #ecfdf5;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #22c55e;
  --team-accent-soft: #bbf7d0;
}

body.team-blue {
  --team-bg: linear-gradient(180deg, #0f172a, #1d4ed8 55%, #60a5fa);
  --team-text: #e2e8f0;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #3b82f6;
  --team-accent-soft: #bfdbfe;
}

body.team-purple {
  --team-bg: linear-gradient(180deg, #3b0764, #7c3aed 55%, #c084fc);
  --team-text: #f5f3ff;
  --team-surface: rgba(255, 255, 255, 0.92);
  --team-accent: #a855f7;
  --team-accent-soft: #ddd6fe;
}

body.team-pink {
  --team-bg: linear-gradient(180deg, #831843, #db2777 55%, #f472b6);
  --team-text: #fff1f2;
  --team-surface: rgba(255, 255, 255, 0.92);
  --team-accent: #ec4899;
  --team-accent-soft: #fbcfe8;
}

body.team-white {
  --team-bg: linear-gradient(180deg, #f8fafc, #e5e7eb);
  --team-text: #0f172a;
  --team-surface: rgba(255, 255, 255, 0.95);
  --team-accent: #94a3b8;
  --team-accent-soft: #e2e8f0;
}

body.team-black {
  --team-bg: linear-gradient(180deg, #020617, #0f172a 60%, #1f2937);
  --team-text: #f8fafc;
  --team-surface: rgba(15, 23, 42, 0.6);
  --team-accent: #111827;
  --team-accent-soft: #1f2937;
}

body.team-teal {
  --team-bg: linear-gradient(180deg, #042f2e, #0f766e 60%, #5eead4);
  --team-text: #ecfeff;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #14b8a6;
  --team-accent-soft: #99f6e4;
}

body.team-brown {
  --team-bg: linear-gradient(180deg, #422006, #b45309 60%, #fbbf24);
  --team-text: #fef3c7;
  --team-surface: rgba(255, 255, 255, 0.88);
  --team-accent: #a16207;
  --team-accent-soft: #fde68a;
}

body.team-orange {
  --team-bg: linear-gradient(180deg, #7c2d12, #ea580c 60%, #fdba74);
  --team-text: #fff7ed;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #f97316;
  --team-accent-soft: #fed7aa;
}

body.team-cyan {
  --team-bg: linear-gradient(180deg, #083344, #0e7490 60%, #67e8f9);
  --team-text: #ecfeff;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #06b6d4;
  --team-accent-soft: #cffafe;
}

body.team-magenta {
  --team-bg: linear-gradient(180deg, #500724, #be185d 60%, #f472b6);
  --team-text: #fff1f2;
  --team-surface: rgba(255, 255, 255, 0.92);
  --team-accent: #d946ef;
  --team-accent-soft: #f5d0fe;
}

body.team-lime {
  --team-bg: linear-gradient(180deg, #365314, #65a30d 55%, #bef264);
  --team-text: #052e16;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #84cc16;
  --team-accent-soft: #d9f99d;
}

body.team-silver {
  --team-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --team-text: #111827;
  --team-surface: rgba(255, 255, 255, 0.95);
  --team-accent: #9ca3af;
  --team-accent-soft: #e5e7eb;
}

body.team-gold {
  --team-bg: linear-gradient(180deg, #78350f, #d97706 55%, #fcd34d);
  --team-text: #422006;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #fbbf24;
  --team-accent-soft: #fde68a;
}

body.team-navy {
  --team-bg: linear-gradient(180deg, #0b1120, #1e3a8a 55%, #3b82f6);
  --team-text: #e2e8f0;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #1d4ed8;
  --team-accent-soft: #bfdbfe;
}

body.team-maroon {
  --team-bg: linear-gradient(180deg, #450a0a, #7f1d1d 55%, #f87171);
  --team-text: #fee2e2;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #b91c1c;
  --team-accent-soft: #fecaca;
}

body.team-olive {
  --team-bg: linear-gradient(180deg, #1a2e05, #4d7c0f 55%, #d9f99d);
  --team-text: #ecfccb;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #6b8e23;
  --team-accent-soft: #d9f99d;
}

body.team-indigo {
  --team-bg: linear-gradient(180deg, #1e1b4b, #4338ca 55%, #a5b4fc);
  --team-text: #eef2ff;
  --team-surface: rgba(255, 255, 255, 0.9);
  --team-accent: #4f46e5;
  --team-accent-soft: #c7d2fe;
}