*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030508;color:#f7f9ff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:rgba(3,5,8,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(35,121,255,.22)}.brand,.footer-brand{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:1px;color:#fff;text-decoration:none;font-size:21px}.brand span,.footer-brand span{color:#177cff}.nav nav{display:flex;gap:26px}.nav nav a{font:700 11px Orbitron,sans-serif;color:#cdd8ef;text-decoration:none;letter-spacing:1.5px}.nav nav a:hover{color:#38a0ff}.hero{min-height:720px;padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;position:relative}.hero-copy{max-width:700px;z-index:2}.eyebrow{font:800 12px Orbitron,sans-serif;letter-spacing:3px;color:#36a0ff;margin-bottom:18px}.hero h1,.section-heading h2{font:900 clamp(38px,5vw,72px)/1.02 Orbitron,sans-serif;margin:0;letter-spacing:-2px}.hero h1 span,.section-heading h2 span{color:#2387ff;text-shadow:0 0 28px rgba(35,135,255,.35)}.hero p,.section-heading p{font-size:18px;line-height:1.6;color:#aebbd0;max-width:650px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:7px;text-decoration:none;font:800 12px Orbitron,sans-serif;letter-spacing:1px;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.primary{background:#1680ff;color:white;box-shadow:0 0 28px rgba(22,128,255,.28)}.ghost{border:1px solid #28517f;color:#dceaff;background:rgba(10,20,35,.65)}.small{padding:12px 16px;background:#0c65cf;color:#fff;width:100%}.hero-art{display:flex;justify-content:center;position:relative}.art-frame{width:min(580px,100%);border:1px solid rgba(42,135,255,.55);border-radius:18px;overflow:hidden;box-shadow:0 0 70px rgba(0,90,255,.18),inset 0 0 40px rgba(0,0,0,.4);transform:rotate(1deg)}.art-frame img{display:block;width:100%;height:auto}.section{padding:100px 5%;max-width:1250px;margin:auto}.section-heading{text-align:center;margin-bottom:45px}.section-heading p{margin:14px auto 0}.competition{max-width:1250px}.prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prize{padding:35px 20px;text-align:center;border:1px solid rgba(45,122,221,.35);border-radius:14px;background:linear-gradient(145deg,#0b1628,#04070d);box-shadow:0 15px 50px rgba(0,0,0,.3)}.prize small{display:block;font:800 11px Orbitron,sans-serif;letter-spacing:2px;color:#9fb2cf}.prize strong{display:block;font:900 clamp(38px,5vw,60px) Orbitron,sans-serif;margin-top:12px;color:#fff;text-shadow:0 0 25px rgba(35,135,255,.3)}.dates{margin:25px auto 0;max-width:720px;display:grid;grid-template-columns:1fr 2px 1fr;gap:25px;align-items:center;text-align:center;padding:25px;border:1px solid rgba(45,122,221,.3);background:#07101c;border-radius:12px}.dates span{display:block;font:800 10px Orbitron,sans-serif;color:#7f96b6;letter-spacing:2px}.dates strong{display:block;font:800 18px Orbitron,sans-serif;margin-top:8px}.divider{height:50px;background:#237fff}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social{position:relative;padding:24px;border:1px solid rgba(50,119,205,.3);border-radius:12px;text-decoration:none;background:#07101b;color:#fff;transition:.2s}.social:hover{transform:translateY(-3px);border-color:#2b8bff}.social b{display:block;font:900 18px Orbitron,sans-serif}.social span{display:block;margin-top:7px;color:#8fa1bb;font-size:12px}.social i{position:absolute;right:20px;top:22px;color:#318eff;font-style:normal;font-size:20px}.glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none}.glow-one{background:#006eff;top:0;right:-250px}.glow-two{background:#0050ff;bottom:-250px;left:-250px}footer{border-top:1px solid rgba(50,119,205,.2);padding:45px 5%;text-align:center;background:#020407}footer p{color:#71829c;font-size:12px}.fine{max-width:750px;margin:12px auto 0;line-height:1.6;font-size:10px!important}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-art{order:-1}.hero h1{font-size:42px}.partner-grid,.prize-grid,.social-grid{grid-template-columns:1fr}.section{padding:70px 5%}.art-frame{transform:none}.dates{gap:12px;padding:18px}.dates strong{font-size:14px}}

