*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#060614;--bg2:#0c0c24;--card:rgba(14,14,40,0.85);
  --neon:#00f0ff;--neon2:#ff2d75;--neon3:#a855f7;
  --gold:#ffd700;--white:#f0f0f0;--gray:#7a8299;
  --green:#00e676;--red:#ff1744;
  --glass:rgba(12,12,36,0.75);
  --border:rgba(255,255,255,0.06);
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter','Segoe UI',system-ui,sans-serif;
  background:var(--bg);color:var(--white);
  min-height:100vh;max-width:480px;margin:0 auto;
  overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  position:relative;
}

/* ===== CRICKET STADIUM ATMOSPHERE ===== */

/* Stadium background with floodlight beams */
.hero-bg{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:480px;height:100vh;z-index:0;pointer-events:none;
  background:
    url('assets/hero-bg.png') center/cover no-repeat;
  opacity:.12;
}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 120% 40% at 20% 0%,rgba(0,240,255,0.06) 0%,transparent 60%),
    radial-gradient(ellipse 120% 40% at 80% 0%,rgba(255,45,117,0.06) 0%,transparent 60%),
    linear-gradient(180deg,transparent 0%,var(--bg) 80%);
}

/* Floodlight beams */
.floodlights{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:480px;height:100vh;z-index:0;pointer-events:none;overflow:hidden;
}
.floodlights::before,.floodlights::after{
  content:'';position:absolute;top:-40px;width:120px;height:500px;
  opacity:.03;
}
.floodlights::before{
  left:10%;background:linear-gradient(180deg,#fff,transparent);
  transform:rotate(12deg);
}
.floodlights::after{
  right:10%;background:linear-gradient(180deg,#fff,transparent);
  transform:rotate(-12deg);
}

/* Pitch stripe overlay (subtle green cricket pitch) */
.pitch-stripe{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:480px;height:200px;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,transparent 18px,
      rgba(0,180,80,0.015) 18px,rgba(0,180,80,0.015) 20px
    );
  mask-image:linear-gradient(transparent,#000);
  -webkit-mask-image:linear-gradient(transparent,#000);
}

/* Floating cricket elements */
.particles{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:480px;height:100vh;z-index:0;pointer-events:none;overflow:hidden;
}
.particle{
  position:absolute;border-radius:50%;
  animation:float-up linear infinite;opacity:0;
}
.particle:nth-child(1){left:8%;width:3px;height:3px;animation-duration:7s;animation-delay:0s;background:var(--neon)}
.particle:nth-child(2){left:22%;width:5px;height:5px;animation-duration:9s;animation-delay:1.2s;background:var(--neon2)}
.particle:nth-child(3){left:40%;width:3px;height:3px;animation-duration:8s;animation-delay:2.5s;background:var(--gold)}
.particle:nth-child(4){left:58%;width:4px;height:4px;animation-duration:10s;animation-delay:.7s;background:var(--neon)}
.particle:nth-child(5){left:75%;width:3px;height:3px;animation-duration:7.5s;animation-delay:1.8s;background:var(--neon2)}
.particle:nth-child(6){left:32%;width:6px;height:6px;animation-duration:8.5s;animation-delay:3.2s;background:var(--neon3);filter:blur(2px)}
.particle:nth-child(7){left:52%;width:4px;height:4px;animation-duration:9.5s;animation-delay:0.5s;background:var(--gold)}
.particle:nth-child(8){left:88%;width:3px;height:3px;animation-duration:7s;animation-delay:2.8s;background:var(--neon)}
.particle:nth-child(9){left:15%;width:5px;height:5px;animation-duration:11s;animation-delay:4s;background:var(--green);filter:blur(1px)}
.particle:nth-child(10){left:68%;width:3px;height:3px;animation-duration:8s;animation-delay:1s;background:var(--neon3)}
@keyframes float-up{
  0%{transform:translateY(100vh) scale(0);opacity:0}
  10%{opacity:.5}
  90%{opacity:.5}
  100%{transform:translateY(-20px) scale(1.8);opacity:0}
}

/* Confetti canvas */
#confettiCanvas{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:480px;height:100vh;z-index:99;pointer-events:none;
}

/* Cricket ball bouncing animation (used in loading) */
.cricket-ball{
  width:50px;height:50px;margin:0 auto;position:relative;
}
.cricket-ball::before{
  content:'🏏';font-size:40px;position:absolute;
  animation:bat-swing 1s ease-in-out infinite;
}
@keyframes bat-swing{
  0%,100%{transform:rotate(-20deg)}
  50%{transform:rotate(20deg)}
}

.container{padding:16px 16px 100px;position:relative;z-index:1}

/* ===== HEADER ===== */
.header{text-align:center;padding:28px 0 14px;position:relative}
.trophy-img{
  width:80px;height:80px;object-fit:contain;
  margin:0 auto 10px;display:block;
  filter:drop-shadow(0 0 25px #ffd70066);
  animation:trophy-float 3s ease-in-out infinite;
}
@keyframes trophy-float{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 0 15px #ffd70044)}
  50%{transform:translateY(-8px);filter:drop-shadow(0 0 35px #ffd700aa)}
}
.header h1{
  font-size:34px;font-weight:900;line-height:1;
  background:linear-gradient(135deg,var(--gold) 0%,#fff 25%,var(--neon) 50%,var(--neon2) 75%,var(--gold) 100%);
  background-size:300% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;text-transform:uppercase;letter-spacing:4px;
  animation:gradient-shift 4s linear infinite;
}
@keyframes gradient-shift{
  0%{background-position:0% center}
  100%{background-position:300% center}
}
.header .subtitle{
  color:var(--gray);font-size:12px;margin-top:8px;
  letter-spacing:3px;text-transform:uppercase;font-weight:600;
}
.header .season-tag{
  display:inline-block;margin-top:10px;
  padding:4px 14px;border-radius:8px;font-size:11px;font-weight:700;
  background:linear-gradient(135deg,var(--gold),#ff9500);color:#000;
  letter-spacing:1px;
}
.live-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,0,0,0.1);
  color:#ff4444;font-size:11px;font-weight:800;
  padding:6px 16px;border-radius:20px;margin-top:10px;
  border:1px solid rgba(255,68,68,0.2);
  animation:pulse-badge 1.5s infinite;letter-spacing:1px;
}
.live-dot{width:8px;height:8px;background:#ff4444;border-radius:50%;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* ===== SCOREBOARD STYLE VOTER COUNT ===== */
.voter-count{
  text-align:center;margin:16px 0;font-size:12px;color:var(--gray);
  background:linear-gradient(135deg,rgba(0,240,255,0.04),rgba(255,45,117,0.04));
  backdrop-filter:blur(12px);
  padding:14px 16px;border-radius:14px;
  border:1px solid var(--border);
  position:relative;overflow:hidden;
  letter-spacing:.5px;
}
.voter-count::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--neon),var(--neon2),transparent);
  opacity:.5;
}
.voter-count span{
  font-weight:900;font-size:22px;display:block;margin-bottom:2px;
  background:linear-gradient(135deg,var(--neon),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ===== NAME INPUT ===== */
.input-section{margin:22px 0}
.input-section label{
  font-size:12px;color:var(--gray);margin-bottom:8px;display:flex;align-items:center;gap:6px;
  text-transform:uppercase;letter-spacing:2px;font-weight:700;
}
.input-section label::before{content:'👤';font-size:14px}
.name-input{
  width:100%;padding:16px 18px;
  background:var(--glass);backdrop-filter:blur(12px);
  border:2px solid rgba(255,255,255,0.08);border-radius:14px;
  color:var(--white);font-size:16px;font-weight:500;outline:none;
  transition:all .3s ease;
}
.name-input:focus{
  border-color:var(--neon);
  box-shadow:0 0 0 4px rgba(0,240,255,0.08),0 0 20px rgba(0,240,255,0.1);
}
.name-input::placeholder{color:#444;font-weight:400}

/* ===== TEAM GRID ===== */
.section-title{
  font-size:15px;font-weight:800;margin:26px 0 14px;
  display:flex;align-items:center;gap:8px;
  text-transform:uppercase;letter-spacing:1px;
}
.section-title .emoji{font-size:18px}
.team-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
}
.team-card{
  background:var(--glass);backdrop-filter:blur(12px);
  border:2px solid rgba(255,255,255,0.06);border-radius:18px;
  padding:16px 10px;text-align:center;cursor:pointer;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
  -webkit-user-select:none;user-select:none;
}
.team-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 0%,var(--team-color,#ffffff08) 0%,transparent 65%);
  opacity:0;transition:opacity .4s;
}
.team-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:var(--team-color,#333);opacity:0;transition:opacity .3s;border-radius:0 0 18px 18px;
}
.team-card:active{transform:scale(.95)}
.team-card.selected{
  border-color:var(--neon);
  box-shadow:0 0 30px rgba(0,240,255,0.15),0 12px 40px rgba(0,0,0,0.3);
  transform:translateY(-4px);
}
.team-card.selected::before{opacity:.4}
.team-card.selected::after{opacity:1}
.team-card .team-logo{
  width:68px;height:68px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;position:relative;overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
  transition:all .35s cubic-bezier(.4,0,.2,1);
  border:2px solid rgba(255,255,255,0.1);
}
.team-card.selected .team-logo{
  transform:scale(1.12);
  box-shadow:0 0 25px rgba(0,240,255,0.3),0 8px 25px rgba(0,0,0,0.4);
  border-color:var(--neon);
}
.team-card .team-logo img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;
}
.team-card .team-logo .logo-fallback{
  font-size:18px;font-weight:900;color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,0.5);
}
.team-card .team-name{font-size:9px;color:var(--gray);margin-top:4px;line-height:1.3;letter-spacing:.5px}
.team-card .team-short{font-size:16px;font-weight:900;transition:all .3s;letter-spacing:1px}
.team-card.selected .team-short{
  background:linear-gradient(135deg,var(--neon),#fff);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.team-card .check{
  position:absolute;top:8px;right:8px;width:26px;height:26px;
  background:linear-gradient(135deg,var(--neon),#0080ff);
  border-radius:50%;display:none;
  align-items:center;justify-content:center;font-size:13px;color:#fff;
  box-shadow:0 3px 12px rgba(0,240,255,0.5);
  animation:check-pop .35s cubic-bezier(.2,.8,.4,1.4);
}
@keyframes check-pop{from{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}
.team-card.selected .check{display:flex}

/* ===== VOTE BUTTON ===== */
.vote-btn{
  width:100%;padding:20px;border:none;border-radius:18px;
  font-size:18px;font-weight:900;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--neon2),#ff6b35,#ff2d75,var(--neon2));
  background-size:300% auto;
  margin-top:26px;position:relative;overflow:hidden;
  text-transform:uppercase;letter-spacing:3px;
  transition:all .3s;
  box-shadow:0 8px 35px rgba(255,45,117,0.3);
  animation:btn-gradient 4s linear infinite;
}
@keyframes btn-gradient{0%{background-position:0% center}100%{background-position:300% center}}
.vote-btn:active{transform:scale(.96);box-shadow:0 4px 20px rgba(255,45,117,0.4)}
.vote-btn:disabled{opacity:.3;cursor:not-allowed;animation:none;box-shadow:none}
.vote-btn .shimmer{
  position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
  animation:shimmer 2.5s infinite;
}
@keyframes shimmer{100%{left:100%}}

/* ===== LOADING SCREEN ===== */
.loading-screen{display:none;text-align:center;padding:50px 20px}
.loading-screen.active{display:block;animation:fadeIn .4s ease}
.loader-wrap{position:relative;width:90px;height:90px;margin:0 auto 28px}
.loader-ring{
  width:90px;height:90px;
  border:3px solid rgba(255,255,255,0.05);
  border-top:3px solid var(--neon);
  border-right:3px solid var(--neon2);
  border-bottom:3px solid var(--neon3);
  border-radius:50%;
  animation:spin .9s linear infinite;
}
.loader-inner{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:32px;animation:ball-pulse 1s ease-in-out infinite;
}
@keyframes ball-pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-screen h2{
  font-size:18px;margin-bottom:10px;font-weight:800;
  background:linear-gradient(135deg,var(--neon),#fff,var(--neon2));
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:gradient-shift 3s linear infinite;
}
.loading-screen p{color:var(--gray);font-size:13px}
.loading-dots::after{content:'';animation:dots 1.5s steps(4,end) infinite}
@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
.loading-bar{
  width:220px;height:5px;background:rgba(255,255,255,0.05);border-radius:3px;
  margin:22px auto 0;overflow:hidden;
}
.loading-bar-fill{
  height:100%;width:0%;border-radius:3px;
  background:linear-gradient(90deg,var(--neon),var(--neon3),var(--neon2));
  background-size:200% auto;
  animation:loading-progress 2.5s ease forwards,gradient-shift 2s linear infinite;
}
@keyframes loading-progress{to{width:100%}}
.loading-screen .loading-steps{
  margin-top:24px;text-align:left;display:inline-block;
}
.loading-step{
  font-size:12px;color:var(--gray);padding:4px 0;display:flex;align-items:center;gap:8px;
  opacity:0;animation:step-appear .4s ease forwards;
}
.loading-step .step-icon{font-size:14px}
.loading-step.done{color:var(--green)}
.loading-step.done .step-icon::after{content:'✓';color:var(--green)}
@keyframes step-appear{to{opacity:1}}

/* ===== RESULTS ===== */
.result-section{display:none;padding:10px 0}
.result-section.active{display:block;animation:fadeIn .5s ease}
.result-header{text-align:center;margin-bottom:22px}
.result-header h2{
  font-size:24px;font-weight:900;letter-spacing:1px;
}
.result-header .voted-team{
  font-size:13px;color:var(--gray);margin-top:8px;
  letter-spacing:.5px;
}
.result-header .voted-team strong{
  color:var(--neon);font-weight:800;
}
.hook-message{
  text-align:center;padding:14px 18px;border-radius:16px;
  font-size:14px;font-weight:700;margin:16px 0;
  animation:hook-pop .5s cubic-bezier(.2,.8,.4,1.4);
  backdrop-filter:blur(12px);letter-spacing:.3px;
}
@keyframes hook-pop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
.hook-message.leading{
  background:linear-gradient(135deg,rgba(0,230,118,0.08),rgba(0,230,118,0.03));
  color:var(--green);border:1px solid rgba(0,230,118,0.15);
}
.hook-message.losing{
  background:linear-gradient(135deg,rgba(255,23,68,0.08),rgba(255,23,68,0.03));
  color:var(--red);border:1px solid rgba(255,23,68,0.15);
}

.result-bar{
  margin:10px 0;padding:14px 16px;
  background:var(--glass);backdrop-filter:blur(12px);
  border-radius:16px;border:1px solid var(--border);
  transition:all .3s;position:relative;overflow:hidden;
}
.result-bar::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);
}
.result-bar .bar-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:10px;
}
.result-bar .bar-team{
  font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;
}
.result-bar .bar-team .team-icon{
  width:30px;height:30px;border-radius:50%;object-fit:cover;
  box-shadow:0 2px 10px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);
}
.result-bar .bar-team .dot{
  width:10px;height:10px;border-radius:50%;
  box-shadow:0 0 10px currentColor;
}
.result-bar .bar-pct{
  font-size:18px;font-weight:900;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,var(--neon),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.bar-track{
  height:8px;background:rgba(255,255,255,0.04);border-radius:4px;
  overflow:hidden;position:relative;
}
.bar-fill{
  height:100%;border-radius:4px;
  transition:width 1.8s cubic-bezier(.4,0,.2,1);
  position:relative;
}
.bar-fill::after{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
  animation:bar-shimmer 2.5s infinite;
}
@keyframes bar-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* ===== BLUR LOCK ===== */
.blur-overlay{position:relative}
.blur-overlay .blurred{
  filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;
}
.lock-card{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:rgba(10,10,30,0.88);backdrop-filter:blur(24px);
  border:2px solid var(--neon);border-radius:22px;
  padding:30px 24px;text-align:center;width:92%;z-index:10;
  box-shadow:0 12px 50px rgba(0,240,255,0.15),0 0 0 1px rgba(0,240,255,0.1);
}
.lock-card .lock-icon{font-size:48px;margin-bottom:14px;animation:lock-shake 2s ease infinite}
@keyframes lock-shake{0%,100%{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(0)}}
.lock-card h3{font-size:18px;margin-bottom:8px;font-weight:800}
.lock-card p{font-size:12px;color:var(--gray);margin-bottom:20px;line-height:1.5}
.share-btn{
  width:100%;padding:18px;border:none;border-radius:16px;
  background:linear-gradient(135deg,#25D366,#128C7E,#25D366);
  background-size:200% auto;
  color:#fff;font-size:16px;font-weight:800;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;
  transition:all .3s;text-transform:uppercase;letter-spacing:1px;
  box-shadow:0 6px 25px rgba(37,211,102,0.3);
  animation:btn-gradient 3s linear infinite;
}
.share-btn:active{transform:scale(.96)}
.share-btn svg{width:22px;height:22px}

/* ===== COUNTDOWN ===== */
.countdown{
  text-align:center;margin-top:16px;font-size:12px;color:var(--gray);
  background:var(--glass);backdrop-filter:blur(12px);
  padding:12px 16px;border-radius:14px;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;gap:8px;
  letter-spacing:.5px;
}
.countdown span{
  color:var(--neon);font-weight:900;font-size:20px;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 12px rgba(0,240,255,0.4);
}

/* ===== UNLOCKED RESULTS ===== */
.full-results{display:none}
.full-results.active{display:block;animation:fadeIn .5s ease}
.full-results .result-bar .bar-pct{
  background:linear-gradient(135deg,var(--gold),#ffaa00);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.congrats-banner{
  text-align:center;padding:22px;
  background:linear-gradient(135deg,rgba(20,20,50,0.8),rgba(40,20,70,0.8));
  backdrop-filter:blur(12px);
  border-radius:18px;margin:16px 0;
  border:1px solid rgba(168,85,247,0.2);
  box-shadow:0 6px 35px rgba(255,215,0,0.06);
  position:relative;overflow:hidden;
}
.congrats-banner::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--neon),var(--neon2));
}
.congrats-banner h3{font-size:18px;color:var(--gold);margin-bottom:6px;font-weight:800}
.congrats-banner p{font-size:13px;color:var(--gray);line-height:1.4}

/* ===== SHARE PAGE ===== */
.share-hero{text-align:center;padding:30px 0 10px}
.share-hero .friend-msg{
  font-size:14px;color:var(--neon2);margin-bottom:12px;
  background:rgba(255,45,117,0.1);padding:10px 16px;border-radius:12px;
  display:inline-block;border:1px solid rgba(255,45,117,0.15);
}
.share-hero h2{font-size:22px;font-weight:900;margin-bottom:4px}
.share-hero p{color:var(--gray);font-size:13px}
.cta-btn{
  width:100%;padding:20px;border:none;border-radius:18px;
  font-size:17px;font-weight:900;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--neon),#0080ff,var(--neon3),var(--neon));
  background-size:300% auto;
  margin-top:22px;text-transform:uppercase;letter-spacing:3px;
  box-shadow:0 8px 35px rgba(0,240,255,0.2);
  transition:all .3s;
  animation:btn-gradient 4s linear infinite;
  position:relative;overflow:hidden;
}
.cta-btn::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);
  animation:shimmer 3s infinite;
}
.cta-btn:active{transform:scale(.96)}

