*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c10;--surface:#111418;--surface2:#1a1e25;--border:#2a2f3a;--text:#e8ecf1;--muted:#7a8291;--gold:#f5c842;--gold2:#e8a020;--accent:#3b82f6;--red:#ef4444;--green:#22c55e;--radius:10px}[data-theme=light]{--bg:#f0f2f5;--surface:#ffffff;--surface2:#e8ecf0;--border:#d0d5dd;--text:#111827;--muted:#6b7280;--gold:#c49a00;--accent:#2563eb;--red:#dc2626;--green:#16a34a}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.overflow-auto{overflow:auto}.text-center{text-align:center}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius);border:none;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:filter .15s,transform .1s;white-space:nowrap;flex-shrink:0}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.btn-gold{background:linear-gradient(135deg,#f5c842,#e8a020);color:#1a1000}.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 28px;font-size:17px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;width:100%;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.3px}.badge-bat{background:#1e3a5f;color:#60a5fa}.badge-bowl{background:#3f1515;color:#f87171}.badge-ar{background:#1e3a28;color:#4ade80}.badge-wk{background:#3a2c10;color:#fbbf24}.badge-indian{background:#1a2e1a;color:#6ee7b7}.badge-overseas{background:#2a1a2e;color:#c084fc}.role-BAT{color:#60a5fa}.role-BOWL{color:#f87171}.role-AR{color:#4ade80}.role-WK{color:#fbbf24}@keyframes pulse-gold{0%,to{box-shadow:0 0 #f5c84280}50%{box-shadow:0 0 0 10px #f5c84200}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sold-flash{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-slide-up{animation:slide-up .3s ease both}.animate-fade-in{animation:fade-in .2s ease both}.animate-pulse-gold{animation:pulse-gold 1.5s infinite}.animate-sold-flash{animation:sold-flash .4s ease 3}.spin{animation:spin 1s linear infinite}@media (max-width:600px){html{font-size:13px}.btn{padding:8px 12px;font-size:13px}.btn-lg{padding:11px 20px;font-size:15px}.btn-sm{padding:5px 9px;font-size:11px}.card{padding:10px}}