.launch-banner{margin:15px auto 0;max-width:1250px;padding:0 5%}
.launch-inner{display:grid;grid-template-columns:1.1fr 1fr auto;gap:28px;align-items:center;padding:28px 30px;border:1px solid rgba(35,135,255,.5);border-radius:15px;background:linear-gradient(110deg,#07162a,#03070d);box-shadow:0 0 50px rgba(20,110,255,.12)}
.launch-inner h2,.join-content h2{font:900 clamp(24px,3vw,40px)/1.05 Orbitron,sans-serif;margin:0}
.launch-inner h2 span,.join-content h2 span{color:#2387ff}
.launch-inner p{color:#8fa2bd;margin:8px 0 0;font-size:13px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.countdown div{min-width:70px;text-align:center;padding:13px 7px;background:#02060b;border:1px solid rgba(45,130,240,.35);border-radius:8px}
.countdown strong{display:block;font:900 25px Orbitron,sans-serif;color:#fff}
.countdown small{font:800 8px Orbitron,sans-serif;letter-spacing:1px;color:#6f88a8}
.countdown.started{opacity:.7}
.launch-btn{white-space:nowrap}

.join-now{max-width:1250px;margin:20px auto 0;padding:0 5%}
.join-content{text-align:center;padding:65px 30px;border-radius:18px;border:1px solid rgba(40,135,255,.55);background:radial-gradient(circle at center,rgba(15,67,130,.32),rgba(3,7,13,.98) 62%);box-shadow:0 0 70px rgba(20,110,255,.13)}
.join-content p{max-width:680px;margin:14px auto 0;color:#aab8cb;line-height:1.6}
.join-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.big-btn{min-width:230px;padding:18px 25px;font-size:13px}
.outline-btn{border:1px solid #2387ff;background:#071426;color:#fff}
.age-note{margin-top:18px;color:#647996;font:700 9px Orbitron,sans-serif;letter-spacing:1.5px}

@media(max-width:1050px){
  .launch-inner{grid-template-columns:1fr;text-align:center}
  .launch-inner p{margin-left:auto;margin-right:auto}
  .countdown{max-width:500px;margin:auto}
  .launch-btn{justify-self:center}
}
@media(max-width:520px){
  .countdown{gap:5px}
  .countdown div{min-width:0;padding:11px 3px}
  .countdown strong{font-size:20px}
  .countdown small{font-size:7px}
  .launch-inner{padding:23px 15px}
  .join-content{padding:50px 18px}
  .big-btn{width:100%;min-width:0}
}


/* ===== LEADERBOARD / POINTS / WEEKLY CHALLENGES ===== */
.leaderboard-section,
.points-section,
.weekly-section {
  scroll-margin-top: 90px;
}

.leaderboard-card {
  max-width: 1050px;
  margin: 0 auto;
  border: 1px solid rgba(35,135,255,.5);
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(145deg,#071426,#02060b);
  box-shadow: 0 0 60px rgba(20,110,255,.12);
}

.leaderboard-head,
.site-leaderboard-row {
  display: grid;
  grid-template-columns: 110px 1fr 170px;
  align-items: center;
}

.leaderboard-head {
  padding: 17px 24px;
  background: rgba(35,135,255,.13);
  color: #45a7ff;
  font: 800 11px Orbitron,sans-serif;
  letter-spacing: 2px;
}

.site-leaderboard-row {
  min-height: 62px;
  padding: 12px 24px;
  border-top: 1px solid rgba(35,135,255,.13);
  color: #dce9ff;
  font: 700 15px Orbitron,sans-serif;
}

.site-rank {
  color: #7e9bc2;
}

.site-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-score {
  text-align: right;
  color: #fff;
  text-shadow: 0 0 18px rgba(35,135,255,.45);
}

.site-leaderboard-row.rank-1 .site-rank,
.site-leaderboard-row.rank-1 .site-score { color: #ffd84d; }
.site-leaderboard-row.rank-2 .site-rank,
.site-leaderboard-row.rank-2 .site-score { color: #d7e0eb; }
.site-leaderboard-row.rank-3 .site-rank,
.site-leaderboard-row.rank-3 .site-score { color: #cd8b55; }

.leaderboard-loading,
.leaderboard-error {
  padding: 40px 20px;
  text-align: center;
  color: #6f88a8;
  font: 800 12px Orbitron,sans-serif;
  letter-spacing: 1.5px;
}

.leaderboard-error {
  color: #8da1bd;
}
.leaderboard-error small {
  display: block;
  margin-top: 10px;
  color: #526783;
  font: 600 10px Arial,sans-serif;
}

.leaderboard-foot {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 24px;
  border-top: 1px solid rgba(35,135,255,.18);
  color: #607795;
  font: 700 9px Orbitron,sans-serif;
  letter-spacing: 1.2px;
}

.points-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.points-card {
  padding: 30px 24px;
  border: 1px solid rgba(45,122,221,.38);
  border-radius: 15px;
  background: linear-gradient(145deg,#09172a,#03070d);
  box-shadow: 0 15px 50px rgba(0,0,0,.28);
  transition: .2s transform,.2s border-color,.2s box-shadow;
}

.points-card:hover {
  transform: translateY(-4px);
  border-color: rgba(45,140,255,.75);
  box-shadow: 0 18px 60px rgba(10,100,255,.12);
}

.points-icon {
  font-size: 30px;
  margin-bottom: 15px;
}

.points-label {
  color: #3fa2ff;
  font: 800 10px Orbitron,sans-serif;
  letter-spacing: 2px;
}

.points-card h3 {
  margin: 9px 0 22px;
  font: 900 25px Orbitron,sans-serif;
  color: #fff;
}

.points-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid rgba(45,122,221,.16);
  color: #c7d5e9;
  font-size: 12px;
  line-height: 1.4;
}

.points-row strong {
  color: #fff;
  font: 900 20px Orbitron,sans-serif;
  white-space: nowrap;
}

.points-note {
  margin-top: 16px;
  color: #778ca8;
  font-size: 11px;
  line-height: 1.6;
}

.mini-link {
  display: inline-block;
  margin-top: 18px;
  color: #3c9dff;
  text-decoration: none;
  font: 800 9px Orbitron,sans-serif;
  letter-spacing: 1px;
}

.mini-link:hover { color: #fff; }

.points-warning {
  max-width: 1050px;
  margin: 22px auto 0;
  padding: 17px 20px;
  display: flex;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(255,190,60,.2);
  border-radius: 10px;
  background: rgba(80,55,8,.12);
  color: #8191a7;
  font-size: 11px;
  line-height: 1.5;
}

.points-warning strong {
  color: #c6a14c;
  font: 800 9px Orbitron,sans-serif;
  letter-spacing: 1px;
  white-space: nowrap;
}

.weekly-card {
  max-width: 1050px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid rgba(35,135,255,.55);
  border-radius: 17px;
  background: radial-gradient(circle at 80% 30%,rgba(15,76,150,.3),rgba(3,7,13,.98) 62%);
  box-shadow: 0 0 70px rgba(20,110,255,.13);
}

.weekly-badge {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid rgba(35,135,255,.35);
  border-radius: 5px;
  background: rgba(20,100,200,.1);
  color: #49a7ff;
  font: 800 9px Orbitron,sans-serif;
  letter-spacing: 1.5px;
}

.weekly-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: center;
  margin-top: 24px;
}

.weekly-content h3 {
  margin: 5px 0 12px;
  font: 900 clamp(28px,4vw,48px) Orbitron,sans-serif;
}

.weekly-content p {
  margin: 0;
  color: #91a3bc;
  line-height: 1.6;
  max-width: 560px;
}

.weekly-rewards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

.weekly-rewards div {
  text-align: center;
  padding: 18px 8px;
  border: 1px solid rgba(45,122,221,.3);
  border-radius: 10px;
  background: rgba(2,7,13,.75);
}

.weekly-rewards strong {
  display: block;
  color: #fff;
  font: 900 27px Orbitron,sans-serif;
}

.weekly-rewards span {
  display: block;
  margin-top: 7px;
  color: #68809f;
  font: 800 8px Orbitron,sans-serif;
  letter-spacing: 1px;
}

.weekly-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(45,122,221,.18);
  color: #7186a2;
  font-size: 11px;
}

.weekly-footer .btn {
  white-space: nowrap;
}

@media(max-width:900px){
  .points-grid { grid-template-columns: 1fr; }
  .weekly-content { grid-template-columns: 1fr; }
}

@media(max-width:700px){
  .leaderboard-head,
  .site-leaderboard-row {
    grid-template-columns: 65px 1fr 100px;
  }
  .leaderboard-head,
  .site-leaderboard-row { padding-left: 14px; padding-right: 14px; }
  .site-leaderboard-row { min-height: 55px; font-size: 12px; }
  .leaderboard-head { font-size: 9px; }
  .leaderboard-foot { padding: 12px 14px; font-size: 7px; }
  .points-warning { flex-direction: column; align-items: flex-start; }
  .weekly-card { padding: 22px 17px; }
  .weekly-footer { flex-direction: column; align-items: stretch; }
  .weekly-footer .btn { width: 100%; }
}

@media(max-width:430px){
  .weekly-rewards strong { font-size: 21px; }
  .weekly-rewards span { font-size: 7px; }
}


/* ===== LEADERBOARD COLUMN FIX / STRONG OVERRIDES ===== */
#leaderboard .leaderboard-card {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  display: block;
  background: #030913;
  border: 1px solid rgba(35,135,255,.65);
  border-radius: 16px;
  overflow: hidden;
}

#leaderboard .leaderboard-head {
  display: grid !important;
  grid-template-columns: 110px minmax(0,1fr) 160px !important;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 0 24px !important;
  box-sizing: border-box;
}

#leaderboard .site-leaderboard-rows {
  display: block !important;
  width: 100%;
}

#leaderboard .site-leaderboard-row {
  display: grid !important;
  grid-template-columns: 110px minmax(0,1fr) 160px !important;
  align-items: center;
  width: 100%;
  min-height: 66px;
  padding: 0 24px !important;
  box-sizing: border-box;
  border-top: 1px solid rgba(35,135,255,.16);
  background: linear-gradient(90deg,rgba(8,20,37,.92),rgba(3,9,17,.92));
  color: #fff;
  font-family: Orbitron, sans-serif !important;
  font-size: 15px;
  font-weight: 700;
}

#leaderboard .site-rank,
#leaderboard .site-name,
#leaderboard .site-score {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

#leaderboard .site-rank {
  text-align: left;
  font-size: 16px;
  color: #5f9be1;
}

#leaderboard .site-name {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#leaderboard .site-score {
  text-align: right;
  font-size: 18px;
  color: #55aaff;
}

#leaderboard .site-leaderboard-row.rank-1 {
  background: linear-gradient(90deg,rgba(100,75,10,.30),rgba(3,9,17,.95));
  border-top-color: rgba(255,205,60,.45);
}
#leaderboard .site-leaderboard-row.rank-2 {
  background: linear-gradient(90deg,rgba(120,130,145,.14),rgba(3,9,17,.95));
}
#leaderboard .site-leaderboard-row.rank-3 {
  background: linear-gradient(90deg,rgba(130,75,25,.18),rgba(3,9,17,.95));
}

#leaderboard .rank-1 .site-rank,
#leaderboard .rank-1 .site-name,
#leaderboard .rank-1 .site-score { color: #ffd84d; }

#leaderboard .rank-2 .site-rank,
#leaderboard .rank-2 .site-name,
#leaderboard .rank-2 .site-score { color: #e3e8ef; }

#leaderboard .rank-3 .site-rank,
#leaderboard .rank-3 .site-name,
#leaderboard .rank-3 .site-score { color: #e0a05e; }

#leaderboard .leaderboard-foot {
  display: flex !important;
  width: 100%;
  box-sizing: border-box;
}

@media(max-width:700px){
  #leaderboard .leaderboard-head,
  #leaderboard .site-leaderboard-row {
    grid-template-columns: 65px minmax(0,1fr) 95px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  #leaderboard .site-leaderboard-row {
    min-height: 56px;
    font-size: 12px;
  }
  #leaderboard .site-score { font-size: 14px; }
}


/* ===== SHOW ALL LEADERBOARD PLAYERS ===== */
#leaderboard .leaderboard-card {
  max-height: none;
}