/* ===== ANIMATIONS ===== */
.fade-in{animation:fadeIn .6s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.slide-up{animation:slideUp .7s cubic-bezier(.4,0,.2,1) both}
@keyframes slideUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
.scale-in{animation:scaleIn .5s cubic-bezier(.2,.8,.4,1.4) both}
@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}

/* Staggered grid animation */
.team-card:nth-child(1){animation-delay:.05s}
.team-card:nth-child(2){animation-delay:.1s}
.team-card:nth-child(3){animation-delay:.15s}
.team-card:nth-child(4){animation-delay:.2s}
.team-card:nth-child(5){animation-delay:.25s}
.team-card:nth-child(6){animation-delay:.3s}
.team-card:nth-child(7){animation-delay:.35s}
.team-card:nth-child(8){animation-delay:.4s}
.team-card:nth-child(9){animation-delay:.45s}
.team-card:nth-child(10){animation-delay:.5s}

/* ===== TOTAL VOTES TICKER ===== */
.total-votes{
  text-align:center;font-size:12px;color:var(--gray);margin-top:16px;
}
.total-votes span{color:var(--gold);font-weight:700}

/* ===== MODAL ===== */
.modal-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:100;
  align-items:center;justify-content:center;padding:20px;
  backdrop-filter:blur(8px);
}
.modal-overlay.active{display:flex}
.modal{
  background:rgba(12,12,36,0.95);backdrop-filter:blur(24px);
  border-radius:22px;padding:32px;
  text-align:center;width:100%;max-width:360px;
  border:1px solid rgba(255,255,255,0.08);
  animation:modalPop .4s cubic-bezier(.2,.8,.4,1.2);
  box-shadow:0 12px 50px rgba(0,240,255,0.12);
}
@keyframes modalPop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.modal h3{font-size:22px;margin-bottom:10px;font-weight:900}
.modal p{font-size:13px;color:var(--gray);margin-bottom:16px;line-height:1.5}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}

