:root{
  --bg:#0A0506; --bg2:#100708; --panel:#1A0A0C; --panel2:#220B0E;
  --line:rgba(225,29,42,.14); --line-2:rgba(242,232,233,.08);
  --gold:#E11D2A; --gold-hi:#FF3645; --gold-deep:#8A0F18;
  --ember:#B81020; --cream:#F2E8E9;
  --txt:#EDE3E4; --muted:#B59194; --dim:#8f7376; --white:#FFFFFF;
  --kick:#53FC18; --kick-dark:#06210a;
  --grad-gold:linear-gradient(135deg,#FF4E5C 0%,#E11D2A 46%,#8A0F18 100%);
  --grad-ember:linear-gradient(135deg,#FF3645 0%,#B81020 100%);
  --grad-kick:linear-gradient(135deg,#9CFF6B 0%,#53FC18 50%,#2bc40a 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-soft:cubic-bezier(.16,1,.3,1);
  --maxw:1400px; --pad:clamp(18px,5vw,64px);
  --r:18px; --r-sm:12px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
::selection{background:#E11D2A;color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1;font-weight:400}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*{scroll-behavior:auto!important}}

body{
  background:transparent;
  color:var(--txt);
  font-family:'Archivo',system-ui,sans-serif;
  font-weight:500;
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.bg-ambient{
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 50% at 50% -8%, rgba(225,29,42,.22), transparent 60%),
    radial-gradient(ellipse 45% 60% at 92% 78%, rgba(184,16,32,.18), transparent 65%),
    radial-gradient(ellipse 50% 60% at 6% 40%, rgba(255,54,69,.12), transparent 65%),
    linear-gradient(180deg,#08040A 0%,#0A0506 50%,#0E0708 100%);
}
.bg-ambient::after{
  content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(135deg, rgba(225,29,42,.025) 0 2px, transparent 2px 14px);
}
body:has(#page-kick.active) .bg-ambient{
  background:
    radial-gradient(ellipse 70% 50% at 50% -8%, rgba(83,252,24,.18), transparent 60%),
    radial-gradient(ellipse 45% 60% at 92% 78%, rgba(83,252,24,.12), transparent 65%),
    radial-gradient(ellipse 50% 60% at 6% 40%, rgba(156,255,107,.08), transparent 65%),
    linear-gradient(180deg,#04080A 0%,#050A06 50%,#070E08 100%);
}
body:has(#page-challenges.active) .bg-ambient{
  background:
    radial-gradient(ellipse 70% 50% at 50% -8%, rgba(255,54,69,.26), transparent 60%),
    radial-gradient(ellipse 45% 60% at 92% 78%, rgba(184,16,32,.22), transparent 65%),
    radial-gradient(ellipse 50% 60% at 6% 40%, rgba(255,107,122,.14), transparent 65%),
    linear-gradient(180deg,#08040A 0%,#0A0506 50%,#0E0708 100%);
}
#sparkCanvas{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.75;mix-blend-mode:screen}

#glow{display:none !important}
#cursorGlow{
  position:fixed;pointer-events:none;z-index:1;
  width:620px;height:620px;border-radius:50%;
  transform:translate(-50%,-50%);left:50%;top:50%;opacity:0;
  transition:opacity .45s ease;
  background:radial-gradient(circle,rgba(255,54,69,.22) 0%,rgba(225,29,42,.10) 30%,rgba(225,29,42,.04) 55%,transparent 72%);
  mix-blend-mode:screen;filter:blur(2px);
}
#cursorGlow.on{opacity:1}
body:has(#page-kick.active) #cursorGlow{
  background:radial-gradient(circle,rgba(83,252,24,.18) 0%,rgba(83,252,24,.08) 30%,rgba(83,252,24,.03) 55%,transparent 72%);
}

.display{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase}
.mono{font-family:'Space Mono',monospace}
.gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(225,29,42,.35))}
.kick-text{background:var(--grad-kick);-webkit-background-clip:text;background-clip:text;color:transparent}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding:clamp(64px,9vw,120px) 0;position:relative}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(34px,5vw,56px)}
.sec-head h2{
  font-family:'Anton',sans-serif;font-size:clamp(34px,6vw,68px);
  text-transform:uppercase;letter-spacing:.005em;color:var(--white);
  position:relative;padding-left:22px;
  text-shadow:0 0 60px rgba(225,29,42,.25);
}
.sec-head h2::before{
  content:"";position:absolute;left:0;top:6%;height:88%;width:6px;
  background:linear-gradient(180deg,#FF3645 0%,#FF3645 50%,#8A0F18 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),50% 100%,0 calc(100% - 8px));
}
body.kick .sec-head h2::before{background:linear-gradient(180deg,#36ff47 0%,#36ff47 50%,#13a51f 100%) !important;}
body:has(#page-kick.active) .sec-head h2{text-shadow:0 0 60px rgba(83,252,24,.22)}
.sec-head p{max-width:56ch;color:var(--muted);font-size:clamp(15px,1.6vw,17px)}

.eyebrow{
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);display:inline-flex;align-items:center;gap:10px;
  padding:6px 14px 6px 30px;border:1px solid rgba(225,29,42,.3);
  background:rgba(225,29,42,.06);position:relative;
  box-shadow:0 0 18px rgba(225,29,42,.12);
}
.eyebrow::before{
  content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:14px;height:2px;background:linear-gradient(90deg,var(--gold-hi),transparent);
  box-shadow:0 0 8px var(--gold-hi);
}
.eyebrow.kick-eye{color:var(--kick);border-color:rgba(83,252,24,.3);background:rgba(83,252,24,.06);box-shadow:0 0 18px rgba(83,252,24,.12)}
.eyebrow.kick-eye::before{background:linear-gradient(90deg,var(--kick),transparent);box-shadow:0 0 8px var(--kick)}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft)}
.reveal.in{opacity:1;transform:none}

header.nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
header.nav.scrolled{background:rgba(11,10,7,.78);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;gap:22px;height:72px;padding:0 var(--pad)}
body.kick .nav.scrolled{border-color: rgba(156,255,107,.14)}
.brand{
  display:flex;align-items:center;gap:12px;font-family:'Anton',sans-serif;font-size:22px;
  text-transform:uppercase;letter-spacing:.24em;font-weight:700;
  background: linear-gradient(
  90deg,
  #fff 0%,
  var(--gold-hi) 100%
);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand img{
  width:40px;height:40px;border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(225,29,42,.35),0 6px 22px rgba(225,29,42,.65);
  transition:transform .25s ease,filter .25s ease;
}
.brand:hover img{transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 14px rgba(255,30,0,.78))}
body.kick .brand {
  background: linear-gradient(
  90deg,
  #fff 0%,
  var(--kick) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.kick .brand img {
  box-shadow:0 12px 34px rgba(83,252,24,.4)
}
body.kick .brand:hover img {
  filter:drop-shadow(0 0 14px rgba(68, 255, 0, 0.534))
}
.nav-links{display:flex;gap:26px;margin-left:auto;align-items:center}
.nav-links a.lnk{
  font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.02em;
  transition:color .25s;position:relative;padding:4px 0;
}
.nav-links a.lnk:hover{color:var(--white)}
.nav-links a.lnk::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--grad-gold);transition:width .3s var(--ease)}
.nav-links a.lnk:hover::after{width:100%}
.nav-links a.lnk::before{
  content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:5px;height:5px;background:#E11D2A;opacity:0;transition:opacity .25s;
}
body.kick .nav-links a.lnk::after{
  background: linear-gradient(
  90deg,
  #fff 0%,
  var(--kick) 100%);
}
body.kick .nav-links a.lnk::before{
  background: var(--kick);
}
.nav-links a.lnk:hover::before{opacity:1}
.nav-cta{display:flex;gap:10px;align-items:center}
.hamb{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:rgba(242,232,233,.03);flex-direction:column;gap:5px;align-items:center;justify-content:center;margin-left:auto;cursor:pointer}
body.kick .hamb {border:1px solid rgba(156,255,107,.5);color:var(--cream);}
.hamb span{width:20px;height:2px;background:var(--cream);transition:.3s var(--ease)}
.hamb.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb.x span:nth-child(2){opacity:0}
.hamb.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile menu */
.mobile{position:fixed;inset:0;z-index:55;background:rgba(8,7,5,.97);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:var(--pad);clip-path:circle(0% at 100% 0%);transition:clip-path .55s var(--ease);pointer-events:none}
.mobile.open{clip-path:circle(150% at 100% 0%);pointer-events:auto}
.mobile a{font-family:'Anton',sans-serif;font-size:34px;text-transform:uppercase;color:var(--cream);padding:10px 0;border-bottom:3px solid var(--line)}
body.kick .mobile a{border-color: rgba(156,255,107,.14);}
.mobile .m-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.mobile .m-cta .btn{font-size:14px;padding:13px 22px;font-weight:550}

.btn{
  display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px;
  border-radius:999px;padding:11px 20px;letter-spacing:.01em;
  transition:transform .25s var(--ease),box-shadow .3s,background .3s;
  white-space:nowrap;border:1px solid transparent;cursor:pointer;
}
.btn svg{width:17px;height:17px}
.btn-gold{
  background:var(--grad-gold);color:#fff;
  box-shadow:0 8px 26px rgba(225,29,42,.35);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(225,29,42,.55)}
.btn-gold img{height:18px;border-radius:3px}
.btn-kick{
  background:var(--grad-kick);color:#06210a !important;
  box-shadow:0 8px 26px rgba(83,252,24,.26);
}
.btn-kick:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(83,252,24,.4)}
.btn-ghost{background:rgba(242,232,233,.04);border-color:var(--line);color:var(--txt)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--gold);color:var(--white)}
.btn-ember{background:linear-gradient(135deg,#FF3645,#B81020);color:#fff;box-shadow:0 8px 26px rgba(184,16,32,.3)}
.btn-ember:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(184,16,32,.45)}

/* hero CTAs — brighter, heavier */
.hero-cta .btn-gold,.hero-cta .btn-ember{
  background:linear-gradient(135deg,#FF6B7A 0%,#E11D2A 50%,#8A0F18 100%);
}
@keyframes btn-shine{0%,60%{left:-60%}100%{left:130%}}
.hero-cta .btn-kick{
  background:linear-gradient(135deg,#9CFF6B 0%,#53FC18 50%,#2bc40a 100%);color:#06210a;
}
.hero-cta .btn-ghost{
  background:transparent;border:1px solid rgba(225,29,42,.45);color:var(--cream);
  backdrop-filter:blur(6px);padding:17px 28px;font-size:14px;letter-spacing:.14em;
}
.hero-cta .btn-ghost:hover{border-color:var(--gold-hi);background:rgba(225,29,42,.08)}

#hero-kick .btn-ghost{
  background:transparent;border:1px solid rgba(156,255,107,.5);color:var(--cream);
  backdrop-filter:blur(6px);padding:17px 28px;font-size:14px;letter-spacing:.14em;
}
#hero-kick .btn-ghost:hover{border-color:rgba(83,252,24,.09);background:rgba(83,252,24,.5)}

.page-tabs{display:none;position:sticky;top:72px;z-index:50;border-bottom:1px solid var(--line);background:rgba(11,10,7,.85);backdrop-filter:blur(14px)}
.page-tabs .wrap{display:flex;gap:6px;padding-block:10px;overflow-x:auto;scrollbar-width:none}
.page-tabs .wrap::-webkit-scrollbar{display:none}
.page-tab{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid transparent;cursor:pointer;padding:11px 20px;border-radius:999px;transition:color .3s var(--ease),background .3s var(--ease),border-color .3s;white-space:nowrap}
.page-tab:hover{color:var(--cream)}
.page-tab.active{background:var(--grad-gold);color:#FFFFFF;font-weight:700}
.page-tab.active[data-page="kick"]{background:var(--grad-kick);color:var(--kick-dark)}
.page-tab.active[data-page="challenges"]{background:var(--grad-ember)}
.page{display:none}
.page.active{display:block}

.hero{
  position:relative;isolation:isolate;overflow:hidden;display:none;
  padding:clamp(130px,18vh,200px) 0 clamp(60px,8vw,100px);
  z-index:2;
}
.hero.active{display:block}
.hero > .wrap{position:relative;z-index:3}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:start;position:relative}

/* ghost wordmark */
.hero::before{
  font-size:clamp(220px,34vw,520px);opacity:1;
  background:linear-gradient(180deg,rgba(225,29,42,.14),rgba(225,29,42,0) 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 40px rgba(225,29,42,.18));
  top:42%;animation:hero-drift 16s ease-in-out infinite alternate;
}
@keyframes hero-drift{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-52%) scale(1.04)}}

/* arena spotlights */
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(80% 60% at 50% -10%, rgba(225,29,42,.22), transparent 60%),
    radial-gradient(40% 50% at 8% 30%, rgba(225,29,42,.12), transparent 70%),
    radial-gradient(40% 50% at 92% 60%, rgba(255,54,69,.10), transparent 70%);
  mask:linear-gradient(180deg,#000 0%, #000 70%, transparent 100%);
}
#hero-kick::after{
  background:
    radial-gradient(80% 60% at 50% -10%, rgba(83,252,24,.20), transparent 60%),
    radial-gradient(40% 50% at 8% 30%, rgba(83,252,24,.10), transparent 70%),
    radial-gradient(40% 50% at 92% 60%, rgba(83,252,24,.08), transparent 70%);
}
#hero-challenges::after{
  background:
    radial-gradient(80% 60% at 50% -10%, rgba(255,54,69,.26), transparent 60%),
    radial-gradient(40% 50% at 8% 30%, rgba(184,16,32,.16), transparent 70%),
    radial-gradient(40% 50% at 92% 60%, rgba(225,29,42,.12), transparent 70%);
}