#leaderboard .site-leaderboard-rows {
  max-height: none;
  overflow: visible;
}

#leaderboard .site-leaderboard-row {
  flex-shrink: 0;
}


/* ===== COMPETITION ELIGIBILITY ===== */
#eligibility {
  scroll-margin-top: 90px;
}

#eligibility .eligibility-card {
  max-width: 1050px;
  margin: 0 auto;
  padding: 8px 24px 24px;
  border: 2px solid #168cff;
  border-radius: 12px;
  background: rgba(3, 10, 20, 0.92);
  box-shadow:
    0 0 0 1px rgba(22,140,255,.14),
    0 0 28px rgba(22,140,255,.17),
    inset 0 0 22px rgba(22,140,255,.06);
  font-family: inherit;
}

#eligibility .eligibility-item {
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  gap: 18px;
  align-items: center;
  padding: 23px 0;
  border-bottom: 1px solid rgba(22,140,255,.22);
}

#eligibility .eligibility-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 40px;
  border: 1px solid #168cff;
  border-radius: 7px;
  background: rgba(22,140,255,.08);
  color: #4ba9ff;
  font: 800 12px Orbitron,sans-serif;
  letter-spacing: 1px;
}

#eligibility .eligibility-item h3 {
  margin: 0 0 7px;
  color: #fff;
  font: 900 17px Orbitron,sans-serif;
}

