:root{--red:#ef1d12;--orange:#ff4b0a;--dark:#050505;--muted:#888;--line:#33110d}*{box-sizing:border-box}body{margin:0;background:#050505;color:white;font-family:Inter,system-ui,sans-serif;text-transform:none}a{color:inherit;text-decoration:none}.bg-pattern{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 35%,rgba(126,16,8,.22),transparent 32%),#050505}.bg-pattern:before{content:"";position:absolute;inset:0;opacity:.28;background:repeating-radial-gradient(ellipse at 20% 10%,transparent 0 60px,rgba(255,255,255,.045) 63px 88px,transparent 92px 150px);filter:blur(1px)}.container{width:min(1180px,92vw);margin:auto}.nav{height:76px;display:flex;justify-content:center;align-items:center;border-top:1px solid #3a0a06;border-bottom:1px solid #25100d;background:rgba(5,5,5,.78);position:sticky;top:0;z-index:9}.brand{position:absolute;left:19.5%}.mark,.mini-logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--red);border-radius:50%;font-weight:900;color:white;background:linear-gradient(135deg,#250000,#e20b0b);box-shadow:0 0 25px #d10b0b55}nav{display:flex;gap:34px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:#aaa}nav a{padding:27px 0}.active{color:#fff;border-bottom:3px solid var(--red)}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.eyebrow,.sub,.tiny{text-transform:uppercase;letter-spacing:.32em;color:#999;font-weight:800}.hero h1{font-size:72px;line-height:.9;margin:20px 0 22px;font-weight:900}.hero h1 span{color:#e5280d}.sub{font-size:14px}.actions{display:flex;gap:14px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:18px 32px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.primary{background:linear-gradient(90deg,#ef2a10,#ff4b0a);box-shadow:0 0 35px #ff220027}.ghost{border:1px solid #3b211e}.hero-logo{display:flex;justify-content:center}.emblem{width:390px;height:390px;border:9px solid #b60d0d;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#300,#080303);box-shadow:0 0 75px #d30c0caa}.emblem span{font-size:190px;font-weight:900;color:#f22116;text-shadow:0 0 20px red}.emblem strong{font-size:46px;margin-top:-150px;font-style:italic}.partners{padding:80px 0;text-align:center}.partners h2,.community h2,.board-title{font-size:55px;margin:0 0 50px;text-transform:uppercase;color:#ff4b0a;font-weight:900}.partner-card{margin:auto;width:min(520px,94vw);padding:42px;border:2px solid #ff2a20;clip-path:polygon(6% 0,94% 0,100% 7%,100% 93%,94% 100%,6% 100%,0 93%,0 7%);background:rgba(20,1,0,.82)}.partner-logo{font-size:45px;font-weight:900}.partner-logo span{color:#ff3d12}.divider{height:1px;background:#30100c;margin:28px}.partner-card p{text-transform:uppercase;letter-spacing:.25em;color:#ddd;font-weight:800;line-height:1.7}.code-box{border:1px solid #8a2b17;border-radius:5px;padding:16px;margin:24px 0;text-transform:uppercase}.code-box small{display:block;color:#f26a32;letter-spacing:.3em;font-weight:900}.code-box b{font-size:48px;color:#f03910}.code-box button{margin-left:12px;background:#4b140d;color:#fff;border:1px solid #a43622;border-radius:7px;padding:8px}.wide{width:100%}.notice{display:block;margin-top:25px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase}.community{text-align:center;padding:95px 0}.community h2{color:#777;margin-bottom:20px}.muted{color:#858585;line-height:1.6}.social-grid,.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.social{height:180px;border:1px solid #b4321b;border-radius:12px;background:linear-gradient(120deg,#020202,#170300);display:grid;place-items:center;padding:35px}.social b{font-size:34px;color:#777}.social strong{text-transform:uppercase}.social span{font-size:13px;color:#999}.kick{color:#39ff14!important}.youtube{color:red!important}.footer{border-top:1px solid #25100d;background:rgba(5,5,5,.82);padding:55px 19%;display:flex;justify-content:space-between;color:#ddd}.footer-links{display:flex;gap:28px;margin:30px 0 18px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.footer p{line-height:1.7}.help{text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:13px}.board-page{padding:110px 0;text-align:center}.board-title{color:#fff;margin-bottom:18px}.meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:34px 0}.meta span{border:1px solid #35130f;border-radius:999px;padding:12px 20px;color:#999}.meta b{color:#fff}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;margin:50px 0}.pod{border:1px solid #c32117;background:#090202;border-radius:14px;padding:30px;display:grid;gap:12px;text-transform:uppercase}.pod b{font-size:32px;color:#ff3817}.pod strong{font-size:38px}.first{padding-top:60px;box-shadow:0 0 50px #db190f44}.rankings{width:100%;border-collapse:collapse;background:#070707;border:1px solid #32100c;border-radius:12px;overflow:hidden}.rankings th,.rankings td{padding:19px;border-bottom:1px solid #1d0b09;text-align:left}.rankings th{text-transform:uppercase;color:#ff4b0a}.steps{padding:70px 0}.steps h2{text-transform:uppercase}.step-grid{grid-template-columns:repeat(4,1fr);margin-bottom:32px}.step-grid div{border:1px solid #33110d;border-radius:12px;padding:25px;background:#080808;display:grid;gap:8px}.step-grid b{color:#ff4214;font-size:26px}.step-grid strong{text-transform:uppercase}@media(max-width:800px){.brand{left:20px}.hero{grid-template-columns:1fr;text-align:center;padding:70px 0}.hero h1{font-size:48px}.actions{justify-content:center;flex-wrap:wrap}.emblem{width:260px;height:260px}.social-grid,.podium,.step-grid{grid-template-columns:1fr}.footer{padding:40px 5%;display:block}.footer-links{flex-wrap:wrap}.nav{justify-content:flex-end;padding-right:20px}}

/* --- Vayron polish + animations --- */
.brand-logo{
  width:46px;
  height:46px;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 0 12px rgba(239,29,18,.65));
  transition:transform .25s ease, filter .25s ease;
}
.brand:hover .brand-logo{
  transform:scale(1.12) rotate(-4deg);
  filter:drop-shadow(0 0 10px #ff1b12) drop-shadow(0 0 28px rgba(255,45,20,.9));
}
.main-logo{
  width:min(440px,80vw);
  height:auto;
  border-radius:50%;
  filter:drop-shadow(0 0 25px rgba(255,24,18,.48));
  animation:logoFloat 4.8s ease-in-out infinite;
  transition:transform .35s ease, filter .35s ease;
}
.hero-logo:hover .main-logo{
  transform:scale(1.065) rotate(1deg);
  filter:drop-shadow(0 0 18px #ff1710) drop-shadow(0 0 58px rgba(255,21,15,.9));
}
.footer-logo{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 0 12px rgba(239,29,18,.45));
}
.nav a,.footer a,.social,.partner-card,.btn,.code-box button{transition:all .22s ease;}
.nav a:hover,.footer a:hover{color:#fff;text-shadow:0 0 14px rgba(255,54,25,.8)}
.btn:hover{transform:translateY(-3px);box-shadow:0 0 24px rgba(255,45,20,.55),0 12px 38px rgba(0,0,0,.4)}
.ghost:hover{border-color:#ff2a20;background:rgba(255,35,18,.08)}
.partner-card:hover,.social:hover,.pod:hover,.step-grid div:hover{
  transform:translateY(-7px);
  border-color:#ff3326;
  box-shadow:0 0 28px rgba(255,31,18,.22), inset 0 0 28px rgba(255,31,18,.05);
}
.social:hover b{transform:scale(1.12);filter:drop-shadow(0 0 12px currentColor)}
.social b{transition:all .22s ease;}
.code-box button:hover{cursor:pointer;transform:scale(1.08);background:#8b2013;box-shadow:0 0 16px rgba(255,45,20,.55)}
.hero-copy,.partners,.community,.board-page,.steps{animation:fadeUp .7s ease both;}
.hero-logo{animation:fadeIn .9s ease both .1s;}

@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* --- Upgrade: premium glowing partner + social cards --- */
.partners{padding-top:90px;padding-bottom:95px}.partners h2{letter-spacing:.02em;text-shadow:0 0 24px rgba(255,75,10,.35)}
.partner-card{
  position:relative; isolation:isolate; overflow:visible;
  width:min(505px,92vw); padding:48px 42px 44px;
  border:0; clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);
  background:linear-gradient(160deg,rgba(15,0,0,.96),rgba(7,0,0,.96) 48%,rgba(30,4,0,.9));
  box-shadow:0 0 0 2px #ff251d,0 0 34px rgba(255,0,0,.28),inset 0 0 45px rgba(255,28,10,.055);
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}
.partner-card:before{
  content:"";position:absolute;inset:-2px;z-index:-2;
  clip-path:inherit;background:linear-gradient(120deg,#ff271c,#ff271c 20%,#ff7a18 35%,#ff271c 50%,#400 80%);
  filter:drop-shadow(0 0 17px rgba(255,25,18,.72));opacity:.78;
}
.partner-card:after{
  content:"";position:absolute;inset:2px;z-index:-1;clip-path:inherit;
  background:radial-gradient(circle at 72% 17%,rgba(255,49,22,.19),transparent 34%),linear-gradient(155deg,#0b0000,#040000 55%,#190300);
}
.partner-card:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 0 0 2px #ff3328,0 0 32px rgba(255,22,15,.7),0 0 80px rgba(255,23,15,.33),inset 0 0 42px rgba(255,37,18,.08)}
.partner-card:hover:before{animation:borderPulse 1.2s ease-in-out infinite alternate;opacity:1}
.partner-logo{font-size:48px;line-height:1;text-shadow:0 2px 0 #000,0 0 18px rgba(255,255,255,.18);transition:filter .25s ease,transform .25s ease}.partner-card:hover .partner-logo{transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(255,68,30,.8))}
.divider{position:relative;background:#32100c;margin:34px 20px}.divider:before,.divider:after{content:"◆";position:absolute;left:50%;transform:translate(-50%,-48%);color:#f20e0e;text-shadow:0 0 14px #ff1616;font-size:18px}.divider:after{top:76px}.partner-card p{font-size:16px;letter-spacing:.31em}.code-box{position:relative;background:rgba(8,0,0,.76);border-color:#a43b21;border-radius:7px;padding:18px;margin:28px 0 20px;box-shadow:inset 0 0 22px rgba(255,29,18,.035)}.code-box:hover{border-color:#ff4324;box-shadow:0 0 18px rgba(255,42,18,.25),inset 0 0 20px rgba(255,42,18,.08)}.code-box b{font-size:52px;letter-spacing:.02em;background:linear-gradient(90deg,#d90000,#ff5a09);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(255,35,10,.15)}.code-box button{vertical-align:middle;margin-top:-16px}.notice:before{content:"◇";display:block;color:#ff211a;font-size:20px;margin-bottom:6px;text-shadow:0 0 15px #ff211a}.wide{border-radius:7px;font-size:17px;padding:20px 28px;background:linear-gradient(90deg,#c91808,#ff5a08)}

.social-grid{position:relative}.social-grid:before{
  content:"";position:absolute;inset:-22px -8px;pointer-events:none;z-index:0;
  background:linear-gradient(100deg,transparent 0%,rgba(255,39,18,.0) 26%,rgba(255,45,18,.22) 44%,rgba(255,45,18,.42) 50%,rgba(255,45,18,.22) 56%,rgba(255,39,18,0) 74%,transparent 100%);
  filter:blur(20px);transform:translateX(-65%);animation:socialSweep 5.2s ease-in-out infinite;
}
.social{position:relative;z-index:1;overflow:hidden;min-height:190px;border-color:#cc321c;background:radial-gradient(circle at 70% 0%,rgba(255,42,16,.13),transparent 36%),linear-gradient(145deg,#020202,#050000 58%,#210500);box-shadow:inset 0 0 28px rgba(255,35,12,.035);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.social:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(115deg,transparent 15%,rgba(255,64,30,.35),transparent 48%);transform:translateX(-135%);transition:transform .65s ease;pointer-events:none}.social:after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,83,47,.06);pointer-events:none}.social:hover{transform:translateY(-8px) scale(1.025);border-color:#ff3d25;box-shadow:0 0 22px rgba(255,26,15,.55),0 0 55px rgba(255,26,15,.2),inset 0 0 26px rgba(255,33,14,.065)}.social:hover:before{transform:translateX(135%)}.social b{font-size:42px;line-height:1;transition:transform .25s ease,filter .25s ease,text-shadow .25s ease}.social:hover b{transform:scale(1.24);filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 0 24px currentColor)}.social strong{margin-top:8px;letter-spacing:.04em}.social span{margin-top:-8px}.kick{color:#38ff19!important}.youtube{color:#ff1717!important}.social:nth-child(2) b{color:#776dff!important}.social:nth-child(2):hover b{color:#8e85ff!important}

@keyframes socialSweep{0%,18%{transform:translateX(-70%);opacity:.2}45%,65%{opacity:.92}82%,100%{transform:translateX(70%);opacity:.2}}
@keyframes borderPulse{from{filter:drop-shadow(0 0 12px rgba(255,25,18,.65))}to{filter:drop-shadow(0 0 25px rgba(255,25,18,1))}}

/* user requested enhancements */
.community .eyebrow,.connect-label{color:#ff1e1e !important;text-shadow:0 0 12px rgba(255,0,0,.6);letter-spacing:6px}
.bg-pattern{
 background:
 radial-gradient(circle at 50% 20%, rgba(255,0,0,.12), transparent 35%),
 #050505;
}
.bg-pattern:after{
 content:"";position:absolute;inset:0;opacity:.15;
 background:
 radial-gradient(circle at 20% 20%, transparent 0 60px, rgba(255,255,255,.08) 61px 62px, transparent 63px 120px);
 mix-blend-mode:screen;
}
.social:hover{box-shadow:0 0 25px rgba(255,0,0,.5),0 0 60px rgba(255,0,0,.25)}
.discord-icon{width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1);}
.social.discord:hover .discord-icon{
 filter: drop-shadow(0 0 10px #5865F2) drop-shadow(0 0 25px #5865F2) brightness(0) invert(1);
}


/* --- Leaderboard rebuild: closer Vayron layout --- */
.leaderboard-page{position:relative;overflow:hidden;padding-bottom:70px}.leader-hero{padding:78px 0 0;text-align:center;min-height:690px}.leader-kicker{margin:0 0 40px;text-transform:uppercase;letter-spacing:.34em;font-size:13px;font-weight:900;color:#ff1f16;text-shadow:0 0 14px rgba(255,31,22,.55)}.leader-title{margin:0;text-transform:uppercase;font-weight:900;font-size:clamp(56px,7vw,104px);line-height:.85;letter-spacing:-.055em;color:rgba(255,255,255,.38);text-shadow:0 18px 45px rgba(0,0,0,.55)}.leader-subtitle{margin:48px auto 0;max-width:620px;color:#888;font-size:17px;line-height:1.6}.leader-subtitle b{color:#bfbfbf}.leader-subtitle span{color:#ff4218}.leader-info{width:min(1120px,100%);margin:82px auto 78px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,58,25,.23);border-radius:7px;overflow:hidden;background:linear-gradient(120deg,rgba(16,0,0,.86),rgba(30,3,0,.72),rgba(11,0,0,.85));box-shadow:0 0 35px rgba(255,34,17,.045),inset 0 0 35px rgba(255,34,17,.03)}.leader-info div{min-height:86px;display:grid;place-content:center;gap:8px;border-left:1px solid rgba(255,58,25,.13)}.leader-info div:first-child{border-left:0}.leader-info small{text-transform:uppercase;letter-spacing:.33em;color:#b1a9a9;font-weight:900;font-size:11px}.leader-info strong{font-size:18px;color:#fff}.leader-info .red{color:#ff3817;letter-spacing:.12em}.status-dot{color:#18b534!important}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#168d27;box-shadow:0 0 12px #1fff3a}.podium-v2{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:22px;margin:0 auto 0;max-width:760px;height:360px}.podium-v2:before{content:"";position:absolute;left:50%;bottom:16px;width:82%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.pod-card{position:relative;width:230px;height:270px;border:3px solid #a14222;border-top-width:4px;background:linear-gradient(180deg,rgba(7,7,7,.96),rgba(3,3,3,.96));clip-path:polygon(10% 0,90% 0,100% 10%,100% 100%,0 100%,0 10%);display:flex;flex-direction:column;align-items:center;padding-top:56px;text-transform:uppercase;transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}.pod-card:hover{transform:translateY(-9px);filter:brightness(1.08)}.pod-card:before{content:"";position:absolute;top:-5px;left:14%;right:14%;height:5px;background:currentColor;box-shadow:0 0 22px currentColor}.pod-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,currentColor,transparent 32%);opacity:.08;pointer-events:none}.first-place{height:315px;width:255px;color:#f3cf00;border-color:#f3cf00;box-shadow:0 0 28px rgba(243,207,0,.18),inset 0 0 28px rgba(243,207,0,.03);z-index:2}.second-place{color:#c9c9c9;border-color:#bfc2c7;box-shadow:0 0 24px rgba(255,255,255,.12)}.third-place{color:#d47a16;border-color:#d47a16;box-shadow:0 0 24px rgba(212,122,22,.16)}.place-badge{position:absolute;top:-31px;left:50%;transform:translateX(-50%);width:58px;height:54px;display:grid;place-items:center;background:#170202;border:3px solid currentColor;border-bottom-width:0;clip-path:polygon(16% 0,84% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);font-size:28px;font-weight:900;text-shadow:0 0 12px currentColor}.avatar-ring{width:74px;height:74px;border:2px solid rgba(255,58,25,.65);border-radius:50%;display:grid;place-items:center;margin-bottom:15px;background:radial-gradient(circle,rgba(255,60,23,.12),rgba(0,0,0,.2));box-shadow:inset 0 0 18px rgba(255,45,20,.08)}.first-place .avatar-ring{border-color:rgba(243,207,0,.7)}.avatar-ring span{width:38px;height:38px;position:relative;display:block}.avatar-ring span:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#bfbfbf}.avatar-ring span:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:42px;height:21px;border-radius:40px 40px 4px 4px;background:#bfbfbf}.pod-card h3{font-size:22px;margin:0 0 20px;color:#e4e4e4}.pod-card p{margin:0 0 10px;color:#c8c8c8;letter-spacing:.27em;font-weight:900;font-size:11px}.pod-card b{font-size:20px;margin-bottom:20px;color:#fff}.pod-card em{font-style:normal;font-size:18px;font-weight:900;color:#ff4b0a}.leaderboard-table-wrap{margin-top:34px}.rankings-v2{border-collapse:separate;border-spacing:0;width:min(1120px,100%);margin:0 auto;background:linear-gradient(130deg,rgba(17,0,0,.91),rgba(5,0,0,.9));border:1px solid rgba(255,58,25,.22);border-radius:8px;overflow:hidden;box-shadow:0 0 36px rgba(0,0,0,.35)}.rankings-v2 thead{background:linear-gradient(90deg,rgba(82,7,6,.82),rgba(47,3,2,.9))}.rankings-v2 th{padding:21px 24px;text-align:left;text-transform:uppercase;letter-spacing:.29em;font-size:12px;color:#bfb8b8;border-bottom:1px solid rgba(255,58,25,.24)}.rankings-v2 td{height:63px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.018);color:#c2c2c2;font-weight:800}.rankings-v2 tr:hover td{background:rgba(255,45,18,.045);color:#fff}.rank-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:900}.rank-1{background:#f1cc00;color:#fff;box-shadow:0 0 14px rgba(241,204,0,.4)}.rank-2{background:#c9c9c9;color:#fff}.rank-3{background:#cd781b;color:#fff}.player-cell{display:flex;align-items:center;gap:14px}.question-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,60,30,.55);border-radius:50%;background:rgba(65,5,2,.58);color:#fff;font-weight:900}.prize-tba{color:#ff4b0a;font-weight:900}.pending{text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:#bdbdbd}.steps-v2{margin:58px auto 45px;padding:56px 48px 50px;text-align:center;border:1px solid rgba(255,58,25,.18);border-radius:8px;background:linear-gradient(155deg,rgba(17,0,0,.86),rgba(6,0,0,.92));box-shadow:inset 0 0 35px rgba(255,48,20,.025)}.steps-v2 h2{margin:0 0 40px;font-size:30px;text-transform:none;color:rgba(255,255,255,.32);font-weight:900}.steps-v2 .step-grid{margin:0 0 34px;grid-template-columns:repeat(4,1fr);gap:22px}.steps-v2 .step-grid div{min-height:145px;background:rgba(7,0,0,.54);border:1px solid rgba(255,255,255,.04);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.steps-v2 .step-grid b{font-size:38px;color:rgba(255,69,31,.42)}.steps-v2 .step-grid strong{text-transform:none;color:#fff;font-size:16px}.steps-v2 .step-grid span{color:#aaa;line-height:1.45}.steps-v2 i{font-style:normal;color:#ff3c17;font-weight:900}.steps-v2 .btn{padding:18px 34px;border-radius:4px;box-shadow:0 0 28px rgba(255,36,16,.22)}
@media(max-width:900px){.leader-hero{padding-top:55px;min-height:auto}.desktop-break{display:none}.leader-info{grid-template-columns:repeat(2,1fr);margin:46px auto}.leader-info div:nth-child(3){border-left:0;border-top:1px solid rgba(255,58,25,.13)}.leader-info div:nth-child(4){border-top:1px solid rgba(255,58,25,.13)}.podium-v2{height:auto;flex-direction:column;align-items:center}.pod-card,.first-place{width:min(330px,92vw);height:auto;min-height:245px}.pod-card{order:2}.first-place{order:1}.third-place{order:3}.rankings-v2{display:block;overflow-x:auto}.steps-v2{padding:42px 20px}.steps-v2 .step-grid{grid-template-columns:1fr}.leader-title{letter-spacing:-.03em}}


/* --- Affiliate copy/redirect + leaderboard prize polish --- */
.toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:9999;
  transform:translate(-50%,25px) scale(.96);
  opacity:0;
  pointer-events:none;
  padding:15px 22px;
  border:1px solid rgba(255,55,35,.55);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(18,0,0,.96),rgba(45,4,0,.94));
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:13px;
  box-shadow:0 0 22px rgba(255,35,18,.42), inset 0 0 18px rgba(255,55,30,.08);
  transition:opacity .22s ease, transform .22s ease;
}
.toast.show{opacity:1;transform:translate(-50%,0) scale(1)}

.copy-code-btn{user-select:none}
.code-box{position:relative;overflow:hidden}
.code-box:after{
  content:"";
  position:absolute;
  top:-60%;
  left:-25%;
  width:45px;
  height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  transform:rotate(20deg);
  animation:codeSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes codeSweep{0%,20%{left:-30%;opacity:0}35%,55%{opacity:.9}85%,100%{left:120%;opacity:0}}

.prize-value{
  color:#ff5a12;
  font-weight:950;
  letter-spacing:.04em;
  text-shadow:0 0 14px rgba(255,74,15,.28);
}
.pod-card em{
  color:#ff5a12 !important;
  letter-spacing:.03em;
  text-shadow:0 0 16px rgba(255,74,15,.32);
}
.rankings-v2 tr:nth-child(1) .prize-value{color:#ffd400;text-shadow:0 0 16px rgba(255,212,0,.42)}
.rankings-v2 tr:nth-child(2) .prize-value{color:#f1f1f1;text-shadow:0 0 16px rgba(255,255,255,.25)}
.rankings-v2 tr:nth-child(3) .prize-value{color:#d47a16;text-shadow:0 0 16px rgba(212,122,22,.35)}

/* --- Podium readability fix + editable leaderboard data support --- */
.podium-v2{
  padding-top:46px;
  height:390px;
  overflow:visible;
  margin-top:-20px;
}
.pod-card{
  overflow:visible;
  padding-top:70px;
  padding-bottom:28px;
  justify-content:flex-start;
}
.first-place{
  height:335px;
}
.place-badge{
  top:-18px;
  width:64px;
  height:60px;
  z-index:5;
  background:linear-gradient(180deg,#2b0503,#0b0000);
  box-shadow:0 0 24px currentColor, inset 0 0 18px rgba(255,255,255,.08);
}
.pod-card em{
  display:block;
  margin-top:0;
  padding-bottom:2px;
  font-size:22px;
  line-height:1.1;
  color:#ff4b0a;
  text-shadow:0 0 14px rgba(255,75,10,.5);
  white-space:nowrap;
}
.pod-card b{
  margin-bottom:14px;
  min-height:25px;
}
.pod-card h3{
  min-height:27px;
  max-width:185px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.first-place em{
  color:#ff5a12;
  font-size:24px;
}
.second-place em,.third-place em{
  font-size:21px;
}
.rankings-v2 .prize-value{
  color:#ff4b0a;
  font-weight:900;
  text-shadow:0 0 10px rgba(255,75,10,.24);
}
@media(max-width:900px){
  .podium-v2{padding-top:30px;height:auto;margin-top:20px;gap:35px}.place-badge{top:-20px}.pod-card,.first-place{height:auto;min-height:285px}.pod-card em{font-size:22px}
}

/* --- Final polish: remove extra partner dot + fix podium prize visibility --- */
.partner-card .divider:after{
  content:none !important;
  display:none !important;
}

/* Keep only one red diamond above the partner tagline */
.partner-card .divider:before{
  top:0 !important;
}

.leader-hero{
  min-height:760px !important;
}

.podium-v2{
  height:430px !important;
  padding-top:62px !important;
  margin-top:-12px !important;
  align-items:flex-end !important;
}

.podium-v2:before{
  bottom:0 !important;
}

.pod-card{
  height:325px !important;
  padding:76px 22px 42px !important;
  justify-content:flex-start !important;
  gap:0 !important;
}

.first-place{
  height:365px !important;
  padding-top:82px !important;
}

.place-badge{
  top:-30px !important;
  z-index:10 !important;
  color:inherit !important;
}

.avatar-ring{
  margin-bottom:14px !important;
}

.pod-card h3{
  margin:0 0 16px !important;
  min-height:24px !important;
  line-height:1.1 !important;
}

.pod-card p{
  margin:0 0 8px !important;
  line-height:1.1 !important;
}

.pod-card b{
  margin:0 0 16px !important;
  min-height:24px !important;
  line-height:1.1 !important;
}

.pod-card em{
  display:block !important;
  position:relative !important;
  z-index:4 !important;
  margin-top:0 !important;
  padding:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

.second-place em,
.third-place em{
  font-size:22px !important;
}

@media(max-width:900px){
  .leader-hero{min-height:auto !important;}
  .podium-v2{height:auto !important;padding-top:38px !important;margin-top:18px !important;}
  .pod-card,.first-place{height:auto !important;min-height:330px !important;padding-bottom:44px !important;}
  .place-badge{top:-25px !important;}
}

/* --- Podium edge + badge visibility fix --- */
.podium-v2{
  height:455px !important;
  padding-top:76px !important;
  overflow:visible !important;
}

.pod-card{
  /* removed clip-path because it was cutting off the corner borders and rank badges */
  clip-path:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  position:relative !important;
  border-width:3px !important;
  box-shadow:0 0 22px rgba(255,255,255,.06), inset 0 0 30px rgba(255,255,255,.025) !important;
}

.pod-card::before{
  top:-4px !important;
  left:12% !important;
  right:12% !important;
  height:4px !important;
  z-index:4 !important;
}

.pod-card::after{
  border-radius:0 !important;
}

.first-place{
  box-shadow:0 0 32px rgba(243,207,0,.2), inset 0 0 30px rgba(243,207,0,.035) !important;
}
.second-place{
  box-shadow:0 0 26px rgba(255,255,255,.13), inset 0 0 30px rgba(255,255,255,.025) !important;
}
.third-place{
  box-shadow:0 0 26px rgba(212,122,22,.18), inset 0 0 30px rgba(212,122,22,.025) !important;
}

.place-badge{
  top:-42px !important;
  width:66px !important;
  height:66px !important;
  line-height:1 !important;
  font-size:30px !important;
  z-index:50 !important;
  overflow:visible !important;
  border-width:3px !important;
  filter:drop-shadow(0 0 12px currentColor) !important;
}

.pod-card h3,
.pod-card b,
.pod-card em,
.pod-card p,
.avatar-ring{
  position:relative !important;
  z-index:3 !important;
}

@media(max-width:900px){
  .podium-v2{padding-top:64px !important;gap:46px !important;}
  .place-badge{top:-38px !important;}
}

/* --- Podium polish v5: better badge placement + avatar proportions --- */
.podium-v2{
  height:470px !important;
  padding-top:88px !important;
  gap:28px !important;
}

.pod-card{
  width:220px !important;
  padding-top:82px !important;
  padding-bottom:34px !important;
  justify-content:flex-start !important;
  border-radius:2px !important;
}

.first-place{
  width:250px !important;
  height:330px !important;
}
.second-place,
.third-place{
  height:305px !important;
}

.place-badge{
  top:-31px !important;
  width:60px !important;
  height:60px !important;
  font-size:29px !important;
  z-index:60 !important;
}

.pod-card::before{
  top:-4px !important;
  left:15% !important;
  right:15% !important;
  height:4px !important;
}

.avatar-ring{
  width:76px !important;
  height:76px !important;
  margin-bottom:18px !important;
}

.avatar-ring span{
  width:50px !important;
  height:50px !important;
}

.avatar-ring span:before{
  width:24px !important;
  height:24px !important;
}

.avatar-ring span:after{
  width:54px !important;
  height:28px !important;
  border-radius:44px 44px 6px 6px !important;
}

.pod-card h3{
  margin:0 0 18px !important;
  font-size:24px !important;
}

.pod-card p{
  margin-bottom:9px !important;
  font-size:12px !important;
}

.pod-card b{
  margin-bottom:16px !important;
}

.pod-card em{
  display:block !important;
  font-size:24px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-shadow:0 0 16px rgba(255,75,10,.7) !important;
}

@media(max-width:900px){
  .podium-v2{height:auto !important;padding-top:72px !important;gap:48px !important;}
  .pod-card,.first-place{width:min(330px,92vw) !important;height:auto !important;min-height:330px !important;padding-top:84px !important;}
  .place-badge{top:-31px !important;}
}

/* =========================================================
   FULL UPGRADE: loader, mobile menu, countdown, admin,
   scroll animations, and final podium fixes
   ========================================================= */

/* Loading screen */
.loader{
  position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#030303;
  transition:opacity .45s ease,visibility .45s ease;overflow:hidden;
}
.loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,25,15,.18),transparent 42%)}
.loader img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 0 18px #ff1710) drop-shadow(0 0 50px rgba(255,0,0,.65));animation:loaderPulse 1.7s ease-in-out infinite;z-index:1}
.loader span{position:absolute;top:calc(50% + 95px);font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:900;color:#bdbdbd;z-index:1}
.loader.hide{opacity:0;visibility:hidden;pointer-events:none}
@keyframes loaderPulse{0%,100%{transform:scale(.96);filter:drop-shadow(0 0 10px #ff1710)}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px #ff1710) drop-shadow(0 0 75px rgba(255,0,0,.8))}}

/* Scroll entrance animations */
.reveal,.pod-card,.rankings-v2,.step-grid>div,.social{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease,filter .3s ease,box-shadow .3s ease}
.reveal.visible,.pod-card.visible,.rankings-v2.visible,.step-grid>div.visible,.social.visible{opacity:1;transform:translateY(0)}
.pod-card.visible:hover{transform:translateY(-9px)}

/* Mobile hamburger menu */
.hamburger{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,40,25,.45);border-radius:10px;background:rgba(20,0,0,.72);z-index:1001;box-shadow:0 0 18px rgba(255,24,12,.18)}
.hamburger span{display:block;width:20px;height:2px;margin:5px auto;background:#fff;box-shadow:0 0 8px rgba(255,44,25,.9);transition:.25s ease}
body.menu-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .hamburger span:nth-child(2){opacity:0}
body.menu-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:800px){
  .nav{justify-content:center;padding:0 18px!important;height:72px!important}
  .brand{left:18px!important;z-index:1002}.brand-logo{width:44px!important;height:44px!important}.hamburger{display:block}
  .main-nav{position:fixed;top:0;right:0;width:min(82vw,340px);height:100vh;padding:110px 30px 30px;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;background:linear-gradient(155deg,rgba(10,0,0,.98),rgba(0,0,0,.96));border-left:1px solid rgba(255,45,24,.36);box-shadow:-18px 0 55px rgba(255,0,0,.10);transform:translateX(105%);transition:transform .33s ease;z-index:1000;backdrop-filter:blur(12px)}
  body.menu-open .main-nav{transform:translateX(0)}
  .main-nav:before{content:"VAYRON";position:absolute;top:34px;left:30px;font-size:22px;font-weight:950;letter-spacing:.16em;color:#fff;text-shadow:0 0 18px rgba(255,30,20,.7)}
  .main-nav a{width:100%;padding:18px 0!important;font-size:15px;border-bottom:1px solid rgba(255,255,255,.055)!important;color:#ddd}.main-nav a.active{color:#fff;border-bottom:1px solid rgba(255,40,24,.45)!important}
}

/* Countdown */
.countdown-card{margin:-38px auto 44px;width:min(640px,92vw);padding:18px 22px;border:1px solid rgba(255,60,28,.24);border-radius:10px;background:linear-gradient(120deg,rgba(26,0,0,.82),rgba(5,0,0,.88));box-shadow:0 0 28px rgba(255,30,14,.08),inset 0 0 20px rgba(255,60,28,.035);text-align:center}
.countdown-card small{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:950;color:#ff3420;text-shadow:0 0 12px rgba(255,20,10,.45)}
.countdown{display:flex;justify-content:center;gap:14px}.countdown span{min-width:82px;padding:13px 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(0,0,0,.52);font-size:25px;font-weight:950;color:#fff;box-shadow:inset 0 0 18px rgba(255,255,255,.025)}
.countdown small{display:inline;margin:0 0 0 5px;color:#ff5125;font-size:11px;letter-spacing:.08em}
@media(max-width:650px){.countdown{gap:8px}.countdown span{min-width:64px;font-size:20px;padding:10px 8px}.countdown-card{margin-top:0}}

/* FINAL podium layout fix */
.leader-hero{min-height:850px!important;overflow:visible!important}.leaderboard-page{overflow:visible!important}.podium-v2{height:430px!important;max-width:850px!important;padding-top:58px!important;margin-top:0!important;gap:34px!important;overflow:visible!important;align-items:flex-end!important}.podium-v2:before{bottom:0!important;width:96%!important}.pod-card{width:245px!important;height:350px!important;min-height:350px!important;padding:92px 22px 34px!important;overflow:visible!important;clip-path:none!important;border-radius:0!important;background:linear-gradient(180deg,rgba(8,8,8,.98),rgba(2,2,2,.98))!important;justify-content:flex-start!important;gap:0!important}.first-place{width:270px!important;height:385px!important;min-height:385px!important}.pod-card:before{top:-4px!important;left:19%!important;right:19%!important;height:5px!important}.pod-card:after{border-radius:0!important}.place-badge{top:-36px!important;width:66px!important;height:66px!important;font-size:29px!important;line-height:1!important;z-index:20!important;display:grid!important;place-items:center!important;padding-bottom:4px!important}.avatar-ring{width:82px!important;height:82px!important;margin:0 0 20px!important;flex:0 0 auto!important}.avatar-ring span{width:48px!important;height:48px!important}.avatar-ring span:before{width:25px!important;height:25px!important}.avatar-ring span:after{width:54px!important;height:26px!important}.pod-card h3{height:30px!important;min-height:30px!important;margin:0 0 10px!important;font-size:20px!important;max-width:190px!important;color:#eee!important}.pod-card p{margin:0 0 9px!important;font-size:11px!important;letter-spacing:.31em!important;line-height:1.2!important}.pod-card b{display:block;height:25px!important;min-height:25px!important;margin:0 0 12px!important;font-size:19px!important;line-height:1.2!important;color:#f5f5f5!important}.pod-card em{display:block!important;margin-top:0!important;font-size:24px!important;line-height:1.15!important;padding:0 0 4px!important;white-space:nowrap!important;color:#ff5416!important;text-shadow:0 0 16px rgba(255,78,18,.55)!important}.first-place em{font-size:26px!important}.second-place,.third-place{transform:translateY(10px)}.second-place.visible:hover,.third-place.visible:hover{transform:translateY(1px)!important}.first-place.visible:hover{transform:translateY(-9px)!important}
@media(max-width:900px){.leader-hero{min-height:auto!important}.podium-v2{height:auto!important;max-width:100%!important;padding-top:48px!important;gap:48px!important;flex-direction:column!important;align-items:center!important}.pod-card,.first-place{width:min(330px,92vw)!important;height:auto!important;min-height:360px!important;padding-top:92px!important}.second-place,.third-place{transform:none}.pod-card.visible:hover,.first-place.visible:hover,.second-place.visible:hover,.third-place.visible:hover{transform:translateY(-6px)!important}.place-badge{top:-33px!important}}

/* Admin page */
.admin-page{padding:80px 0 60px;text-align:center}.admin-panel{margin:55px auto 0;text-align:left;border:1px solid rgba(255,58,25,.24);border-radius:12px;background:linear-gradient(140deg,rgba(18,0,0,.92),rgba(3,0,0,.94));box-shadow:0 0 38px rgba(255,35,15,.07);padding:28px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px}.admin-panel label{display:grid;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950;color:#aaa}.admin-panel input{width:100%;height:46px;border:1px solid rgba(255,72,35,.28);border-radius:7px;background:#050505;color:#fff;padding:0 13px;font:inherit;font-size:14px;letter-spacing:0;text-transform:none;outline:none}.admin-panel input:focus{border-color:#ff3c17;box-shadow:0 0 16px rgba(255,45,20,.24)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.055)}.admin-table th{text-transform:uppercase;letter-spacing:.18em;color:#ff4b0a;font-size:12px}.admin-table td:first-child{font-weight:950;color:#fff}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.admin-actions .btn{border:0;cursor:pointer}.admin-actions .ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12)}@media(max-width:780px){.admin-grid{grid-template-columns:1fr}.admin-panel{padding:18px}.admin-actions .btn{width:100%}}

/* Admin login gate */
.admin-lock {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 0, 0, .16), transparent 42%),
    rgba(0, 0, 0, .92);
  backdrop-filter: blur(12px);
}
.admin-lock.hidden { display: none; }
.admin-login-card {
  width: min(460px, 100%);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 36, 20, .55);
  background: linear-gradient(145deg, rgba(18,0,0,.96), rgba(2,2,2,.96));
  box-shadow: 0 0 30px rgba(255, 0, 0, .24), inset 0 0 34px rgba(255,0,0,.07);
  padding: 34px;
  clip-path: polygon(9% 0, 91% 0, 100% 12%, 100% 88%, 91% 100%, 9% 100%, 0 88%, 0 12%);
  text-align: center;
}

.admin-login-close{
  position:absolute;
  top:18px;
  right:22px;
  z-index:3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-size:26px;
  line-height:1;
  font-weight:500;
  opacity:.86;
  text-shadow:0 0 10px rgba(255,255,255,.28),0 0 18px rgba(255,0,0,.35);
  transition:opacity .2s ease, transform .2s ease, text-shadow .2s ease;
}
.admin-login-close:hover{
  opacity:1;
  transform:scale(1.12) rotate(90deg);
  text-shadow:0 0 12px rgba(255,255,255,.75),0 0 24px rgba(255,0,0,.7);
}

.admin-login-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,0,0,.16), transparent);
  transform: translateX(-120%) skewX(-18deg);
  animation: adminSweep 4.5s linear infinite;
  pointer-events: none;
}
@keyframes adminSweep { to { transform: translateX(120%) skewX(-18deg); } }
.admin-login-card img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(255,0,0,.7));
}
.admin-login-card h2 {
  margin: 12px 0 8px;
  font-size: 34px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.admin-login-card p {
  margin: 0 0 22px;
  color: rgba(255,255,255,.62);
  font-weight: 700;
}
.admin-login-card label {
  display: block;
  text-align: left;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 900;
}
.admin-login-card input {
  width: 100%;
  margin-top: 10px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 59, 37, .55);
  border-radius: 8px;
  background: rgba(0,0,0,.65);
  color: #fff;
  outline: none;
  font-size: 16px;
  font-weight: 800;
}
.admin-login-card input:focus {
  box-shadow: 0 0 24px rgba(255, 0, 0, .24);
  border-color: rgba(255, 64, 32, .95);
}
.admin-login-card .btn { width: 100%; margin-top: 18px; }
.admin-login-error {
  min-height: 22px;
  margin-top: 14px;
  color: #ff4a35;
  font-weight: 900;
  letter-spacing: 1px;
}
.admin-page.locked {
  filter: blur(8px);
  pointer-events: none;
  user-select: none;
}
.admin-logout {
  margin-left: 10px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 45, 25, .4);
  background: rgba(255, 20, 0, .08);
  color: #fff;
  border-radius: 7px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}
.admin-logout:hover { box-shadow: 0 0 18px rgba(255, 0, 0, .32); }


/* Exit button for admin/login style pages */
.exit-bar{
  position:fixed;
  top:22px;
  right:24px;
  z-index:10050;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 16px;
  border:1px solid rgba(255,55,35,.55);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(25,0,0,.86),rgba(4,0,0,.88));
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:0 0 18px rgba(255,30,15,.22), inset 0 0 16px rgba(255,55,35,.05);
  backdrop-filter:blur(10px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.exit-bar span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ef1d12;
  color:#fff;
  font-size:16px;
  line-height:1;
  box-shadow:0 0 12px rgba(255,35,20,.7);
}
.exit-bar:hover{
  transform:translateY(-2px);
  border-color:#ff3d2a;
  box-shadow:0 0 24px rgba(255,35,20,.45), inset 0 0 18px rgba(255,55,35,.08);
}
@media(max-width:650px){
  .exit-bar{top:14px;right:14px;padding:10px 12px;font-size:11px;letter-spacing:.12em}
  .admin-login-card{padding:32px 24px}
}


/* Small white X close buttons for all admin/login views */
.global-login-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:10080;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-size:28px;
  line-height:1;
  font-weight:500;
  opacity:.88;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  text-shadow:0 0 10px rgba(255,255,255,.35),0 0 18px rgba(255,0,0,.35);
  box-shadow:0 0 18px rgba(255,0,0,.10), inset 0 0 14px rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
  transition:opacity .2s ease, transform .2s ease, border-color .2s ease, text-shadow .2s ease, box-shadow .2s ease;
}
.global-login-close:hover{
  opacity:1;
  transform:scale(1.08) rotate(90deg);
  border-color:rgba(255,255,255,.28);
  text-shadow:0 0 12px rgba(255,255,255,.85),0 0 28px rgba(255,0,0,.70);
  box-shadow:0 0 26px rgba(255,0,0,.25), inset 0 0 14px rgba(255,255,255,.06);
}
.admin-login-close{
  top:20px!important;
  right:24px!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  text-shadow:0 0 10px rgba(255,255,255,.36),0 0 18px rgba(255,0,0,.42)!important;
}
.admin-panel-with-close{position:relative!important;}
.admin-panel-close{
  position:absolute;
  top:16px;
  right:18px;
  z-index:4;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-size:25px;
  line-height:1;
  font-weight:500;
  opacity:.78;
  text-shadow:0 0 10px rgba(255,255,255,.28),0 0 18px rgba(255,0,0,.35);
  transition:opacity .2s ease,transform .2s ease,text-shadow .2s ease;
}
.admin-panel-close:hover{
  opacity:1;
  transform:scale(1.12) rotate(90deg);
  text-shadow:0 0 12px rgba(255,255,255,.75),0 0 24px rgba(255,0,0,.7);
}
@media(max-width:650px){
  .global-login-close{top:12px;right:12px;width:32px;height:32px;font-size:26px;}
  .admin-panel-close{top:10px;right:12px;}
}

/* --- Better loading screen --- */
.loader{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center, rgba(255,32,18,.18), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,70,20,.10), transparent 36%),
    #030000;
  transition:opacity .55s ease, visibility .55s ease;
  overflow:hidden;
}
.loader:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  border:1px solid rgba(255,45,25,.16);
  box-shadow:0 0 60px rgba(255,32,18,.24), inset 0 0 60px rgba(255,32,18,.08);
  animation:loaderRing 2.2s linear infinite;
}
.loader:after{
  content:"";
  position:absolute;
  inset:-30%;
  background:linear-gradient(115deg, transparent 42%, rgba(255,45,25,.11) 50%, transparent 58%);
  animation:loaderSweep 2.8s ease-in-out infinite;
}
.loader img{
  width:116px;
  height:116px;
  object-fit:cover;
  border-radius:50%;
  z-index:1;
  filter:drop-shadow(0 0 20px #ff1d12) drop-shadow(0 0 55px rgba(255,29,18,.75));
  animation:loaderLogoPulse 1.45s ease-in-out infinite;
}
.loader span{
  position:absolute;
  top:calc(50% + 100px);
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  color:#fff;
  font-weight:950;
  letter-spacing:.35em;
  text-transform:uppercase;
  font-size:13px;
  text-shadow:0 0 18px rgba(255,45,25,.85);
}
.loader span:after{
  content:"";
  display:block;
  width:210px;
  height:4px;
  margin:20px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, #ff2a14, #ff6a1a, transparent);
  box-shadow:0 0 22px rgba(255,45,20,.75);
  animation:loaderBar 1.35s ease-in-out infinite;
}
.loader.hide{opacity:0;visibility:hidden;pointer-events:none}
@keyframes loaderRing{0%{transform:scale(.86) rotate(0deg);opacity:.45}50%{transform:scale(1.03) rotate(180deg);opacity:.9}100%{transform:scale(.86) rotate(360deg);opacity:.45}}
@keyframes loaderSweep{0%,100%{transform:translateX(-14%) rotate(0deg);opacity:.35}50%{transform:translateX(14%) rotate(8deg);opacity:.8}}
@keyframes loaderLogoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 18px #ff1d12) drop-shadow(0 0 46px rgba(255,29,18,.62))}50%{transform:scale(1.08);filter:drop-shadow(0 0 28px #ff1d12) drop-shadow(0 0 86px rgba(255,29,18,.95))}}
@keyframes loaderBar{0%{transform:scaleX(.25);opacity:.4}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.25);opacity:.4}}

/* --- Red sparks / particles background --- */
#sparkCanvas{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.78;
  mix-blend-mode:screen;
}
.bg-pattern{z-index:-3!important;}

/* --- Responsible gambling popup --- */
.responsible-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
  animation:modalFade .24s ease both;
}
.responsible-modal.closing{animation:modalOut .24s ease both}
.responsible-card{
  position:relative;
  width:min(560px,94vw);
  padding:38px 38px 34px;
  text-align:center;
  background:linear-gradient(145deg,rgba(24,0,0,.96),rgba(5,0,0,.97));
  border:1px solid rgba(255,42,24,.72);
  clip-path:polygon(7% 0,93% 0,100% 9%,100% 91%,93% 100%,7% 100%,0 91%,0 9%);
  box-shadow:0 0 44px rgba(255,31,18,.26), inset 0 0 42px rgba(255,31,18,.05);
  overflow:hidden;
}
.responsible-card:before{
  content:"";
  position:absolute;
  left:-30%;
  top:-80%;
  width:90px;
  height:250%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:rotate(23deg);
  animation:termsSweep 5.2s ease-in-out infinite;
}
.responsible-card img{
  width:82px;
  height:82px;
  border-radius:50%;
  object-fit:cover;
  filter:drop-shadow(0 0 18px rgba(255,35,18,.9));
}
.responsible-kicker{
  margin:18px 0 10px;
  color:#ff321c;
  font-size:12px;
  font-weight:950;
  letter-spacing:.32em;
  text-transform:uppercase;
}
.responsible-card h2{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.responsible-card p:not(.responsible-kicker){
  margin:0 auto 24px;
  max-width:430px;
  color:#c2c2c2;
  line-height:1.65;
  font-weight:700;
}
.responsible-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.responsible-actions .btn{min-width:170px;padding:16px 20px;}
.responsible-card small{color:#8f8f8f;font-weight:800;letter-spacing:.05em;}
.responsible-x{
  position:absolute;
  top:16px;
  right:18px;
  z-index:2;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:white;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.responsible-x:hover{background:rgba(255,38,20,.18);box-shadow:0 0 18px rgba(255,38,20,.45);transform:scale(1.08)}
@keyframes modalFade{from{opacity:0}.responsible-card{transform:translateY(20px)}to{opacity:1}}
@keyframes modalOut{to{opacity:0;transform:scale(.98)}}
@keyframes termsSweep{0%,28%{left:-35%;opacity:0}45%,65%{opacity:.85}100%{left:128%;opacity:0}}

@media(max-width:640px){
  .loader:before{width:300px;height:300px}
  .loader img{width:92px;height:92px}
  .loader span{top:calc(50% + 82px);font-size:11px;letter-spacing:.24em}
  .responsible-card{padding:34px 22px 30px}
  .responsible-card h2{font-size:24px}
}


/* === Feature pack upgrades === */
.home-how{padding:95px 0;text-align:center}.home-how h2,.faq-section h2{font-size:48px;margin:10px 0 34px;text-transform:uppercase;font-weight:950;color:#fff}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0 28px}.how-grid article{position:relative;overflow:hidden;border:1px solid rgba(255,60,28,.28);border-radius:16px;background:linear-gradient(135deg,rgba(20,0,0,.84),rgba(5,5,5,.9));padding:28px 22px;min-height:170px;display:grid;gap:10px;text-align:left;box-shadow:inset 0 0 30px rgba(255,60,28,.035)}.how-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,53,25,.12),transparent);transform:translateX(-120%) skewX(-20deg);animation:cardSweep 8s ease-in-out infinite}.how-grid b{font-size:30px;color:#ff4214;text-shadow:0 0 18px rgba(255,40,18,.6)}.how-grid strong{text-transform:uppercase;font-size:17px}.how-grid span{color:#aaa;line-height:1.55;font-size:14px}.faq-section{padding:80px 0;text-align:center}.faq-list{max-width:850px;margin:30px auto 0;display:grid;gap:14px;text-align:left}.faq-list details{border:1px solid rgba(255,60,28,.25);border-radius:14px;background:linear-gradient(120deg,rgba(12,0,0,.9),rgba(4,4,4,.88));padding:0 22px;box-shadow:0 0 24px rgba(255,30,14,.04)}.faq-list summary{cursor:pointer;list-style:none;padding:21px 0;text-transform:uppercase;font-weight:950;letter-spacing:.04em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#ff3616;font-size:22px}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0 0 22px;color:#aaa;line-height:1.65}.sound-toggle{position:fixed;right:22px;bottom:22px;z-index:70;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(5,5,5,.78);color:#fff;font-size:19px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 0 22px rgba(255,29,18,.16)}.sound-toggle:hover{border-color:#ff2d18;box-shadow:0 0 26px rgba(255,29,18,.42);transform:translateY(-2px)}
.table-avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle,#2b0a08,#050505);box-shadow:0 0 14px rgba(255,42,22,.18);flex:0 0 auto}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;color:#ff4b20;font-weight:950;background:linear-gradient(135deg,#190200,#070707)}.avatar-ring{overflow:hidden!important}.avatar-ring .avatar-img,.avatar-ring .avatar-fallback{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.avatar-ring .avatar-fallback{font-size:35px!important;color:#ff4b20!important}.avatar-ring .avatar-img+span{display:none!important}.player-cell{align-items:center!important;gap:12px!important}.question-avatar{display:none!important}
.admin-actions-plus{flex-wrap:wrap;justify-content:center}.admin-note{text-align:center;color:#888;font-size:13px;line-height:1.6;margin:18px 0 0}.admin-table th:nth-child(3),.admin-table td:nth-child(3){min-width:190px}.admin-rank-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,60,28,.35);background:#100;color:#ff4b20;font-weight:950}.admin-move-cell{white-space:nowrap}.mini-btn{width:34px;height:34px;margin:2px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#090909;color:#fff;font-weight:950;cursor:pointer}.mini-btn:hover{border-color:#ff3719;box-shadow:0 0 16px rgba(255,44,20,.25)}.mini-btn.danger{color:#ff533b}
.mobile-menu-backdrop,.mobile-menu-head{display:none}@media(max-width:800px){.nav{justify-content:space-between;padding:0 18px}.brand{position:static!important;left:auto!important}.hamburger{display:grid!important;place-items:center;width:46px;height:46px;border:1px solid rgba(255,55,24,.35);border-radius:12px;background:rgba(15,0,0,.8);box-shadow:0 0 22px rgba(255,33,16,.16);z-index:100}.hamburger span{display:block;width:20px;height:2px;background:white;margin:3px 0;border-radius:2px;transition:.25s}.menu-open .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .hamburger span:nth-child(2){opacity:0}.menu-open .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-nav{position:fixed!important;display:flex!important;right:0;top:0;bottom:0;width:min(330px,88vw);height:100vh;z-index:99;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:24px;background:linear-gradient(150deg,rgba(18,0,0,.96),rgba(0,0,0,.96));border-left:1px solid rgba(255,48,24,.28);box-shadow:-20px 0 70px rgba(0,0,0,.7),-4px 0 35px rgba(255,35,18,.15);transform:translateX(110%);transition:transform .32s ease;backdrop-filter:blur(15px)}.menu-open .main-nav{transform:translateX(0)}.main-nav a{padding:18px 6px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;opacity:0;transform:translateX(18px);transition:.28s ease;text-align:left}.menu-open .main-nav a{opacity:1;transform:translateX(0);transition-delay:calc(var(--i,0) * .04s)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-head img{width:72px;filter:drop-shadow(0 0 18px rgba(255,31,16,.45))}.mobile-menu-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff;font-size:24px;cursor:pointer}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:98;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.25s}.menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}.hero{grid-template-columns:1fr!important;text-align:center;min-height:auto;padding:70px 0}.actions{justify-content:center;flex-wrap:wrap}.how-grid{grid-template-columns:1fr}.home-how h2,.faq-section h2{font-size:36px}.sound-toggle{right:16px;bottom:16px;width:44px;height:44px}.footer{padding:40px 6%!important;flex-direction:column;gap:28px}.social-grid,.step-grid{grid-template-columns:1fr!important}}
@keyframes cardSweep{0%,45%{transform:translateX(-120%) skewX(-20deg)}65%,100%{transform:translateX(140%) skewX(-20deg)}}


/* === Rank hover animations + admin preview mode === */
.rankings-v2 tbody tr{
  position:relative;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, filter .22s ease;
  transform-origin:center;
}
.rankings-v2 tbody tr::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,49,22,.16),transparent);
  transform:translateX(-65%);
  transition:opacity .22s ease;
}
.rankings-v2 tbody tr:hover{
  transform:translateY(-4px) scale(1.006);
  background:linear-gradient(90deg,rgba(255,35,18,.10),rgba(10,10,10,.96));
  box-shadow:0 0 24px rgba(255,36,18,.18), inset 0 0 0 1px rgba(255,65,28,.22);
  filter:saturate(1.1);
}
.rankings-v2 tbody tr:hover::after{opacity:1;animation:rankRowSweep 1.15s ease forwards;}
.rankings-v2 tbody tr:hover .rank-num{
  transform:scale(1.12) rotate(-3deg);
  box-shadow:0 0 22px rgba(255,55,24,.42);
  border-color:rgba(255,69,34,.65);
}
.rankings-v2 tbody tr:hover .table-avatar{
  transform:scale(1.13);
  box-shadow:0 0 20px rgba(255,44,20,.45),0 0 0 2px rgba(255,55,25,.22);
}
.rankings-v2 tbody tr:hover .player-cell span:last-child{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.16)}
.rank-num,.table-avatar{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
@keyframes rankRowSweep{0%{transform:translateX(-70%)}100%{transform:translateX(80%)}}

.admin-preview-panel{
  margin-top:30px;
  padding:26px;
  border:1px solid rgba(255,57,25,.28);
  border-radius:18px;
  background:radial-gradient(circle at 50% 0,rgba(255,43,20,.12),transparent 45%),linear-gradient(140deg,rgba(13,0,0,.88),rgba(5,5,5,.94));
  box-shadow:0 0 38px rgba(255,30,14,.08),inset 0 0 0 1px rgba(255,255,255,.025);
  overflow:hidden;
}
.admin-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px;}
.admin-preview-head small{color:#ff381b;text-transform:uppercase;letter-spacing:.26em;font-weight:950;font-size:12px;}
.admin-preview-head h2{margin:8px 0 0;text-transform:uppercase;font-size:28px;letter-spacing:.06em;}
.admin-preview-head span{color:#8d8d8d;font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:.12em;}
.preview-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin:22px auto 26px;max-width:900px;}
.preview-card{position:relative;min-height:265px;padding:48px 18px 22px;border-radius:18px;border:1px solid rgba(255,70,32,.32);background:linear-gradient(180deg,rgba(18,2,0,.95),rgba(4,4,4,.96));display:grid;justify-items:center;gap:8px;text-align:center;box-shadow:0 0 22px rgba(255,35,18,.08);transition:.24s ease;}
.preview-card:hover{transform:translateY(-5px);box-shadow:0 0 34px rgba(255,42,20,.23);border-color:rgba(255,70,32,.55)}
.preview-first{min-height:302px;border-color:rgba(255,210,65,.45);box-shadow:0 0 30px rgba(255,193,7,.12)}
.preview-rank{position:absolute;top:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#120100;border:1px solid rgba(255,255,255,.14);font-weight:950;font-size:20px;color:#fff;box-shadow:0 0 18px rgba(255,44,20,.22)}
.preview-first .preview-rank{color:#ffd35a;box-shadow:0 0 22px rgba(255,210,65,.25)}
.preview-second .preview-rank{color:#d7e0ff}.preview-third .preview-rank{color:#ff9f63}
.preview-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#330a06,#050505);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 22px rgba(255,40,18,.2);}
.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-avatar span{color:#ff4a22;font-size:28px;font-weight:950}.preview-card strong{max-width:100%;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-card small{color:#858585;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.13em}.preview-card b{font-size:19px}.preview-card em{font-style:normal;color:#ff4b20;font-weight:950;font-size:18px;text-shadow:0 0 12px rgba(255,45,20,.28)}
.preview-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.07)}.preview-table{width:100%;border-collapse:collapse;background:rgba(4,4,4,.72)}.preview-table th{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.14em;padding:14px;text-align:left}.preview-table td{padding:14px;border-top:1px solid rgba(255,255,255,.06);font-weight:800}.preview-table tr:hover{background:rgba(255,42,20,.08)}.preview-player{display:flex;align-items:center;gap:10px}.preview-mini-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#130100;border:1px solid rgba(255,255,255,.1)}.preview-mini-avatar img{width:100%;height:100%;object-fit:cover}.preview-mini-avatar span{color:#ff4b20;font-weight:950}.preview-prize{color:#ff4b20}.preview-status{display:inline-block;padding:6px 10px;border:1px solid rgba(255,55,25,.22);border-radius:999px;color:#bbb;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.preview-podium{grid-template-columns:1fr}.preview-card,.preview-first{min-height:auto}.admin-preview-head{align-items:flex-start;flex-direction:column}.admin-preview-head h2{font-size:23px}}