/* aurora streak */
.hero .hero-grid::before{
  content:"";position:absolute;left:50%;top:-40px;transform:translateX(-50%);
  width:min(900px,90%);height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,54,69,.9),rgba(255,107,122,.6),rgba(255,54,69,.9),transparent);
  filter:blur(1px);box-shadow:0 0 22px rgba(255,54,69,.7);
  animation:streak 4.2s ease-in-out infinite;z-index:0;
}
#hero-kick .hero-grid::before{
  background:linear-gradient(90deg,transparent,rgba(83,252,24,.9),rgba(156,255,107,.6),rgba(83,252,24,.9),transparent);
  box-shadow:0 0 22px rgba(83,252,24,.6);
}
@keyframes streak{0%,100%{opacity:.55;transform:translateX(-50%) scaleX(.7)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}}

/* hero badge */
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;
  border:1px solid rgba(225,29,42,.4);border-radius:999px;
  background:rgba(0,0,0,.55);font-size:11px;color:var(--cream);margin-bottom:26px;
  box-shadow:0 6px 20px rgba(225,29,42,.18),inset 0 1px 0 rgba(255,255,255,.05);
  text-transform:uppercase;letter-spacing:.18em;font-family:'Space Mono',monospace;
  position:relative;overflow:hidden;
}
.hero-badge::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);
  transform:translateX(-120%);animation:badge-scan 3.4s ease-in-out infinite;
}
@keyframes badge-scan{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#53FC18;box-shadow:0 0 0 0 rgba(83,252,24,.6);animation:pulse 2.2s infinite}
.hero-badge.kick-badge{border-color:rgba(83,252,24,.4);box-shadow:0 6px 20px rgba(83,252,24,.15)}
.hero-badge.chal-badge{border-color:rgba(255,54,69,.45);box-shadow:0 6px 20px rgba(255,54,69,.18)}
.hero-badge.chal-badge .dot{background:var(--gold-hi);box-shadow:0 0 0 0 rgba(255,54,69,.6);animation:pulse-gold 2.2s infinite}

@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(83,252,24,.5)}70%{box-shadow:0 0 0 9px rgba(83,252,24,0)}100%{box-shadow:0 0 0 0 rgba(83,252,24,0)}}
@keyframes pulse-gold{0%{box-shadow:0 0 0 0 rgba(255,54,69,.5)}70%{box-shadow:0 0 0 9px rgba(255,54,69,0)}100%{box-shadow:0 0 0 0 rgba(255,54,69,0)}}