#eligibility .eligibility-item p {
  margin: 0;
  color: #91a3bc;
  font: inherit;
  font-size: 12px;
  line-height: 1.65;
}

#eligibility .eligibility-item strong {
  color: #fff;
}

#eligibility .eligibility-note {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
  padding: 16px 18px;
  border: 1px solid rgba(22,140,255,.45);
  border-radius: 9px;
  background: rgba(22,140,255,.05);
  color: #8191a7;
  font-size: 11px;
  line-height: 1.55;
}

#eligibility .eligibility-note strong {
  color: #4ba9ff;
  font: 800 9px Orbitron,sans-serif;
  letter-spacing: 1px;
  white-space: nowrap;
}

@media(max-width:700px) {
  #eligibility .eligibility-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  #eligibility .eligibility-item {
    grid-template-columns: 58px minmax(0,1fr);
    gap: 12px;
  }

  #eligibility .eligibility-number {
    width: 45px;
  }

  #eligibility .eligibility-note {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* =========================================================
   MOBILE PHONE OPTIMISATION — MASKED 5024
   Keeps the desktop design intact and gives mobile its own
   clean spacing, columns, borders and readable type.
   ========================================================= */

@media screen and (max-width: 600px) {

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    font-size: 14px;
  }

  /* Keep section content comfortably inside an iPhone screen */
  .section,
  .section-heading,
  .leaderboard-card,
  .weekly-card,
  #points .points-grid,
  #points .points-warning,
  #eligibility .eligibility-card {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    box-sizing: border-box !important;
  }

  .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-heading {
    margin-bottom: 28px !important;
  }

  .section-heading h2 {
    font-size: clamp(32px, 10vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
  }

  .section-heading p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* ================= LEADERBOARD ================= */

  #leaderboard .leaderboard-card {
    border: 2px solid #168cff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: rgba(3,10,20,.96) !important;
  }

  #leaderboard .leaderboard-head {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 78px !important;
    gap: 0 !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 8px !important;
    letter-spacing: 1px !important;
  }

  #leaderboard .site-leaderboard-rows {
    display: block !important;
    width: 100% !important;
  }

  #leaderboard .site-leaderboard-row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 78px !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
  }

  #leaderboard .site-rank {
    text-align: left !important;
    font-size: 12px !important;
  }

  #leaderboard .site-name {
    min-width: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 8px !important;
  }

  #leaderboard .site-score {
    text-align: right !important;
    font-size: 13px !important;
  }

  #leaderboard .leaderboard-foot {
    padding: 12px !important;
    font-size: 7px !important;
  }

  /* ================= POINTS SYSTEM ================= */

  #points .points-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #points .points-card {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 21px 17px !important;
    border: 2px solid #168cff !important;
    border-radius: 12px !important;
    background: rgba(3,10,20,.94) !important;
  }

  #points .points-icon {
    font-size: 25px !important;
    margin-bottom: 9px !important;
  }

  #points .points-label {
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
  }

  #points .points-card h3 {
    margin: 7px 0 17px !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  #points .points-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  #points .points-row span {
    min-width: 0 !important;
  }

  #points .points-row strong {
    font-size: 17px !important;
    white-space: nowrap !important;
  }

  #points .points-note {
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  #points .mini-link {
    display: inline-block !important;
    max-width: 100% !important;
    font-size: 8px !important;
    line-height: 1.4 !important;
  }

  #points .points-warning {
    display: block !important;
    width: auto !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }

  #points .points-warning strong {
    display: block !important;
    margin-bottom: 7px !important;
  }

  #points .points-warning span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  /* ================= WEEKLY CHALLENGES ================= */

  #weekly .weekly-card {
    width: auto !important;
    padding: 20px 17px !important;
    border: 2px solid #168cff !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  #weekly .weekly-content {
    display: block !important;
    margin-top: 20px !important;
  }

  #weekly .weekly-content h3 {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  #weekly .weekly-content p {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  #weekly .weekly-rewards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin-top: 20px !important;
  }

  #weekly .weekly-rewards div {
    min-width: 0 !important;
    padding: 13px 4px !important;
    box-sizing: border-box !important;
  }

  #weekly .weekly-rewards strong {
    font-size: 20px !important;
  }

  #weekly .weekly-rewards span {
    font-size: 6px !important;
    line-height: 1.25 !important;
    letter-spacing: .6px !important;
  }

  #weekly .weekly-footer {
    display: block !important;
    margin-top: 20px !important;
    padding-top: 17px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  #weekly .weekly-footer .btn {
    display: block !important;
    width: 100% !important;
    margin-top: 13px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* ================= ELIGIBILITY ================= */

  #eligibility .eligibility-card {
    width: auto !important;
    padding: 4px 15px 18px !important;
    border: 2px solid #168cff !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  #eligibility .eligibility-item {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 18px 0 !important;
  }

  #eligibility .eligibility-number {
    width: 43px !important;
    height: 36px !important;
    font-size: 10px !important;
  }

  #eligibility .eligibility-item h3 {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  #eligibility .eligibility-item p {
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  #eligibility .eligibility-note {
    display: block !important;
    margin-top: 17px !important;
    padding: 13px !important;
  }

  #eligibility .eligibility-note strong {
    display: block !important;
    margin-bottom: 7px !important;
  }

  #eligibility .eligibility-note span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  /* Prevent any image/logo from creating horizontal overflow */
  img, video, iframe {
    max-width: 100% !important;
    height: auto;
  }
}