/* ===== COPY LINK ===== */
.copy-link{
  margin-top:14px;font-size:12px;color:var(--gray);
  text-decoration:underline;cursor:pointer;background:none;border:none;
  display:block;width:100%;text-align:center;
  transition:color .3s;
}
.copy-link:active{color:var(--neon)}

/* ===== GLOW DIVIDER ===== */
.glow-divider{
  width:50%;height:1px;margin:22px auto;
  background:linear-gradient(90deg,transparent,var(--neon),var(--neon2),transparent);
  border:none;opacity:.3;
}

/* ===== RANK BADGE ===== */
.rank-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:7px;font-size:11px;font-weight:900;
  margin-right:4px;letter-spacing:0;
}
.rank-1{background:linear-gradient(135deg,#ffd700,#ff9500);color:#000;box-shadow:0 2px 8px rgba(255,215,0,0.3)}
.rank-2{background:linear-gradient(135deg,#e0e0e0,#999);color:#000;box-shadow:0 2px 8px rgba(200,200,200,0.2)}
.rank-3{background:linear-gradient(135deg,#cd7f32,#a56427);color:#fff;box-shadow:0 2px 8px rgba(205,127,50,0.2)}

/* ===== FOOTER BRANDING ===== */
.footer-brand{
  text-align:center;padding:20px;font-size:10px;color:#333;
  letter-spacing:2px;text-transform:uppercase;
}