/* hero h1 */
.hero h1{
  font-family:'Anton',sans-serif;font-size:clamp(56px,10.5vw,140px);
  line-height:.86;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);
  display:flex;flex-direction:column;gap:6px;
  background-size:100% 200% !important;
}
.hero h1 .kicker{
  font-size:.28em;font-family:'Space Mono',monospace;letter-spacing:.42em;
  color:var(--gold-hi);font-weight:700;padding-left:6px;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:14px;
}
.hero h1 .kicker::before,.hero h1 .kicker::after{
  content:"";display:inline-block;width:34px;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-hi));
}
.hero h1 .kicker::after{background:linear-gradient(90deg,var(--gold-hi),transparent)}
#hero-kick h1 .kicker{color:var(--kick)}
#hero-kick h1 .kicker::before{background:linear-gradient(90deg,transparent,var(--kick))}
#hero-kick h1 .kicker::after{background:linear-gradient(90deg,var(--kick),transparent)}
#hero-challenges h1 .kicker{color:#FF6B7A}
#hero-challenges h1 .kicker::before{background:linear-gradient(90deg,transparent,#FF6B7A)}
#hero-challenges h1 .kicker::after{background:linear-gradient(90deg,#FF6B7A,transparent)}
.hero h1 .accent{
  color:var(--gold-hi);position:relative;display:inline-block;padding-right:.15em;
  background:linear-gradient(90deg,#FFE0E3 0%,#FF6B7A 35%,#E11D2A 65%,#8A0F18 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:accent-shimmer 6s ease-in-out infinite;
}
#hero-kick h1 .accent{
  background:linear-gradient(90deg,#E6FFD2 0%,#9CFF6B 35%,#53FC18 65%,#2bc40a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#hero-kick h1 .accent::after{background:linear-gradient(90deg,rgba(83,252,24,.35),transparent)}
#hero-challenges h1 .accent{
  background:linear-gradient(90deg,#FFFFFF,#FF6B7A 60%,#8A0F18);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero h1 .slash{display:inline-block;color:rgba(225,29,42,.35);font-weight:400;margin-inline:6px}
@keyframes accent-shimmer{0%,100%{background-position:0% 0%}50%{background-position:100% 0%}}

/* lead */
.hero .lead{
  margin-top:28px;font-size:clamp(15px,1.6vw,18px);max-width:54ch;
  color:#C9B9BB;line-height:1.65;padding:14px 18px;
  border-left:3px solid rgba(225,29,42,.5);
  background:linear-gradient(90deg,rgba(225,29,42,.08),transparent 70%);
  position:relative;
}
.hero .lead::before{content:"";position:absolute;left:0;top:0;width:30px;height:2px;background:var(--gold-hi)}
.hero .lead::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--gold-hi)}
.hero .lead b{color:var(--cream);font-weight:700}
#hero-kick .lead{border-left-color:rgba(83,252,24,.5);background:linear-gradient(90deg,rgba(83,252,24,.07),transparent 70%)}
#hero-kick .lead::before,#hero-kick .lead::after{background:var(--kick)}
#hero-challenges .lead{border-left-color:rgba(255,107,122,.6);background:linear-gradient(90deg,rgba(255,107,122,.08),transparent 70%)}
#hero-challenges .lead::before,#hero-challenges .lead::after{background:#FF6B7A}

/* code pill */
.code-pill{
  display:inline-flex;align-items:center;gap:12px;margin-top:24px;
  padding:10px 12px 10px 18px;border:1px dashed var(--gold);border-left:3px dashed var(--gold-hi);
  border-radius:14px;background:rgba(225,29,42,.08);
}
.code-pill .lbl{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.code-pill .val{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:.08em;background:linear-gradient(90deg,#fff,var(--gold-hi));-webkit-background-clip:text;background-clip:text;color:transparent;}
.code-pill button{
  border:none;background:var(--grad-gold);color:#FFFFFF;font-weight:800;font-size:12px;
  padding:8px 12px;border-radius:9px;cursor:pointer;transition:transform .2s;
  text-transform:uppercase;letter-spacing:.12em;
}
.code-pill button:hover{transform:translateY(-1px)}

/* hero cta row */
.hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}


.pool,.chal-hero-card{
  position:relative;overflow:hidden;
  border-radius:24px;
  padding:clamp(32px,4vw,46px) clamp(28px,3.4vw,40px);
  text-align:center;
  max-width:430px;width:100%;margin-inline:auto;
  background:
    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255,54,69,.24), transparent 65%),
    linear-gradient(160deg,#1C0A0C 0%,#0A0506 100%);
  box-shadow:
    0 0 0 1px rgba(255,54,69,.28),
    0 0 0 4px rgba(225,29,42,.07),
    0 32px 80px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.07);
}
/* top streak */
.pool::before,.chal-hero-card::before{
  content:"";position:absolute;top:0;left:15%;right:15%;height:2px;z-index:3;
  background:linear-gradient(90deg,transparent,#FF6B7A,var(--gold-hi),#FF6B7A,transparent);
  border-radius:0 0 8px 8px;filter:blur(1px);
  animation:topStreakPulse 3s ease-in-out infinite;
}
@keyframes topStreakPulse{0%,100%{opacity:.55;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
/* corner glow */
.pool::after,.chal-hero-card::after{
  content:"";position:absolute;bottom:-30px;right:-30px;z-index:1;
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,54,69,.16), transparent 70%);
  pointer-events:none;
}
.pool > *,.chal-hero-card > *{position:relative;z-index:2}

/* kick variant */
.pool.kick-pool{
  background:
    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(83,252,24,.22), transparent 65%),
    linear-gradient(160deg,#0F1A09 0%,#060A05 100%);
  box-shadow:
    0 0 0 1px rgba(83,252,24,.28),
    0 0 0 4px rgba(83,252,24,.07),
    0 32px 80px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.07);
}
.pool.kick-pool::before{background:linear-gradient(90deg,transparent,#9CFF6B,#53FC18,#9CFF6B,transparent)}
.pool.kick-pool::after{background:radial-gradient(circle, rgba(83,252,24,.16), transparent 70%)}

/* pool logo ring */
.pool-ring,.chal-hero-card .ring{
  width:92px;height:92px;margin:0 auto 16px;
  border-radius:50%;display:grid;place-items:center;position:relative;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,54,69,.35), transparent 70%),
    linear-gradient(135deg, rgba(225,29,42,.2), rgba(255,54,69,.08));
  box-shadow:
    0 0 0 1px rgba(255,107,122,.4),
    0 0 28px rgba(255,54,69,.3),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.pool-ring img,.chal-hero-card .ring img{width:70px;height:70px;border-radius:50%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.pool.kick-pool .pool-ring{
  background:radial-gradient(circle at 50% 35%, rgba(156,255,107,.35), transparent 70%),linear-gradient(135deg, rgba(83,252,24,.2), rgba(156,255,107,.08));
  box-shadow:0 0 0 1px rgba(156,255,107,.4),0 0 28px rgba(83,252,24,.3),inset 0 1px 0 rgba(255,255,255,.12);
}

/* pool label */
.pool-tag{
  font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;
  color:var(--muted);display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;
}
.pool-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px var(--gold-hi);animation:pulse-gold 2s infinite}
.pool.kick-pool .pool-tag::before{background:var(--kick);box-shadow:0 0 10px var(--kick);animation:pulse 2s infinite}

/* pool amount */
.pool-amount-wrap{display:flex;align-items:baseline;justify-content:center;gap:9px;line-height:1}
.pool-currency{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.2em;color:var(--muted)}
.pool .pamount{
  font-family:'Anton',sans-serif;font-size:clamp(48px,7vw,78px);line-height:1;
  margin:0;letter-spacing:-.02em;
  background:linear-gradient(90deg,#FFFFFF 10%,#FF9AA3 55%,var(--gold-hi) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 22px rgba(225,29,42,.45));
}
.pool.kick-pool .pamount{
  background:linear-gradient(90deg,#FFFFFF 10%,#CFFFAE 55%,var(--kick) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 22px rgba(83,252,24,.4));
}

/* pool sub line */
.pool-usd-line{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.pool-usd-val{font-family:'Anton',sans-serif;font-size:20px;color:var(--white)}
.pool-usd-sub{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}

/* pool divider */
.pool-divider{height:1px;margin:22px 0 18px;background:linear-gradient(90deg,transparent,rgba(255,54,69,.35),rgba(255,107,122,.2),transparent)}
.pool.kick-pool .pool-divider{background:linear-gradient(90deg,transparent,rgba(83,252,24,.35),rgba(156,255,107,.2),transparent)}

/* pool stat cells */
.pool .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pool .pcell{
  background:linear-gradient(135deg, rgba(255,54,69,.09), rgba(225,29,42,.04));
  border:1px solid rgba(255,54,69,.2);border-radius:14px;
  padding:14px 10px;text-align:center;position:relative;overflow:hidden;
  transition:transform .25s var(--ease),border-color .25s,background .25s;
}
.pool .pcell:hover{transform:translateY(-2px);border-color:rgba(255,54,69,.5);background:linear-gradient(135deg, rgba(255,54,69,.15), rgba(225,29,42,.08))}
.pool .pcell .k{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.pool .pcell .v{font-family:'Anton',sans-serif;font-size:17px;color:var(--white);margin-top:5px;letter-spacing:.02em}
.pool.kick-pool .pcell{background:linear-gradient(135deg, rgba(83,252,24,.09), rgba(72, 214, 20, 0.04));
border-color:rgba(83,252,24,.2)}
.pool.kick-pool .pcell:hover{border-color:rgba(83,252,24,.5);background:linear-gradient(135deg, rgba(83,252,24,.15), rgba(72, 214, 20,.06))}

/* challenges hero card extras */
.chal-hero-card .ring{width:88px;height:88px;margin:0 auto 16px}
.chal-hero-card .ring img{width:64px;height:64px;border-radius:50%}
.chal-hero-card .chc-label{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.chal-hero-card .chc-title{
  font-family:'Anton',sans-serif;font-size:clamp(46px,7vw,72px);
  text-transform:uppercase;line-height:1;margin-bottom:2px;
  background:linear-gradient(90deg,#FFFFFF 10%,#FF9AA3 55%,var(--gold-hi) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 22px rgba(225,29,42,.45));
}
.chal-hero-card .chc-sub{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:8px}
.chal-hero-card .chc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,54,69,.18)}
.chal-hero-card .chc-stat{
  background:linear-gradient(135deg, rgba(255,54,69,.09), rgba(225,29,42,.04));
  border:1px solid rgba(255,54,69,.2);border-radius:14px;
  padding:14px 10px;position:relative;overflow:hidden;
  transition:transform .25s var(--ease),border-color .25s,background .25s;
}
.chal-hero-card .chc-stat:hover{transform:translateY(-2px);border-color:rgba(255,54,69,.5)}
.chal-hero-card .chc-stat .k{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.chal-hero-card .chc-stat .v{font-family:'Anton',sans-serif;font-size:22px;color:var(--white);margin-top:5px}

/* keyframes reused elsewhere on the page */
@keyframes halo-spin{to{transform:rotate(360deg)}}
@keyframes bar-flow{0%{background-position:0% 0}100%{background-position:200% 0}}


.countbar{position:relative;z-index:2;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(225,29,42,.05),transparent)}
.countbar.kick-bar{background:linear-gradient(180deg,rgba(83,252,24,.04),transparent); border-color: rgba(83,252,24,.5);}
.countbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;flex-wrap:wrap}
.countbar .cl{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.countbar .cl b{color:var(--gold-hi)}
.countbar.kick-bar .cl b{color:var(--kick)}
.clock{display:flex;gap:10px}
.clock .u{min-width:74px;text-align:center;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:10px 8px}
.clock .u .n{font-family:'Anton',sans-serif;font-size:34px;color:var(--white);line-height:1}
.clock .u .t{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.final-badge{display:none;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:rgba(225,29,42,.06)}
.final-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px var(--gold-hi)}
.countbar.ended .clock{display:none}
.countbar.ended .final-badge{display:inline-flex}
.kick-bar .u {background:linear-gradient(135deg, rgba(83,252,24,.09), rgba(72, 214, 20, 0.04));
border-color:rgba(83,252,24,.2)}

.podium{
  display:grid;grid-template-columns:1fr 1.14fr 1fr;
  gap:12px;align-items:end;
}

/* base card */
.pcard{
  position:relative;border-radius:18px;overflow:hidden;
  padding:clamp(24px,3vw,38px) clamp(14px,2vw,22px) clamp(18px,2.5vw,28px);
  text-align:center;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  background:linear-gradient(170deg,#1A0709 0%,#0C0406 100%);
  border:1px solid rgba(225,29,42,.14);
  box-shadow:0 16px 50px rgba(0,0,0,.5);
}

/* shimmer line at top */
.pcard::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent 10%,rgba(255,107,122,.4) 40%,rgba(255,210,215,.75) 50%,rgba(255,107,122,.4) 60%,transparent 90%);
}

.pcard:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 40px rgba(225,29,42,.1)}

/* 1st place */
.pcard.first{
  transform:translateY(-30px);
  background:linear-gradient(170deg,#280910 0%,#0F0406 100%);
  border-color:rgba(255,107,122,.32);
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 55px rgba(225,29,42,.18);
}
.pcard.first::before{
  background:linear-gradient(90deg,transparent 5%,#E11D2A 30%,#FF8A95 50%,#E11D2A 70%,transparent 95%);
  background-size:200% 100%;animation:bar-flow 3.2s linear infinite;height:2px;
}
.pcard.first:hover{transform:translateY(-36px)}

/* crown */
.crown{
  position:absolute;top:0px;left:50%;transform:translateX(-50%);
  width:36px;height:36px;color:#FF7A88;
  filter:drop-shadow(0 0 10px rgba(255,54,69,.95));
  animation:crown-bob 3.2s ease-in-out infinite;
}
#page-kick .crown{color:#8AFF5C;filter:drop-shadow(0 0 10px rgba(83,252,24,.9));}
@keyframes crown-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}

/* rank label */
.pcard-rank{
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--dim);margin-bottom:16px;
}
.pcard.first .pcard-rank{color:rgba(255,160,170,.7)}

/* avatar */
.pcard .av{
  width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px);margin:0 auto 14px;
  border-radius:14px;display:grid;place-items:center;
  font-family:'Anton',sans-serif;font-size:clamp(24px,3.5vw,36px);color:#fff;
  border:1px solid rgba(255,107,122,.25);
  box-shadow:0 0 0 3px rgba(225,29,42,.1),0 10px 36px rgba(225,29,42,.28);
  transition:box-shadow .3s;
}
.pcard.first .av{
  box-shadow:0 0 0 3px rgba(255,107,122,.3),0 0 0 7px rgba(225,29,42,.07),0 14px 44px rgba(225,29,42,.5);
  border-color:rgba(255,107,122,.5);
}
.av.g1{background:linear-gradient(145deg,#FF6878,#C4101D,#7A0E18)}
.av.g2{background:linear-gradient(145deg,#C8C2B2,#8E8980)}
.av.g3{background:linear-gradient(145deg,#CC8240,#965C22)}

/* username */
.pcard .uname{
  font-family:'Anton',sans-serif;font-size:clamp(16px,2vw,22px);
  color:#fff;text-transform:uppercase;letter-spacing:.02em;word-break:break-word;
}

/* meta row: label + wager */
.pcard-meta{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  margin-top:10px;padding:10px 0;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.pcard-meta-label{
  font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--dim);
}

/* prize */
.pcard-prize{
  margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:2px;
}
.pcard-prize-fc{
  font-family:'Anton',sans-serif;font-size:clamp(18px,2.2vw,24px);
  background:linear-gradient(155deg,#FFD8DC,#FF3040);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  line-height:1;
}
.pcard-prize-fc-unit{font-size:.65em;opacity:.8}
.pcard-prize-usd{font-family:'Space Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.05em}
.pcard-prize--none{font-family:'Space Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.12em;text-transform:uppercase}

.kick-pcard{
  background:linear-gradient(170deg,#0E1C09 0%,#060D05 100%);
  border-color:rgba(83,252,24,.15);
  box-shadow:0 16px 50px rgba(0,0,0,.5);
}
.kick-pcard::before{
  background:linear-gradient(90deg,transparent 10%,rgba(156,255,107,.35) 40%,rgba(215,255,185,.7) 50%,rgba(156,255,107,.35) 60%,transparent 90%);
}
.kick-pcard:hover{box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 40px rgba(83,252,24,.08)}
.kick-pcard.first{
  background:linear-gradient(170deg,#142812 0%,#080E07 100%);
  border-color:rgba(156,255,107,.35);
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 55px rgba(83,252,24,.15);
}
.kick-pcard.first::before{
  background:linear-gradient(90deg,transparent 5%,#53FC18 30%,#C4FF90 50%,#53FC18 70%,transparent 95%);
  background-size:200% 100%;animation:bar-flow 3.2s linear infinite;height:2px;
}
.kick-pcard.first:hover{transform:translateY(-36px)}
.kick-pcard .av{
  background:linear-gradient(145deg,#AEFF70,#3EDB08,#1A7005);color:#051a02;
  border-color:rgba(156,255,107,.3);
  box-shadow:0 0 0 3px rgba(83,252,24,.1),0 10px 36px rgba(83,252,24,.25);
}
.kick-pcard.first .av{
  box-shadow:0 0 0 3px rgba(156,255,107,.3),0 0 0 7px rgba(83,252,24,.07),0 14px 44px rgba(83,252,24,.4);
  border-color:rgba(156,255,107,.55);
}
.kick-pcard .pcard-rank{color:rgba(100,200,80,.6)}
.kick-pcard.first .pcard-rank{color:rgba(156,255,107,.65)}
.kick-pcard .pcard-prize-fc{
  background:linear-gradient(155deg,#D4FFB0,#3EDB08);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

.board{
  border:1px solid rgba(225,29,42,.22);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,#120708 0%,#0A0506 100%);
  padding:0;box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.board-head,.brow{display:grid;grid-template-columns:64px 1fr 150px 236px;align-items:center;gap:14px;padding:14px clamp(16px,2.4vw,26px)}
.board-head{
  background:linear-gradient(90deg,rgba(225,29,42,.22),rgba(225,29,42,.04));
  border-bottom:1px solid rgba(225,29,42,.22);padding-block:18px;
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream);
}
.board-head .r-wag,.brow .r-wag{text-align:right}
.board-head .r-prize{text-align:right}
.brow{
  border-bottom:1px solid rgba(225,29,42,.08);padding-block:16px;
  transition:background .25s,padding-left .25s;position:relative;
}
.brow::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:4px;background:transparent;transition:background .3s}
.brow:nth-child(even){background:rgba(225,29,42,.025)}
.brow:last-child{border-bottom:none}
.brow:hover{background:rgba(225,29,42,.1);padding-left:calc(clamp(16px,2.4vw,26px) + 6px)}
.brow:hover::before{background:linear-gradient(180deg,#FF3645,#8A0F18)}
.brow .rk{font-family:'Anton',sans-serif;font-size:26px;color:rgba(225,29,42,.55);font-weight:400}
.brow .who{display:flex;align-items:center;gap:14px;min-width:0}
.brow .mini{width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;font-family:'Anton',sans-serif;font-size:17px;color:#FFFFFF;background:linear-gradient(135deg,#3A0D11,#1F0709);border:1px solid var(--line)}
.brow .mini.lit{background:var(--grad-gold);box-shadow:0 4px 14px rgba(225,29,42,.4)}
.brow .nm{font-weight:700;color:var(--cream);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brow .r-prize{text-align:right;font-size:13px}
.brow .r-prize .fc{font-family:'Anton',sans-serif;font-size:18px;color:var(--gold-hi);display:block;line-height:1.1}
.brow .r-prize .usd{color:var(--cream);font-weight:700}
.brow .r-prize.none{color:var(--dim);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em}
.brow .r-wag{text-align:right}
/* kick board */
.kick-brow .mini.lit{background:var(--grad-kick);color:#06210a}
.kick-brow .r-prize .fc{color:var(--kick)}
#page-kick .brow .mini.lit{box-shadow:0 4px 14px rgba(83,252,24,.4);}

/* kick leaderboard — full green theme */
#page-kick .board{
  border-color:rgba(83,252,24,.22);
  background:linear-gradient(180deg,#081208 0%,#050A06 100%);
}
#page-kick .board-head{
  background:linear-gradient(90deg,rgba(83,252,24,.18),rgba(83,252,24,.04));
  border-bottom-color:rgba(83,252,24,.22);
}
#page-kick .brow{border-bottom-color:rgba(83,252,24,.08)}
#page-kick .brow:nth-child(even){background:rgba(83,252,24,.022)}
#page-kick .brow:hover{background:rgba(83,252,24,.08)}
#page-kick .brow:hover::before{background:linear-gradient(180deg,#53FC18,#1a6b05)}
#page-kick .brow .rk{color:rgba(83,252,24,.5)}
#page-kick .brow .mini{background:linear-gradient(135deg,#091a07,#061208);border-color:rgba(83,252,24,.18)}
#page-kick .brow .r-prize .fc{color:var(--kick)}

/* wager number */
.wagNum{display:inline-flex;align-items:baseline;gap:6px;justify-content:flex-end;font-family:'Archivo',sans-serif;font-variant-numeric:tabular-nums}
.wagNum .n{font-weight:900;color:#FF4E5C;font-size:31px;line-height:1;letter-spacing:.005em;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.wagNum .u{font-weight:800;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.wagNum.small .n{font-size:22px}
.wagNum.small .u{font-size:10px}
.wagNum.kick .n{color:#7CFF4B}

.prizes-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(20px,4vw,52px);
  align-items:center;
  margin-top:clamp(28px,4vw,48px);
}

.prize-spotlight{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
}
.prize-spot{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  padding:22px 14px 18px;
  border-radius:14px;
  position:relative;overflow:hidden;
  border:1px solid rgba(225,29,42,.14);
  background:linear-gradient(170deg,#170508 0%,#0C0405 100%);
  transition:transform .28s var(--ease),border-color .28s,box-shadow .28s;
  flex:1;
}
.prize-spot:hover{transform:translateY(-5px)}

/* top accent bar */
.prize-spot::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
}
.prize-spot-1::before{background:linear-gradient(90deg,transparent,#FFCD3C,#FFE985,#FFCD3C,transparent);box-shadow:0 0 12px rgba(255,205,60,.5)}
.prize-spot-2::before{background:linear-gradient(90deg,transparent,#C8C2B2,#E8E2D0,#C8C2B2,transparent)}
.prize-spot-3::before{background:linear-gradient(90deg,transparent,#CC8240,#E8A85C,#CC8240,transparent)}

/* 1st place elevated */
.prize-spot-1{
  padding-top:36px;
  min-height:220px;
  border-color:rgba(255,205,60,.22);
  background:linear-gradient(170deg,rgba(255,205,60,.07) 0%,#120508 50%,#0C0405 100%);
  box-shadow:0 0 40px rgba(255,205,60,.06);
}
.prize-spot-2{min-height:178px}
.prize-spot-3{min-height:164px}

/* crown emoji */
.ps-crown{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  font-size:22px;line-height:1;
  filter:drop-shadow(0 0 10px rgba(255,205,60,.8));
}

/* rank label */
.ps-rank{
  font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--dim);margin-bottom:10px;
}
.prize-spot-1 .ps-rank{color:rgba(255,205,60,.7)}
.prize-spot-2 .ps-rank{color:rgba(200,194,178,.6)}
.prize-spot-3 .ps-rank{color:rgba(204,130,64,.6)}

/* medal circle */
.ps-medal{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  margin-bottom:10px;flex-shrink:0;position:relative;
}
.ps-medal::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
}
.ps-trophy{width:18px;height:18px}
.ps-gold  {background:radial-gradient(circle at 35% 35%,#FFE566,#C8900A);box-shadow:0 0 18px rgba(255,205,60,.4);color:#3a2500}
.ps-silver{background:radial-gradient(circle at 35% 35%,#EEEAE0,#8A8E96);color:#2c2e30}
.ps-bronze{background:radial-gradient(circle at 35% 35%,#E09A50,#96520E);color:#3a1c00}

/* prize amount */
.ps-amount{
  font-family:'Anton',sans-serif;font-size:clamp(16px,2vw,22px);
  letter-spacing:.02em;line-height:1;
  background:linear-gradient(155deg,#fff 20%,#D0C0C2);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.prize-spot-1 .ps-amount{
  background:linear-gradient(155deg,#FFE985,#E11D2A);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ps-usd{
  font-family:'Space Mono',monospace;font-size:10px;
  color:var(--dim);letter-spacing:.06em;margin-top:4px;
}

.prize-rest{display:grid;gap:7px}
.pr-row{
  display:flex;align-items:center;gap:10px;
  padding:7px 10px;border-radius:8px;
  transition:background .18s;
}
.pr-row:hover{background:rgba(225,29,42,.06)}
.pr-n{
  font-family:'Anton',sans-serif;font-size:12px;color:var(--dim);
  width:28px;height:28px;flex-shrink:0;border-radius:50%;
  border:1px solid rgba(225,29,42,.18);
  display:grid;place-items:center;letter-spacing:.01em;
  background:rgba(225,29,42,.04);
}
.pr-bar{
  flex:1;height:5px;background:rgba(255,255,255,.05);
  border-radius:99px;overflow:hidden;
}
.pr-fill{
  height:100%;
  background:linear-gradient(90deg,#8A0F18,#FF3645);
  border-radius:99px;
  box-shadow:0 0 6px rgba(225,29,42,.4);
}
.pr-fc{
  font-family:'Anton',sans-serif;font-size:14px;
  color:var(--gold-hi);width:86px;text-align:right;
  flex-shrink:0;letter-spacing:.01em;
}
.pr-usd{
  font-family:'Space Mono',monospace;font-size:10px;
  color:var(--dim);letter-spacing:.05em;
  width:34px;text-align:right;flex-shrink:0;
}

.prize-notice{
  display:flex;align-items:flex-start;gap:10px;
  margin-top:clamp(20px,3vw,36px);
  padding:14px 20px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(225,29,42,.12);
  border-radius:10px;
  font-family:'Space Mono',monospace;font-size:11px;
  letter-spacing:.04em;color:var(--dim);line-height:1.65;
}
.prize-notice svg{flex-shrink:0;margin-top:2px;color:var(--gold-hi)}
.prize-notice--kick{border-color:rgba(83,252,24,.12)}
.prize-notice--kick svg{color:var(--kick)}

#page-kick .prize-spot{
  background:linear-gradient(170deg,#0C1708 0%,#070C06 100%);
  border-color:rgba(83,252,24,.12);
}
#page-kick .prize-spot-1{
  background:linear-gradient(170deg,rgba(83,252,24,.06) 0%,#0A1208 50%,#070C06 100%);
  border-color:rgba(156,255,107,.18);
  box-shadow:0 0 40px rgba(83,252,24,.05);
}
#page-kick .prize-spot-1::before{background:linear-gradient(90deg,transparent,#9CFF6B,#E6FFD2,#9CFF6B,transparent);box-shadow:0 0 12px rgba(83,252,24,.4)}
#page-kick .prize-spot-2::before{background:linear-gradient(90deg,transparent,#C8C2B2,#E8E2D0,#C8C2B2,transparent)}
#page-kick .prize-spot-3::before{background:linear-gradient(90deg,transparent,#CC8240,#E8A85C,#CC8240,transparent)}
#page-kick .prize-spot-1 .ps-rank{color:rgba(156,255,107,.65)}
#page-kick .prize-spot-1 .ps-amount{
  background:linear-gradient(155deg,#E6FFD2,#53FC18);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#page-kick .pr-row:hover{background:rgba(83,252,24,.05)}
#page-kick .pr-n{border-color:rgba(83,252,24,.18);background:rgba(83,252,24,.04)}
#page-kick .pr-fill{background:linear-gradient(90deg,#1A7205,#53FC18);box-shadow:0 0 6px rgba(83,252,24,.35)}
#page-kick .pr-fc{color:var(--kick)}

/* responsive */
@media(max-width:700px){
  .prizes-layout{grid-template-columns:1fr}
  .prize-spotlight{gap:8px}
  .prize-spot{padding:18px 10px 14px}
  .prize-spot-1{padding-top:30px}
}

.steps,.kick-steps{
  display:grid;grid-template-columns:1fr;gap:0;position:relative;
  margin-inline:auto;padding-left:6px;
}
.steps::before,.kick-steps::before{
  content:"";position:absolute;left:40px;top:40px;bottom:40px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,rgba(255,54,69,.9),rgba(255,54,69,.4) 50%,rgba(255,54,69,.08));
  box-shadow:0 0 18px rgba(255,54,69,.4);
}
.kick-steps::before{
  background:linear-gradient(180deg,rgba(83,252,24,.9),rgba(83,252,24,.4) 50%,rgba(83,252,24,.08));
  box-shadow:0 0 18px rgba(83,252,24,.35);
}
/* timeline running dot */
.steps,.kick-steps{position:relative}
.steps::after,.kick-steps::after{
  content:"";position:absolute;left:38.5px;top:0;width:8px;height:8px;border-radius:50%;
  background:#FF6B7A;box-shadow:0 0 18px #FF3645;
  animation:timeline-run 6s ease-in-out infinite;
}
.kick-steps::after{background:#9CFF6B;box-shadow:0 0 18px #53FC18}
@keyframes timeline-run{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}

.step,.kick-step{
  margin-left:108px;margin-bottom:22px;border-radius:16px;
  padding:28px 30px 30px;position:relative;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(225,29,42,.14), transparent 60%),
    linear-gradient(160deg,#1A0709 0%, #0A0506 100%);
  border:1px solid rgba(225,29,42,.25);
  box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.kick-step{
  background:radial-gradient(120% 80% at 0% 0%, rgba(83,252,24,.12), transparent 60%),linear-gradient(160deg,#0A1808 0%, #060A05 100%);
  border-color:rgba(83,252,24,.25);
}
.step:hover{transform:translateX(8px);border-color:rgba(255,107,122,.55);box-shadow:0 24px 60px rgba(225,29,42,.22)}
.kick-step:hover{transform:translateX(8px);border-color:rgba(156,255,107,.55);box-shadow:0 24px 60px rgba(83,252,24,.18)}

/* top line */
.step::after,.kick-step::after{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;border-radius:16px 16px 0 0;
  background:linear-gradient(90deg,transparent,rgba(255,54,69,.7),transparent);opacity:.7;
}
.kick-step::after{background:linear-gradient(90deg,transparent,rgba(83,252,24,.7),transparent)}

/* connector tick */
.step::before,.kick-step::before{
  content:"";position:absolute;left:-26px;top:38px;width:26px;height:2px;
  background:linear-gradient(90deg,rgba(255,54,69,.8),transparent);
}
.kick-step::before{background:linear-gradient(90deg,rgba(83,252,24,.8),transparent)}

/* step number badge */
.step .n,.kick-step .n{
  position:absolute;left:-108px;top:14px;width:76px;height:76px;border-radius:50%;
  display:grid;place-items:center;font-family:'Anton',sans-serif;font-size:32px;color:#fff;
  background:radial-gradient(circle at 30% 25%,#FF8A95 0%,#E11D2A 55%,#5C0810 100%);
  border:2px solid rgba(255,107,122,.6);
  box-shadow:0 0 0 4px rgba(225,29,42,.12),0 16px 34px rgba(225,29,42,.5),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.4);
  overflow:hidden;
  z-index: 10;
}
.kick-step .n{
  color:#06210a;
  background:radial-gradient(circle at 30% 25%,#C4FFA0 0%,#53FC18 55%,#1A6B05 100%);
  border-color:rgba(156,255,107,.65);
  box-shadow:0 0 0 4px rgba(83,252,24,.12),0 16px 34px rgba(83,252,24,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(0,0,0,.3);
}
/* coin shimmer */
.step .n::after,.kick-step .n::after{
  content:"";position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 40%);
  animation:halo-spin 4s linear infinite;mix-blend-mode:overlay;
}
.step .n::before,.kick-step .n::before{
  content:"";position:absolute;inset:6px;border-radius:50%;
  border:1px dashed rgba(255,255,255,.25);pointer-events:none;
}

.step h3,.kick-step h3{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:.02em;color:#fff;margin-bottom:8px}
.step p,.kick-step p{color:#C9B9BB;font-size:15px;line-height:1.65}
.step p a{color:var(--gold-hi);font-weight:700;border-bottom:1px solid rgba(225,29,42,.4)}
.kick-step p a{color:var(--kick);font-weight:700;border-bottom:1px solid rgba(83,252,24,.4)}
.step .ic,.kick-step .ic{
  position:absolute;top:22px;right:22px;width:36px;height:36px;padding:8px;border-radius:10px;
  border:1px solid rgba(225,29,42,.35);background:rgba(225,29,42,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);opacity:.9;
}
.kick-step .ic{border-color:rgba(83,252,24,.35);background:rgba(83,252,24,.08)}

/* botrix note */
.botrix-note{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kick);background:rgba(83,252,24,.06);border:1px solid rgba(83,252,24,.2);border-radius:999px;padding:8px 16px;margin-bottom:clamp(18px,2.5vw,24px)}
.botrix-note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--kick);box-shadow:0 0 8px var(--kick);flex:none}

.game-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(16px,2.5vw,24px)}
.game-filter-btn{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:none;cursor:pointer;transition:.25s var(--ease);display:inline-flex;align-items:center;gap:7px}
.game-filter-btn svg{width:14px;height:14px;opacity:.7;flex:none}
.game-filter-btn:hover{color:var(--white);border-color:var(--gold);transform:translateY(-2px)}
.game-filter-btn.active{background:var(--grad-ember);color:#fff;border-color:transparent;font-weight:700}
.game-filter-btn[data-game="all"].active{background:var(--grad-gold);color:#FFFFFF}

.chal-tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,var(--panel2),var(--panel));margin-bottom:clamp(20px,3vw,30px);max-width:100%;flex-wrap:wrap}
.chal-tab{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:11px 18px;border-radius:999px;transition:color .3s var(--ease),background .3s var(--ease);white-space:nowrap}
.chal-tab:hover{color:var(--cream)}
.chal-tab.active{background:var(--grad-gold);color:#FFFFFF;font-weight:700}

.chal-grid{display:grid;grid-template-columns:1fr;gap:18px}
.chal-card{
  border:1px solid rgba(225,29,42,.18);border-left:none;border-radius:14px;
  background:linear-gradient(160deg,rgba(225,29,42,.06) 0%,#160708 35%,#0A0506 100%);
  padding:clamp(20px,2.8vw,30px);position:relative;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.4);
  transition:transform .25s var(--ease),border-color .25s;
}
.chal-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#FF3645,#8A0F18)}
.chal-card:hover{transform:translateY(-4px);border-color:rgba(255,54,69,.4)}
.chal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.chal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.chal-tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:4px 11px}
.chal-tag.game{color:var(--cream)}
.chal-status{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:6px 14px;white-space:nowrap;flex-shrink:0}
.chal-status.open{color:#53FC18;border:1px solid rgba(83,252,24,.35);background:rgba(83,252,24,.07)}
.chal-status.open::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#53FC18;margin-right:7px;vertical-align:middle;box-shadow:0 0 8px #53FC18}
.chal-status.ended{color:var(--dim);border:1px solid var(--line-2);background:rgba(242,232,233,.03)}
.chal-status.claimed{color:var(--gold-hi);border:1px solid var(--line);background:rgba(225,29,42,.06)}
.chal-title{font-family:'Anton',sans-serif;font-size:clamp(20px,2.6vw,28px);color:var(--white);text-transform:uppercase;letter-spacing:.02em;margin-top:6px;line-height:1.15}
.chal-prize{
  margin-top:14px;display:inline-flex;align-items:baseline;gap:10px;
  border:1px solid rgba(225,29,42,.3);border-radius:10px;padding:10px 18px;
  background:linear-gradient(135deg,rgba(225,29,42,.18),rgba(225,29,42,.04));
}
.chal-prize .fc{font-family:'Anton',sans-serif;font-size:26px;color:var(--gold-hi)}
.chal-prize .usd{font-size:13px;color:var(--cream);font-weight:700}
.chal-body{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:18px;align-items:start}
.chal-rules{font-size:14px;color:var(--muted);line-height:1.8}
.chal-rules li{list-style:none;padding-left:18px;position:relative}
.chal-rules li::before{content:"・";position:absolute;left:0;color:var(--gold)}
.chal-note{margin-top:10px;font-size:13px;color:var(--cream);background:rgba(225,29,42,.05);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px}
.chal-note svg{width:18px;height:18px;flex:none;color:#7289DA;margin-top:1px}
.chal-note b{color:var(--gold-hi)}
.chal-result{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--cream);flex-wrap:wrap}
.chal-result .av{width:34px;height:34px;border-radius:50%;background:var(--grad-gold);color:#FFFFFF;display:grid;place-items:center;font-family:'Anton',sans-serif;font-size:14px;flex:none}
.chal-result b{color:var(--gold-hi)}

/* per-challenge timer */
.chal-timer{border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;background:linear-gradient(180deg,var(--bg2),var(--panel));margin-top:18px}
.chal-timer .ct-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:10px}
.chal-timer.ended-timer .ct-label{color:var(--dim)}
.chal-timer .clock{display:flex;gap:8px}
.chal-timer .clock .u{flex:1;min-width:0;text-align:center;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:10px;padding:8px 4px}
.chal-timer .clock .n{font-family:'Anton',sans-serif;font-size:24px;color:var(--white);line-height:1}
.chal-timer .clock .t{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-top:3px}
.chal-timer.ended-timer .clock .n{color:var(--dim)}

/* mines grid */
.mines-wrap{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;background:linear-gradient(180deg,var(--bg2),var(--panel));display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}
.mines-grid{display:grid;gap:3px;width:100%;max-width:280px;aspect-ratio:1}
.mines-cell{aspect-ratio:1;border-radius:4px;background:rgba(242,232,233,.05);border:1px solid var(--line-2);display:grid;place-items:center}
.mines-cell.bomb{background:rgba(184,16,32,.16);border-color:var(--ember)}
.mines-cell.bomb svg{width:54%;height:54%;color:var(--ember)}
.mines-cell.mc-hidden{background:#1a2340;border:1px solid rgba(255,255,255,0.06)}
.mines-cell.mc-safe{background:linear-gradient(135deg,#1e3a6e 0%,#243d72 100%);border:1px solid rgba(100,180,255,.25);color:#4fc3f7;box-shadow:inset 0 0 6px rgba(79,195,247,.15)}
.mines-cell.mc-safe svg{width:55%;height:55%;filter:drop-shadow(0 0 3px rgba(79,195,247,.6))}
.mines-legend{margin-top:8px;font-size:11px;color:var(--dim);font-family:'Space Mono',monospace;display:flex;align-items:center;gap:6px}
.mc-legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,#1e3a6e,#243d72);border:1px solid rgba(100,180,255,.3)}
.mines-legend .sw{width:12px;height:12px;border-radius:3px;background:rgba(184,16,32,.16);border:1px solid var(--ember)}
.chal-img-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);align-self:flex-start}

/* multi-slot (cases) */
.chal-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.chal-slot{border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;background:linear-gradient(180deg,var(--bg2),var(--panel));position:relative}
.chal-slot .sl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.chal-slot .sl-label{font-family:'Anton',sans-serif;font-size:16px;color:var(--white);text-transform:uppercase}
.chal-slot .sl-prize{font-family:'Anton',sans-serif;font-size:20px;color:var(--gold-hi)}
.chal-slot .sl-usd{font-size:12px;color:var(--cream);font-weight:700}
.chal-slot .sl-item{margin-top:8px;font-size:12px;color:var(--muted);font-family:'Space Mono',monospace;line-height:1.7}
.chal-slot .sl-item b{color:var(--cream)}
.chal-slot .sl-rules{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.7}
.chal-slot .sl-rules li{list-style:none;padding-left:16px;position:relative}
.chal-slot .sl-rules li::before{content:"・";position:absolute;left:0;color:var(--gold)}
.chal-slot a.sl-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--gold-hi);border-bottom:1px solid rgba(225,29,42,.4)}
.chal-slot .sl-status{position:absolute;top:14px;right:14px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.chal-slot .sl-status.open{color:#53FC18;border:1px solid rgba(83,252,24,.35);background:rgba(83,252,24,.07)}
.chal-slot .sl-status.claimed{color:var(--gold-hi);border:1px solid var(--line);background:rgba(225,29,42,.06)}
.chal-slot .sl-winner{margin-top:10px;font-size:12px;color:var(--cream)}
.chal-slot .sl-winner b{color:var(--gold-hi)}

.socials{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.soc{
  grid-column:span 2;border:1px solid var(--line);border-radius:var(--r);padding:24px;
  display:flex;align-items:center;gap:16px;
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;
}
.soc:hover{transform:translateY(-5px);border-color:var(--gold)}
body.kick .soc{background: linear-gradient(135deg, rgba(83,252,24,.09), rgba(72, 214, 20, 0.04)); border-color: var(--kick-dark);}
body.kick .soc:hover{border-color:var(--kick);}
.soc .si{
  width:48px;height:48px;border-radius:0;display:grid;place-items:center;flex:none;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
  border-radius: 12px;
}
.soc .si svg{width:26px;height:26px}
.soc .st{font-family:'Anton',sans-serif;font-size:20px;text-transform:uppercase;color:var(--white);line-height:1}
.soc .sh{font-size:13px;color:var(--muted)}
.soc.big{padding:30px}
.soc.big .si{width:62px;height:62px;border-radius: 16px;}
.soc.big .si svg{width:34px;height:34px}
.soc.big .st{font-size:28px}
.soc.big.kick{grid-column:span 5}
.soc.big.blox{grid-column:span 3}
.soc.discord{grid-column:span 3}
.soc.ig{grid-column:span 2}
.soc.yt{grid-column:span 3}
.soc.kick .si{background:#53FC18;color:#06210a}
.soc.blox .si{background:#1a1f40;color:#fff}
.soc.discord .si{background:#5865F2;color:#fff}
.soc.x .si{background:#1a1712;color:#fff;border:1px solid var(--line)}
.soc.ig .si{background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5);color:#fff}
.soc.yt .si{background:#FF0033;color:#fff}

#toast{
  position:fixed;bottom:28px;left:50%;
  transform:translate(-50%,20px) scale(.96);
  opacity:0;pointer-events:none;z-index:9999;
  padding:14px 22px;
  background:linear-gradient(135deg,rgba(255,54,69,.2),rgba(255,54,69,.1));
  border:1px solid rgba(255,54,69,.5);
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  color:#fff;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 0 28px rgba(255,175,26,.35);
  transition:opacity .22s ease,transform .22s ease;
}
#toast.show{opacity:1;transform:translate(-50%,0) scale(1)}

footer{border-top:1px solid var(--line);padding:clamp(50px,7vw,80px) 0 40px;background:linear-gradient(180deg,transparent,rgba(225,29,42,.03))}
body.kick{border-color: rgba(83,252,24,.5);}
.crest{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.crest img{width:84px;height:84px;border-radius:50%;box-shadow:0 0 0 1px rgba(225,29,42,.4),0 10px 40px rgba(225,29,42,.45)}
body.kick .crest img{box-shadow:0 12px 34px rgba(83,252,24,.4)}
.crest .cn{font-family:'Anton',sans-serif;font-size:30px;letter-spacing:.18em;color:var(--white);text-transform:uppercase}
.crest .cs{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
.foot-soc{display:flex;gap:14px;margin-top:6px}
.foot-soc a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:.3s var(--ease)}
body.kick .foot-soc a{border-color: var(--kick-dark);}
.foot-soc a:hover{color:var(--gold-hi);border-color:var(--gold);transform:translateY(-3px)}
body.kick .foot-soc a:hover{color:var(--kick);border-color: var(--kick);}
.foot-soc a svg{width:18px;height:18px}
.foot-soc .bloxflip-link div{width:19px;height:100%;margin-left:1.5px;background-color:var(--muted);-webkit-mask:url("bloxflip-logo-white.svg") no-repeat center;mask:url("bloxflip-logo-white.svg") no-repeat center;-webkit-mask-size:contain;mask-size:contain}
.foot-soc .bloxflip-link:hover div{background-color:var(--gold-hi)}
body.kick .foot-soc .bloxflip-link:hover div{background-color: var(--kick);}

.disclaimer{max-width:680px;margin:34px auto 0;text-align:center;font-size:12px;line-height:1.7;color:var(--dim);border-top:1px solid var(--line-2);padding-top:26px}
.disclaimer b{color:var(--muted)}
.copyright{text-align:center;margin-top:22px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--dim)}

@media (max-width:900px){
  .hero-grid{display: flex;flex-direction: column;
        text-align: center;
        gap: 36px; flex-wrap: wrap; }
  .hero-grid .reveal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .hero h1 .kicker{justify-content: center;}
  .nav-links,.nav-cta{display:none;}
  .hamb{display:flex}
  .board-head,.brow{grid-template-columns:48px 1fr 130px}
  .board-head .r-prize,.brow .r-prize{display:none}
  .steps,.kick-steps{grid-template-columns:1fr}
  .socials{grid-template-columns:1fr 1fr}
  .soc,.soc.big,.soc.big.kick,.soc.big.blox,.soc.discord,.soc.ig,.soc.yt{grid-column:span 1}
}
@media (max-width:680px){
  .podium{grid-template-columns:1fr;gap:14px}
  .pcard.first{order:-1;transform:translateY(0)}
  .pcard.first:hover{transform:translateY(-6px)}
  .steps,.kick-steps{grid-template-columns:1fr}
  .pt-row{grid-template-columns:64px 1fr 1fr}
  .countbar .wrap{justify-content:center}
  .board-head,.brow{grid-template-columns:38px 1fr auto;padding-inline:14px;gap:10px}
  .brow .mini{width:34px;height:34px;font-size:15px}
  .wagNum.small .n{font-size:20px}
  .socials{grid-template-columns:1fr}
  .chal-body{grid-template-columns:1fr}
}
@media (max-width:640px){
  .steps,.kick-steps{padding-left:0;max-width:100%}
  .steps::before,.kick-steps::before{left:22px}
  .steps::after,.kick-steps::after{left:20.5px}
  .step,.kick-step{margin-left:64px;padding:22px 20px}
  .step .n,.kick-step .n{left:-64px;width:54px;height:54px;font-size:22px;top:18px}
  .step::before,.kick-step::before{display:none}
}
@media (max-width:420px){
  .wagNum.small .n{font-size:18px}
  .wagNum.small .u{font-size:9px}
  .brow .nm{font-size:14px}
}