/* ===== FINAL MOBILE REPAIR — v2 ===== */
.mobile-menu-toggle { display: none; }

@media screen and (max-width: 600px) {
  .mobile-menu-toggle {
    display: flex !important;
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 9999 !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #168cff !important;
    border-radius: 8px !important;
    background: rgba(3,10,20,.95) !important;
    color: #fff !important;
    font-size: 22px !important;
    cursor: pointer !important;
  }

  header.nav {
    position: relative !important;
    min-height: 72px !important;
    padding: 16px 60px 16px 18px !important;
    box-sizing: border-box !important;
  }

  header.nav nav {
    display: none !important;
    position: absolute !important;
    top: 64px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 9998 !important;
    padding: 10px !important;
    border: 2px solid #168cff !important;
    border-radius: 10px !important;
    background: #030a14 !important;
    box-shadow: 0 0 30px rgba(22,140,255,.25) !important;
  }

  header.nav nav.mobile-open {
    display: grid !important;
  }

  header.nav nav a {
    display: block !important;
    padding: 12px 10px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  /* Prevent the site from inheriting huge desktop section widths */
  main, section, .section, .container {
    max-width: 100% !important;
  }

  .section-heading h2 {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* True mobile leaderboard table */
  #leaderboard .leaderboard-card {
    margin: 0 12px !important;
    width: calc(100% - 24px) !important;
  }

  #leaderboard .leaderboard-head,
  #leaderboard .site-leaderboard-row {
    grid-template-columns: 48px minmax(0,1fr) 72px !important;
  }

  /* Compact, bordered point cards */
  #points .points-card {
    margin: 0 !important;
  }

  #points .points-grid {
    margin-left: 12px !important;
    margin-right: 12px !important;
    width: calc(100% - 24px) !important;
  }

  /* Weekly challenge */
  #weekly .weekly-card {
    margin-left: 12px !important;
    margin-right: 12px !important;
    width: calc(100% - 24px) !important;
  }

  /* Eligibility */
  #eligibility .eligibility-card {
    margin-left: 12px !important;
    margin-right: 12px !important;
    width: calc(100% - 24px) !important;
  }
}