*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06070b;color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}.grain{position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;opacity:.13;pointer-events:none}.aurora{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(95px);opacity:.35;pointer-events:none}.a1{background:#ff2b2b;top:-120px;left:-120px}.a2{background:#1f6bff;right:-160px;top:200px}.header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;background:rgba(6,7,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:14px;align-items:center}.brand-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#ff3131,#ffb703);display:grid;place-items:center;font-family:'Russo One';box-shadow:0 0 34px rgba(255,49,49,.38)}.brand b{display:block;text-transform:uppercase;letter-spacing:.7px}.brand em{font-style:normal;color:#9da3b7;font-size:13px}.nav{display:flex;gap:26px;align-items:center;color:#c7cad6;font-weight:800;font-size:14px}.nav a:hover{color:white}.nav-pill{padding:12px 18px;border-radius:999px;background:#fff;color:#07080c!important}.hero{min-height:760px;padding:95px 6vw 60px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}.kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#d7d9e3;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.8px}.kicker span{width:9px;height:9px;border-radius:50%;background:#ff3333;box-shadow:0 0 16px #ff3333}h1{font-family:'Russo One',Inter,sans-serif;font-size:clamp(44px,7vw,95px);line-height:.93;margin:26px 0 24px;text-transform:uppercase;letter-spacing:-2px}h1 strong{display:block;background:linear-gradient(90deg,#fff,#ff3b3b,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.65;color:#c4c8d6;max-width:780px}.lead b{color:#fff}.search-line{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0;color:#83899c}.search-line b{font-size:13px;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.07);color:#e8eaf1}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:18px 25px;border-radius:16px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}.primary{background:linear-gradient(135deg,#ff2d2d,#ff8c00);box-shadow:0 22px 70px rgba(255,59,48,.28)}.ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.hero-right{perspective:1000px}.game-card{position:relative;min-height:560px;border-radius:38px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 120px rgba(0,0,0,.55);transform:rotateY(-7deg) rotateX(5deg);overflow:hidden}.game-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 20%,rgba(255,57,57,.38),transparent 34%),radial-gradient(circle at 80% 50%,rgba(255,184,0,.18),transparent 35%);z-index:-1}.game-top{display:flex;justify-content:space-between;color:#dfe3ee;font-size:13px;font-weight:950}.game-top i{font-style:normal;color:#ffcf6e}.main-code{margin-top:88px;padding:34px;border-radius:30px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.15);text-align:center}.main-code small{text-transform:uppercase;color:#9ca2b6;font-weight:900}.main-code strong{display:block;font-family:'Russo One';font-size:110px;line-height:1;text-shadow:0 0 35px rgba(255,55,55,.6)}button{cursor:pointer;border:0;color:#fff;background:#ff3030;border-radius:13px;padding:14px 18px;font-weight:950;text-transform:uppercase}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.chips span{text-align:center;padding:13px 8px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:900}.car-silhouette{position:absolute;left:35px;right:35px;bottom:42px;height:85px;border-radius:60px 85px 28px 28px;background:linear-gradient(90deg,#151821,#353b4c,#11141c);box-shadow:0 22px 65px rgba(0,0,0,.65)}.car-silhouette:before,.car-silhouette:after{content:"";position:absolute;bottom:-25px;width:62px;height:62px;border-radius:50%;background:#05060a;border:10px solid #252a37}.car-silhouette:before{left:60px}.car-silhouette:after{right:60px}.seo-panel,.section,.telegram{margin:0 6vw 34px}.seo-panel{padding:28px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.seo-panel h2,.section h2,.telegram h2{font-family:'Russo One';font-size:clamp(30px,4vw,58px);margin:0;text-transform:uppercase}.seo-panel p{color:#c2c7d6;line-height:1.6}.section{padding:70px 0}.section-title{display:flex;gap:22px;align-items:end;margin-bottom:28px}.section-title>span{font-family:'Russo One';font-size:72px;color:#ff3535;line-height:.8}.section-title p{margin:0 0 6px;color:#8b92a5;text-transform:uppercase;font-weight:900}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.promo-card{position:relative;overflow:hidden;min-height:290px;padding:28px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.105),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}.promo-card.top{background:linear-gradient(140deg,rgba(255,49,49,.34),rgba(255,255,255,.06));box-shadow:0 25px 90px rgba(255,49,49,.16)}.tag{display:inline-block;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:950;text-transform:uppercase;color:#ffd166}.promo-card h3{font-family:'Russo One';font-size:78px;margin:24px 0 8px}.promo-card p{color:#c7ccda;line-height:1.55}.promo-card button{position:absolute;left:28px;bottom:28px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.compact{display:flex}.code-list{display:grid;gap:12px}.code-list div{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.code-list b{font-family:'Russo One';font-size:24px}.code-list span{color:#a8aec0}.code-list button{background:rgba(255,255,255,.12)}.temporary{display:grid;grid-template-columns:1fr 420px;gap:28px;padding:44px;border-radius:32px;background:linear-gradient(120deg,rgba(255,49,49,.18),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.11)}.over{color:#ffcf6e;text-transform:uppercase;font-weight:950}.temporary p{color:#c2c7d6;line-height:1.65}.timer-box{padding:28px;border-radius:25px;background:#08090e;border:1px solid rgba(255,255,255,.12);text-align:center}.timer-box span{color:#9da3b6;text-transform:uppercase;font-weight:900}.timer-box strong{display:block;font-family:'Russo One';font-size:54px;margin:18px 0}.timer-box a{display:block;padding:16px;border-radius:14px;background:#fff;color:#05060a;font-weight:950;text-transform:uppercase}.telegram{position:relative;overflow:hidden;padding:70px;border-radius:40px;background:linear-gradient(135deg,#0b1020,#111,#3a0909);border:1px solid rgba(255,255,255,.12);margin-bottom:70px}.tg-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#ff3030;filter:blur(110px);right:-100px;top:-100px;opacity:.38}.tg-content{position:relative;max-width:860px}.telegram span{color:#ffcf6e;text-transform:uppercase;font-weight:950}.telegram p{color:#d2d6e2;font-size:20px;line-height:1.55}.telegram a{display:inline-block;margin-top:18px;padding:20px 28px;border-radius:17px;background:linear-gradient(135deg,#2da7ff,#126bff);font-weight:950;text-transform:uppercase}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(90px);background:#fff;color:#05060a;padding:14px 20px;border-radius:999px;font-weight:950;transition:.3s;z-index:20}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:900px){.nav{display:none}.hero,.split,.temporary{grid-template-columns:1fr}.hero{padding-top:60px}.cards{grid-template-columns:1fr}.game-card{transform:none}.code-list div{grid-template-columns:1fr}.temporary{padding:28px}.telegram{padding:34px}h1{letter-spacing:-1px}.main-code strong{font-size:82px}}


/* Custom logo */

.brand-logo{
  display:flex;
  align-items:center;
  min-width:190px;
}
.logo-img{
  height:246px;
  width:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 22px rgba(0,170,255,.26));
}
.header{
  min-height:260px;
}
@media(max-width:900px){
  .logo-img{height:170px}
  .header{min-height:190px}
}



/* === FINAL HEADER / LOGO FIX === */
.header{
  position:sticky;
  top:0;
  z-index:50;
  min-height:92px !important;
  padding:10px 6vw !important;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:rgba(6,7,11,.58) !important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand-logo{
  display:flex;
  align-items:center;
  height:72px;
  overflow:visible;
}
.logo-img{
  height:150px !important;
  width:auto;
  object-fit:contain;
  display:block;
  margin-top:8px;
  filter:drop-shadow(0 0 26px rgba(0,170,255,.30));
}
.nav{
  display:flex;
  align-items:center;
  gap:26px;
}
.hero{
  padding-top:110px !important;
}
@media(max-width:900px){
  .header{
    min-height:76px !important;
    padding:8px 18px !important;
  }
  .brand-logo{
    height:60px;
  }
  .logo-img{
    height:110px !important;
    margin-top:5px;
  }
  .hero{
    padding-top:80px !important;
  }
}



/* === FAQ SEO BLOCK === */
.faq-list{
  display:grid;
  gap:18px;
  margin-top:34px;
}
.faq-item{
  padding:26px;
  border-radius:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  transition:.25s;
}
.faq-item:hover{
  transform:translateY(-6px);
  border-color:#ff4b4b;
  box-shadow:0 24px 80px rgba(255,49,49,.10);
}
.faq-item h3{
  margin:0 0 14px;
  font-family:'Russo One';
  font-size:26px;
  line-height:1.2;
}
.faq-item p{
  margin:0;
  color:#c7ccda;
  line-height:1.7;
  font-size:17px;
}

.article-page{
  max-width:1100px;
  margin:140px auto 80px;
  padding:0 24px;
}
.article-page h1{
  font-size:72px;
  margin-bottom:20px;
}
.article-page p{
  color:#c7ccda;
  line-height:1.8;
  font-size:18px;
}
.video-box{
  margin-top:30px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 100px rgba(0,0,0,.45);
}
.video-box iframe{
  width:100%;
  height:520px;
  display:block;
}
.back-btn{
  display:inline-block;
  margin-top:30px;
  padding:16px 24px;
  border-radius:18px;
  background:linear-gradient(135deg,#ff2d2d,#ff8c00);
  font-weight:900;
}



/* === FAQ FIX === */
.faq-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

.faq-head h3{
  margin:0;
  flex:1;
}

.faq-more{
  padding:10px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  transition:.25s;
  white-space:nowrap;
}

.faq-more:hover{
  background:#ff3535;
  border-color:#ff3535;
  transform:translateY(-2px);
}



/* === PREMIUM 3D FLIP PROMO CARD === */
.hero-right{
  perspective:1600px;
}

.flip-card{
  width:100%;
  min-height:560px;
  perspective:1600px;
  cursor:pointer;
}

.flip-inner{
  position:relative;
  width:100%;
  min-height:560px;
  transform-style:preserve-3d;
  transition:transform .95s cubic-bezier(.2,.8,.2,1);
  animation:floatPremium 5.5s ease-in-out infinite;
}

.flip-card:hover .flip-inner,
.flip-card.is-flipped .flip-inner{
  transform:rotateY(180deg);
}

.flip-front,
.flip-back{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.flip-front{
  transform:rotateY(0deg);
}

.flip-back{
  transform:rotateY(180deg);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 25% 20%,rgba(255,49,49,.35),transparent 35%),
    radial-gradient(circle at 80% 80%,rgba(31,107,255,.28),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
}

.car-silhouette{
  display:none !important;
}

.flip-hint{
  margin-top:26px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  color:#cfd4e4;
  font-size:13px;
  font-weight:950;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.bonus-title{
  margin:64px auto 22px;
  text-align:center;
  color:#ffcf6e;
  font-family:'Russo One';
  font-size:22px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.bonus-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.bonus-item{
  padding:22px;
  min-height:112px;
  border-radius:22px;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.13);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:inset 0 0 35px rgba(255,255,255,.035);
}

.bonus-item span{
  color:#ff4444;
  font-weight:950;
  font-size:13px;
  margin-bottom:8px;
}

.bonus-item b{
  font-family:'Russo One';
  font-size:26px;
  line-height:1.05;
  text-transform:uppercase;
}

.bonus-telegram{
  margin:26px auto 0;
  display:inline-block;
  padding:18px 24px;
  border-radius:18px;
  background:linear-gradient(135deg,#2da7ff,#126bff);
  font-weight:950;
  text-transform:uppercase;
  box-shadow:0 22px 70px rgba(45,167,255,.24);
}

@keyframes floatPremium{
  0%,100%{ translate:0 0; }
  50%{ translate:0 -14px; }
}

@media(max-width:900px){
  .flip-card,
  .flip-inner{
    min-height:560px;
  }

  .flip-card:hover .flip-inner{
    transform:none;
  }

  .flip-card.is-flipped .flip-inner{
    transform:rotateY(180deg);
  }

  .bonus-grid{
    grid-template-columns:1fr;
  }

  .bonus-item b{
    font-size:22px;
  }
}



/* === FORTUNE WHEEL + 3D CARS FINAL === */
.fortune-layout{display:grid;grid-template-columns:480px 1fr;gap:28px;align-items:stretch}
.wheel-card,.reward-showcase,.loot-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 120px rgba(0,0,0,.35)}
.wheel-card{min-height:610px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wheel-pointer{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 0 16px rgba(255,255,255,.45));position:absolute;top:34px;left:50%;transform:translateX(-50%);z-index:3}
.wheel{width:360px;height:360px;border-radius:50%;position:relative;background:conic-gradient(from 0deg,#ff3030 0deg 60deg,#111827 60deg 120deg,#ff8c00 120deg 180deg,#1f6bff 180deg 240deg,#7c2dff 240deg 300deg,#141414 300deg 360deg);border:12px solid rgba(255,255,255,.10);box-shadow:inset 0 0 45px rgba(0,0,0,.55),0 0 70px rgba(255,49,49,.18);transition:transform 4.2s cubic-bezier(.12,.82,.18,1)}
.wheel:after{content:"";position:absolute;inset:122px;border-radius:50%;background:#07080c;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 30px rgba(0,0,0,.45)}
.wheel-label{position:absolute;left:50%;top:50%;width:145px;margin-left:-72px;margin-top:-11px;font-size:12px;font-weight:950;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);transform-origin:72px 11px;z-index:2}
.l1{transform:rotate(30deg) translateY(-145px)}.l2{transform:rotate(90deg) translateY(-145px)}.l3{transform:rotate(150deg) translateY(-145px)}.l4{transform:rotate(210deg) translateY(-145px)}.l5{transform:rotate(270deg) translateY(-145px)}.l6{transform:rotate(330deg) translateY(-145px)}
.spin-btn{margin-top:30px;padding:18px 30px;border-radius:18px;background:linear-gradient(135deg,#ff2d2d,#ff8c00);box-shadow:0 22px 70px rgba(255,59,48,.25)}
.wheel-result{margin-top:18px;min-height:48px;color:#d8dce8;font-weight:900;text-align:center}
.reward-showcase{padding:36px;min-height:610px}.showcase-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#1f6bff;filter:blur(115px);opacity:.25;right:-130px;top:-110px}
.reward-showcase h2,.loot-card h2{font-family:'Russo One';font-size:clamp(34px,4vw,56px);margin:8px 0 12px;text-transform:uppercase}.reward-showcase p,.loot-card p{color:#c7ccda;line-height:1.65;max-width:760px}
.model-tabs{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.model-tabs button{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.model-tabs button:hover{background:#ff3030}
.car-viewer{width:100%;height:330px;border-radius:26px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.10),rgba(0,0,0,.16))}
.viewer-title{margin-top:14px;font-family:'Russo One';font-size:26px;color:#ffcf6e;text-transform:uppercase}
.loot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.loot-card{min-height:430px;padding:32px;display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}
.prop-img{width:100%;max-height:310px;object-fit:contain;filter:drop-shadow(0 28px 55px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(255,255,255,.10));animation:floatPremium 5.5s ease-in-out infinite}.police-img{max-height:340px}
@media(max-width:1000px){.fortune-layout,.loot-grid,.loot-card{grid-template-columns:1fr}.wheel{width:300px;height:300px}.l1{transform:rotate(30deg) translateY(-120px)}.l2{transform:rotate(90deg) translateY(-120px)}.l3{transform:rotate(150deg) translateY(-120px)}.l4{transform:rotate(210deg) translateY(-120px)}.l5{transform:rotate(270deg) translateY(-120px)}.l6{transform:rotate(330deg) translateY(-120px)}.car-viewer{height:280px}}



/* === POLISH FIX: 3D MODELS, PROPS, PROMO TEXT === */
.promo-card{
  padding-bottom:92px !important;
}
.promo-card p{
  max-width:92%;
}
.promo-card button{
  bottom:24px !important;
}
.promo-card h3{
  margin-bottom:22px !important;
}

.car-viewer{
  height:420px !important;
  background:
    radial-gradient(circle at 50% 82%,rgba(255,48,48,.25),transparent 28%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.11),rgba(0,0,0,.35) 62%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    inset 0 0 80px rgba(255,255,255,.04),
    0 28px 90px rgba(0,0,0,.45);
}

.mini-garage{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:18px;
}
.mini-model{
  border-radius:22px;
  padding:12px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  text-align:center;
}
.mini-model model-viewer{
  width:100%;
  height:160px;
  background:radial-gradient(circle at 50% 72%,rgba(255,255,255,.10),transparent 46%);
}
.mini-model b{
  display:block;
  margin-top:8px;
  font-family:'Russo One';
  color:#ffcf6e;
  font-size:14px;
  text-transform:uppercase;
}

.cash-stack-visual{
  position:relative;
  width:260px;
  height:220px;
  margin:auto;
  transform:rotate(-6deg);
  filter:drop-shadow(0 30px 55px rgba(0,0,0,.55));
}
.cash-note{
  position:absolute;
  inset:40px 10px 45px 10px;
  border-radius:18px;
  background:linear-gradient(135deg,#d9ffbd,#5ea857);
  border:4px solid rgba(255,255,255,.35);
  color:#173d17;
  font-family:'Russo One';
  font-size:72px;
  display:grid;
  place-items:center;
  box-shadow:0 20px 45px rgba(0,0,0,.35);
}
.cash-note:before{
  content:"300.000 RUB";
  position:absolute;
  top:14px;
  left:18px;
  font-size:16px;
}
.cash-note:after{
  content:"GRAND MOBILE";
  position:absolute;
  bottom:14px;
  right:18px;
  font-size:13px;
}
.cash-note.n2{transform:translate(-20px,-18px) rotate(-7deg);opacity:.75}
.cash-note.n3{transform:translate(22px,18px) rotate(8deg);opacity:.82}

.police-visual{
  width:260px;
  height:260px;
  margin:auto;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 20%,rgba(45,167,255,.35),transparent 35%),
    linear-gradient(145deg,#0d1320,#05070c);
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  box-shadow:0 28px 80px rgba(0,0,0,.45);
}
.police-badge{
  width:96px;
  height:96px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffd166,#7a4d00);
  color:#111;
  font-size:46px;
  box-shadow:0 0 45px rgba(255,209,102,.25);
}
.police-text{
  font-family:'Russo One';
  text-align:center;
  font-size:28px;
  line-height:1.05;
  color:#fff;
}

@media(max-width:900px){
  .mini-garage{grid-template-columns:1fr}
  .car-viewer{height:330px !important}
}



/* === BMW MODEL FIX === */
.bmw-viewer{
  min-height:430px !important;
  background:
    radial-gradient(circle at 50% 80%,rgba(255,48,48,.22),transparent 30%),
    radial-gradient(circle at 50% 52%,rgba(255,255,255,.16),rgba(0,0,0,.32) 64%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)) !important;
}
.bmw-tabs button{
  min-width:116px;
}
.mini-model model-viewer{
  min-height:175px !important;
}
model-viewer{
  --poster-color: transparent;
}
@media(max-width:900px){
  .bmw-viewer{min-height:330px !important;}
}



/* === FULL FORTUNE MODELS UPDATE === */
.fortune-layout{
  grid-template-columns:520px 1fr !important;
}
.wheel-card{
  min-height:650px !important;
}
.wheel{
  width:410px !important;
  height:410px !important;
  background:conic-gradient(
    #ff3030 0deg 25.7deg,
    #111827 25.7deg 51.4deg,
    #ff8c00 51.4deg 77.1deg,
    #1f6bff 77.1deg 102.8deg,
    #7c2dff 102.8deg 128.5deg,
    #171717 128.5deg 154.2deg,
    #ff3030 154.2deg 179.9deg,
    #111827 179.9deg 205.6deg,
    #ff8c00 205.6deg 231.3deg,
    #1f6bff 231.3deg 257deg,
    #7c2dff 257deg 282.7deg,
    #171717 282.7deg 308.4deg,
    #ff3030 308.4deg 334.1deg,
    #111827 334.1deg 360deg
  ) !important;
}
.wheel:after{
  inset:145px !important;
}
.wheel-label{
  width:112px !important;
  margin-left:-56px !important;
  font-size:10px !important;
  transform-origin:56px 10px !important;
}
.wheel-pointer{
  border-left:24px solid transparent !important;
  border-right:24px solid transparent !important;
  border-top:44px solid #fff !important;
  top:26px !important;
}
.wheel-pointer.tick{
  animation:pointerTick .18s ease-in-out infinite alternate;
}
@keyframes pointerTick{
  from{transform:translateX(-50%) rotate(-8deg)}
  to{transform:translateX(-50%) rotate(8deg)}
}
.wheel-result{
  font-size:18px;
  color:#ffcf6e !important;
}
.reward-showcase{
  min-height:650px !important;
}
.car-viewer{
  height:430px !important;
}
.reward-badge-view{
  min-height:430px;
  border-radius:28px;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,209,102,.25),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);
}
.reward-badge-view[hidden]{
  display:none !important;
}
.reward-badge-view b{
  font-family:'Russo One';
  font-size:64px;
  color:#ffcf6e;
  text-transform:uppercase;
}
.reward-badge-view span{
  display:block;
  margin-top:14px;
  color:#c7ccda;
  font-weight:900;
}
.result-tg{
  margin-top:18px !important;
}
.garage-section{
  margin-top:34px;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
}
.garage-title{
  margin-bottom:24px !important;
}
.all-reward-tabs{
  margin-bottom:22px !important;
}
.all-models-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.reward-mini{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:14px;
  min-height:230px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
  transition:.25s;
  text-align:center;
}
.reward-mini:hover{
  transform:translateY(-7px);
  border-color:#ff4b4b;
  box-shadow:0 24px 80px rgba(255,49,49,.12);
}
.reward-mini model-viewer{
  width:100%;
  height:180px;
  background:radial-gradient(circle at 50% 72%,rgba(255,255,255,.10),transparent 48%);
}
.reward-mini b{
  display:block;
  margin-top:8px;
  font-family:'Russo One';
  color:#ffcf6e;
  font-size:14px;
  text-transform:uppercase;
}
.bonus-plate{
  height:180px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#101522,#351010);
  color:#ffcf6e;
  font-family:'Russo One';
  font-size:34px;
  border:1px solid rgba(255,255,255,.12);
}
.bonus-plate.donate{
  color:#fff;
  background:linear-gradient(135deg,#126bff,#111827);
}
.g63-reward-model{
  width:100%;
  height:180px;
  margin:8px 0 12px;
  border-radius:22px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 60%);
}
@media(max-width:1000px){
  .fortune-layout{grid-template-columns:1fr !important}
  .wheel{width:320px !important;height:320px !important}
  .wheel:after{inset:112px !important}
  .wheel-label{font-size:9px !important}
  .car-viewer,.reward-badge-view{height:340px !important;min-height:340px}
}

/* === CLEAN WORKING FORTUNE WHEEL — FINAL === */
.fortune-clean-layout{
  display:grid !important;
  grid-template-columns:520px 1fr !important;
  gap:28px !important;
  align-items:stretch !important;
}
.new-wheel-card{
  position:relative !important;
  min-height:660px !important;
  padding:34px !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  box-shadow:0 40px 120px rgba(0,0,0,.35) !important;
}
.new-wheel-pointer{
  position:absolute;
  top:28px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:24px solid transparent;
  border-right:24px solid transparent;
  border-top:46px solid #fff;
  z-index:30;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.75));
}
.new-wheel-pointer.is-ticking{
  animation:newPointerTick .13s ease-in-out infinite alternate;
}
@keyframes newPointerTick{
  from{transform:translateX(-50%) rotate(-10deg)}
  to{transform:translateX(-50%) rotate(10deg)}
}
.new-wheel-stage{
  position:relative;
  width:420px;
  height:420px;
  display:grid;
  place-items:center;
}
.new-wheel-stage:before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,48,48,.20),transparent 67%);
  filter:blur(10px);
}
.new-wheel{
  position:relative !important;
  width:400px !important;
  height:400px !important;
  border-radius:50% !important;
  background:conic-gradient(
    #ff3030 0deg 22.5deg,
    #111827 22.5deg 45deg,
    #ff8c00 45deg 67.5deg,
    #1f6bff 67.5deg 90deg,
    #7c2dff 90deg 112.5deg,
    #171717 112.5deg 135deg,
    #ff3030 135deg 157.5deg,
    #111827 157.5deg 180deg,
    #ff8c00 180deg 202.5deg,
    #1f6bff 202.5deg 225deg,
    #7c2dff 225deg 247.5deg,
    #171717 247.5deg 270deg,
    #ff3030 270deg 292.5deg,
    #111827 292.5deg 315deg,
    #ff8c00 315deg 337.5deg,
    #1f6bff 337.5deg 360deg
  ) !important;
  border:12px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 0 60px rgba(0,0,0,.65),0 0 80px rgba(255,49,49,.22) !important;
  transition:transform 4.2s cubic-bezier(.12,.82,.18,1) !important;
  will-change:transform !important;
  overflow:hidden !important;
}
.new-wheel-prize{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:112px !important;
  margin-left:-56px !important;
  margin-top:-10px !important;
  transform:rotate(var(--angle)) translateY(-155px) rotate(0deg);
  z-index:8 !important;
  pointer-events:none !important;
  text-align:center !important;
}
.new-wheel-prize span{
  display:block;
  color:#fff !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 8px #000,0 0 12px #000 !important;
}
.new-wheel-center{
  position:absolute;
  width:112px;
  height:112px;
  border-radius:50%;
  background:#07080c;
  border:1px solid rgba(255,255,255,.18);
  display:grid;
  place-items:center;
  text-align:center;
  font-family:'Russo One';
  font-size:15px;
  color:#ffcf6e;
  z-index:20;
  box-shadow:0 0 30px rgba(0,0,0,.55);
  pointer-events:none;
}
.new-spin-btn{
  position:relative !important;
  z-index:40 !important;
  margin-top:30px !important;
  pointer-events:auto !important;
}
.new-spin-btn:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.new-wheel-result{
  position:relative;
  z-index:40;
  color:#ffcf6e !important;
  font-size:18px !important;
  margin-top:18px !important;
}
@media(max-width:1000px){
  .fortune-clean-layout{grid-template-columns:1fr !important}
  .new-wheel-stage{width:330px;height:330px}
  .new-wheel{width:315px !important;height:315px !important}
  .new-wheel-prize{transform:rotate(var(--angle)) translateY(-122px) rotate(0deg);width:88px;margin-left:-44px}
  .new-wheel-prize span{font-size:8px !important}
}

/* === TRUE SPINNING WHEEL FINAL === */
.fortune-wheel-layout{
  display:grid !important;
  grid-template-columns:520px 1fr !important;
  gap:28px !important;
  align-items:stretch !important;
}

.spinwheel-card{
  position:relative !important;
  min-height:670px !important;
  padding:34px !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  box-shadow:0 40px 120px rgba(0,0,0,.35) !important;
}

.spinwheel-pointer{
  position:absolute;
  top:30px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:26px solid transparent;
  border-right:26px solid transparent;
  border-top:50px solid #fff;
  z-index:60;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.75));
}

.spinwheel-pointer.ticking{
  animation:spinPointerTick .12s ease-in-out infinite alternate;
}

@keyframes spinPointerTick{
  from{transform:translateX(-50%) rotate(-11deg)}
  to{transform:translateX(-50%) rotate(11deg)}
}

.spinwheel-stage{
  position:relative;
  width:430px;
  height:430px;
  display:grid;
  place-items:center;
}

.spinwheel-stage:before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,48,48,.22),transparent 68%);
  filter:blur(12px);
}

.spinwheel{
  position:relative !important;
  width:400px !important;
  height:400px !important;
  border-radius:50% !important;
  background:conic-gradient(
    #ff3030 0deg 22.5deg,
    #111827 22.5deg 45deg,
    #ff8c00 45deg 67.5deg,
    #1f6bff 67.5deg 90deg,
    #7c2dff 90deg 112.5deg,
    #171717 112.5deg 135deg,
    #ff3030 135deg 157.5deg,
    #111827 157.5deg 180deg,
    #ff8c00 180deg 202.5deg,
    #1f6bff 202.5deg 225deg,
    #7c2dff 225deg 247.5deg,
    #171717 247.5deg 270deg,
    #ff3030 270deg 292.5deg,
    #111827 292.5deg 315deg,
    #ff8c00 315deg 337.5deg,
    #1f6bff 337.5deg 360deg
  ) !important;
  border:12px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 0 60px rgba(0,0,0,.65),0 0 80px rgba(255,49,49,.22) !important;
  transition:transform 4.2s cubic-bezier(.12,.82,.18,1) !important;
  will-change:transform !important;
  overflow:hidden !important;
}

.spinwheel-label{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:110px !important;
  margin-left:-55px !important;
  margin-top:-9px !important;
  transform:rotate(var(--a)) translateY(-155px) rotate(0deg);
  z-index:18 !important;
  pointer-events:none !important;
  text-align:center !important;
}

.spinwheel-label span{
  display:inline-block;
  color:#fff !important;
  font-size:9.5px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 8px #000,0 0 12px #000 !important;
  padding:2px 3px;
  border-radius:6px;
  background:rgba(0,0,0,.10);
}

.spinwheel-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:118px;
  height:118px;
  border-radius:50%;
  background:#07080c;
  border:1px solid rgba(255,255,255,.18);
  display:grid;
  place-items:center;
  text-align:center;
  font-family:'Russo One';
  font-size:15px;
  line-height:1.05;
  color:#ffcf6e;
  z-index:35;
  box-shadow:0 0 30px rgba(0,0,0,.55);
  pointer-events:none;
}

.spinwheel-button{
  position:relative !important;
  z-index:80 !important;
  margin-top:30px !important;
  pointer-events:auto !important;
}

.spinwheel-button:disabled{
  opacity:.72;
  cursor:not-allowed;
}

.spinwheel-result{
  position:relative;
  z-index:80;
  color:#ffcf6e !important;
  font-size:18px !important;
  margin-top:18px !important;
}

@media(max-width:1000px){
  .fortune-wheel-layout{grid-template-columns:1fr !important}
  .spinwheel-stage{width:330px;height:330px}
  .spinwheel{width:315px !important;height:315px !important}
  .spinwheel-label{transform:rotate(var(--a)) translateY(-122px) rotate(0deg);width:86px;margin-left:-43px}
  .spinwheel-label span{font-size:7.8px !important}
  .spinwheel-center{width:92px;height:92px;font-size:12px}
}


/* TG GATE */
.tg-gate{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(10px);
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.tg-gate.active{
  display:flex;
}
.tg-gate-box{
  position:relative;
  width:min(430px,100%);
  border-radius:34px;
  padding:38px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 120px rgba(0,0,0,.5);
  text-align:center;
}
.tg-gate-glow{
  position:absolute;
  inset:-120px;
  background:radial-gradient(circle,rgba(0,170,255,.25),transparent 60%);
  pointer-events:none;
}
.tg-gate-box span{
  color:#7dd3fc;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.2em;
}
.tg-gate-box h2{
  margin-top:10px;
  font-size:42px;
  line-height:1;
}
.tg-gate-box p{
  color:#cfcfcf;
  margin:16px 0 26px;
  line-height:1.5;
}
.tg-sub-btn,
.tg-check-btn{
  width:100%;
  border:none;
  border-radius:18px;
  padding:18px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}
.tg-sub-btn{
  display:block;
  text-decoration:none;
  margin-bottom:14px;
  background:linear-gradient(135deg,#229ED9,#38bdf8);
  color:#fff;
}
.tg-check-btn{
  background:#fff;
  color:#000;
}
.tg-sub-btn:hover,
.tg-check-btn:hover{
  transform:translateY(-2px);
}
.tg-gate-box small{
  display:block;
  margin-top:16px;
  color:#888;
}

/* === REFERRAL SYSTEM + SPIN BALANCE === */
.spin-balance{
  margin-left:auto;
  margin-right:18px;
  padding:10px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  white-space:nowrap;
}
.spin-balance b{
  color:#ffcf6e;
}

.ref-layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
}
.ref-card,.leaderboard-card{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 120px rgba(0,0,0,.32);
}
.ref-card h2,.leaderboard-card h2{
  font-family:'Russo One';
  font-size:clamp(34px,4vw,56px);
  margin:8px 0 14px;
  text-transform:uppercase;
}
.ref-card p,.leader-note{
  color:#c7ccda;
  line-height:1.65;
}
.ref-link-box{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  margin:26px 0;
}
.ref-link-box input{
  min-width:0;
  padding:17px 18px;
  border-radius:17px;
  background:rgba(0,0,0,.34);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
}
.ref-link-box button{
  border-radius:17px;
  background:linear-gradient(135deg,#ff3030,#ff8c00);
}
.ref-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.ref-stats div{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.ref-stats b{
  display:block;
  font-family:'Russo One';
  font-size:25px;
  color:#ffcf6e;
}
.ref-stats span{
  color:#9da3b7;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
}
.leaderboard-list{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.leader-row{
  display:grid;
  grid-template-columns:54px 1fr auto;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.leader-row.me{
  border-color:#ffcf6e;
  box-shadow:0 0 35px rgba(255,207,110,.10);
}
.leader-row span{
  color:#ff3535;
  font-family:'Russo One';
}
.leader-row b{
  font-family:'Russo One';
}
.leader-row em{
  font-style:normal;
  color:#c7ccda;
  font-weight:900;
}

@media(max-width:1000px){
  .ref-layout{grid-template-columns:1fr}
  .ref-link-box{grid-template-columns:1fr}
  .ref-stats{grid-template-columns:1fr}
  .spin-balance{margin:12px 0 0}
}

/* Real system note */
.real-system-note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,207,110,.08);
  border:1px solid rgba(255,207,110,.20);
  color:#d9deea;
  line-height:1.55;
}
.real-system-note b{
  color:#ffcf6e;
}

/* === WEIGHTED PRIZES UPDATE === */
.chance-note{
  position:relative;
  z-index:80;
  margin-top:10px;
  color:#9da3b7;
  font-size:13px;
  font-weight:900;
  text-align:center;
}
.spinwheel-label.bad span{
  color:#b9becd !important;
  opacity:.92;
}
.spinwheel-label.good span{
  color:#b8ffcf !important;
}
.spinwheel-label.rare span{
  color:#ffcf6e !important;
}
.bonus-plate.bad{
  background:linear-gradient(135deg,#1a1d27,#08090e);
  color:#b9becd;
  font-size:22px;
}
.bad-prize-card{
  opacity:.92;
}

/* === CLEANUP: WHEEL TEXT + SOFT TICK SOUND UPDATE === */
.spinwheel-card{
  overflow:visible !important;
}

.spinwheel-stage{
  margin-top:10px !important;
}

.spinwheel-label{
  width:92px !important;
  margin-left:-46px !important;
  margin-top:-8px !important;
  transform:rotate(var(--a)) translateY(-158px) rotate(0deg) !important;
}

.spinwheel-label span{
  font-size:8.4px !important;
  line-height:1.05 !important;
  padding:3px 4px !important;
  max-width:88px !important;
  white-space:normal !important;
  word-break:normal !important;
  background:rgba(0,0,0,.22) !important;
  border:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(4px);
}

.spinwheel-center{
  width:124px !important;
  height:124px !important;
  font-size:14px !important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,207,110,.16),transparent 42%),
    #07080c !important;
}

.spinwheel-pointer{
  top:24px !important;
  border-left-width:22px !important;
  border-right-width:22px !important;
  border-top-width:44px !important;
}

.spinwheel-pointer.ticking{
  animation:spinPointerTickClean .09s ease-in-out infinite alternate !important;
}

@keyframes spinPointerTickClean{
  from{transform:translateX(-50%) rotate(-13deg)}
  to{transform:translateX(-50%) rotate(13deg)}
}

.chance-note{
  max-width:380px;
  line-height:1.35;
  opacity:.9;
}

.ref-layout,
.fortune-wheel-layout,
.fortune-clean-layout{
  align-items:start !important;
}

.header{
  flex-wrap:nowrap !important;
}

.spin-balance{
  flex-shrink:0 !important;
}

@media(max-width:1000px){
  .spinwheel-label{
    transform:rotate(var(--a)) translateY(-126px) rotate(0deg) !important;
    width:72px !important;
    margin-left:-36px !important;
  }

  .spinwheel-label span{
    font-size:6.8px !important;
    max-width:70px !important;
  }

  .spinwheel-center{
    width:96px !important;
    height:96px !important;
    font-size:11px !important;
  }
}

/* === ADMIN LOGIN PAGE === */
.admin-secret-link{
  position:fixed;
  left:8px;
  bottom:8px;
  z-index:9999;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.18);
  text-decoration:none;
  font-size:18px;
}
.admin-page{
  max-width:1180px;
  margin:130px auto 80px;
  padding:0 24px;
}
.admin-login-card,
.admin-dashboard,
.admin-box{
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 120px rgba(0,0,0,.35);
}
.admin-login-card{
  max-width:520px;
  margin:0 auto;
  padding:38px;
}
.admin-login-card h1,
.admin-dashboard h1,
.admin-box h2{
  font-family:'Russo One';
  text-transform:uppercase;
}
.admin-login-card h1{
  font-size:58px;
  margin:10px 0 12px;
}
.admin-login-card p,
.admin-box p,
.admin-dash-head p{
  color:#c7ccda;
  line-height:1.6;
}
.admin-login-card input,
.admin-box input{
  width:100%;
  margin-top:12px;
  padding:17px 18px;
  border-radius:17px;
  background:rgba(0,0,0,.34);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
}
.admin-login-card button,
.admin-box button,
.admin-dash-head button,
.admin-action-grid button{
  margin-top:14px;
  border-radius:17px;
  background:linear-gradient(135deg,#ff3030,#ff8c00);
}
.admin-login-card small{
  display:block;
  margin-top:18px;
  color:#9da3b7;
}
.admin-error{
  margin-top:12px;
  color:#ff5757;
  font-weight:900;
}
.admin-dashboard{
  padding:34px;
}
.admin-dash-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-bottom:26px;
}
.admin-action-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:24px;
}
.admin-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:24px;
}
.admin-box{
  padding:26px;
}
.admins-list{
  display:grid;
  gap:12px;
}
.admin-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.admin-row b{
  display:block;
  font-family:'Russo One';
}
.admin-row span,
.admin-row em{
  color:#9da3b7;
  font-size:12px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}
.admin-status-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.admin-status-grid div{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.07);
}
.admin-status-grid b{
  display:block;
  font-family:'Russo One';
  font-size:30px;
  color:#ffcf6e;
}
.admin-status-grid span{
  color:#9da3b7;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
@media(max-width:900px){
  .admin-action-grid,
  .admin-two-col,
  .admin-status-grid{
    grid-template-columns:1fr;
  }
  .admin-dash-head{
    flex-direction:column;
  }
}

/* === FINAL POLISH: WHEEL TEXT, SOUND SAFETY, SECTION ORDER === */
.spinwheel-label{
  width:82px !important;
  margin-left:-41px !important;
  margin-top:-7px !important;
  transform:rotate(var(--a)) translateY(-158px) rotate(calc(-1 * var(--a))) !important;
}
.spinwheel-label span{
  font-size:7.8px !important;
  line-height:1.05 !important;
  max-width:78px !important;
  padding:4px 5px !important;
  border-radius:7px !important;
  background:rgba(0,0,0,.34) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.spinwheel-center{
  width:116px !important;
  height:116px !important;
  font-size:13px !important;
  z-index:45 !important;
}
.fortune-wheel-layout,
.ref-layout{
  align-items:start !important;
}
.section-title>span{
  min-width:92px;
  text-align:left;
}
@media(max-width:1000px){
  .spinwheel-label{
    transform:rotate(var(--a)) translateY(-124px) rotate(calc(-1 * var(--a))) !important;
    width:62px !important;
    margin-left:-31px !important;
  }
  .spinwheel-label span{
    font-size:6.2px !important;
    max-width:60px !important;
    padding:3px 4px !important;
  }
  .spinwheel-center{
    width:92px !important;
    height:92px !important;
    font-size:11px !important;
  }
}

/* === SVG FORTUNE WHEEL EXACT MATCH === */
.svg-fortune-layout{
  display:grid !important;
  grid-template-columns:520px 1fr !important;
  gap:28px !important;
  align-items:start !important;
}
.svg-wheel-card{
  position:relative;
  min-height:670px;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 40px 120px rgba(0,0,0,.35);
  overflow:visible;
}
.svg-wheel-stage{
  position:relative;
  width:430px;
  height:430px;
  display:grid;
  place-items:center;
}
.svg-wheel-stage:before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,48,48,.22),transparent 68%);
  filter:blur(12px);
}
.svg-wheel-pointer{
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:26px solid transparent;
  border-right:26px solid transparent;
  border-top:50px solid #fff;
  z-index:60;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.75));
}
.svg-wheel-pointer.ticking{
  animation:svgPointerTick .12s ease-in-out infinite alternate;
}
@keyframes svgPointerTick{
  from{transform:translateX(-50%) rotate(-12deg)}
  to{transform:translateX(-50%) rotate(12deg)}
}
.svg-wheel-disk{
  width:400px;
  height:400px;
  border-radius:50%;
  transition:transform 4.2s cubic-bezier(.12,.82,.18,1);
  will-change:transform;
  box-shadow:inset 0 0 60px rgba(0,0,0,.65),0 0 80px rgba(255,49,49,.22);
}
.svg-wheel{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  border:12px solid rgba(255,255,255,.12);
  background:#07080c;
}
.svg-wheel text{
  font-family:'Inter',Arial,sans-serif;
  font-size:10px;
  font-weight:950;
  fill:#fff;
  text-transform:uppercase;
  paint-order:stroke;
  stroke:#000;
  stroke-width:3px;
  stroke-linejoin:round;
}
.svg-wheel .center-main{
  font-family:'Russo One',Arial,sans-serif;
  font-size:20px;
  fill:#ffcf6e;
  stroke-width:0;
}
.svg-spin-button{
  position:relative;
  z-index:80;
  margin-top:30px;
}
.svg-spin-button:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.svg-wheel-result{
  position:relative;
  z-index:80;
  color:#ffcf6e !important;
  font-size:18px !important;
  margin-top:18px !important;
}
@media(max-width:1000px){
  .svg-fortune-layout{grid-template-columns:1fr !important}
  .svg-wheel-stage{width:330px;height:330px}
  .svg-wheel-disk{width:315px;height:315px}
  .svg-wheel text{font-size:8px}
  .svg-wheel .center-main{font-size:16px}
}



/* === PREMIUM SVG WHEEL VISUAL UPGRADE === */
.svg-wheel-card{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,207,110,.12),transparent 28%),
    radial-gradient(circle at 50% 56%,rgba(255,48,48,.16),transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 44px 130px rgba(0,0,0,.46),
    inset 0 0 80px rgba(255,255,255,.035) !important;
}

.wheel-top-panel{
  position:relative;
  z-index:80;
  margin-bottom:18px;
  padding:14px 18px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,207,110,.12),rgba(255,48,48,.08));
  border:1px solid rgba(255,207,110,.22);
  text-align:center;
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.wheel-top-panel span{
  display:block;
  color:#ffcf6e;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:950;
}
.wheel-top-panel b{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
}

.svg-wheel-stage{
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.45));
}
.svg-wheel-stage:before{
  background:
    radial-gradient(circle,rgba(255,207,110,.18),transparent 42%),
    radial-gradient(circle,rgba(255,48,48,.24),transparent 68%) !important;
  filter:blur(16px) !important;
  animation:wheelAura 3.5s ease-in-out infinite;
}
@keyframes wheelAura{
  0%,100%{opacity:.72; transform:scale(.98)}
  50%{opacity:1; transform:scale(1.04)}
}

.svg-wheel-disk{
  position:relative;
  border-radius:50%;
  background:#08090d;
  box-shadow:
    inset 0 0 70px rgba(0,0,0,.78),
    0 0 0 9px rgba(255,255,255,.045),
    0 0 0 14px rgba(255,207,110,.08),
    0 0 85px rgba(255,48,48,.28) !important;
}

.svg-wheel{
  border:0 !important;
  overflow:visible;
}

.svg-wheel path{
  filter:drop-shadow(0 0 1px rgba(255,255,255,.08));
}

.svg-wheel text{
  font-size:8.4px !important;
  letter-spacing:.02em;
  filter:url(#labelGlow);
  stroke-width:2.4px !important;
}

.svg-wheel .center-main{
  font-size:18px !important;
  letter-spacing:.05em;
  fill:#ffcf6e !important;
  filter:drop-shadow(0 0 6px rgba(255,207,110,.28));
}

.wheel-light{
  filter:drop-shadow(0 0 5px currentColor);
  animation:lightBlink 1.4s ease-in-out infinite alternate;
}
.wheel-light:nth-of-type(2n){
  animation-delay:.25s;
}
@keyframes lightBlink{
  from{opacity:.25}
  to{opacity:.95}
}

.svg-wheel-pointer{
  top:-16px !important;
  border-left-width:30px !important;
  border-right-width:30px !important;
  border-top-width:58px !important;
  filter:
    drop-shadow(0 0 16px rgba(255,255,255,.90))
    drop-shadow(0 10px 14px rgba(0,0,0,.50)) !important;
}
.svg-wheel-pointer:after{
  content:"";
  position:absolute;
  left:-14px;
  top:-52px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffcf6e,#fff2bd);
  box-shadow:0 0 18px rgba(255,207,110,.55);
}

.svg-spin-button{
  padding:19px 34px !important;
  border-radius:20px !important;
  background:
    linear-gradient(135deg,#ff3030,#ff8c00) !important;
  box-shadow:
    0 22px 75px rgba(255,48,48,.28),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
  letter-spacing:.03em;
}
.svg-spin-button:hover{
  transform:translateY(-3px) scale(1.02);
}

.svg-wheel-result{
  padding:13px 18px;
  border-radius:18px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
  min-width:280px;
  text-align:center;
}

.chance-note{
  padding:10px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

@media(max-width:1000px){
  .svg-wheel text{font-size:6.9px !important}
  .wheel-top-panel{
    margin-bottom:12px;
    padding:12px 14px;
  }
}

/* === SINGLE REWARD PANEL FIX === */
.reward-showcase{
  overflow:hidden !important;
}
.reward-showcase model-viewer[hidden],
.reward-badge-view[hidden]{
  display:none !important;
}
#carViewer{
  width:100%;
}
#rewardBadgeView{
  width:100%;
}
.result-tg{
  display:inline-block;
}

/* === STRICT SPIN/SUB FIX === */
.spin-balance{
  display:flex;
  align-items:center;
  gap:5px;
}

/* === LEADERBOARD === */
.leaderboard-box{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 120px rgba(0,0,0,.35);
}
.leaderboard-top{
  display:grid;
  gap:14px;
}
.leaderboard-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.leaderboard-row .place{
  width:62px;
  height:62px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-family:'Russo One';
  font-size:22px;
  background:rgba(255,255,255,.08);
}
.top-1 .place{
  background:linear-gradient(135deg,#ffcf6e,#ff8c00);
  color:#000;
}
.top-2 .place{
  background:linear-gradient(135deg,#d7d7d7,#8b8b8b);
}
.top-3 .place{
  background:linear-gradient(135deg,#d8894d,#7c421d);
}
.leaderboard-row .user{
  flex:1;
}
.leaderboard-row .user b{
  display:block;
  font-size:20px;
}
.leaderboard-row .user span{
  color:#9da3b7;
}
.reward{
  font-weight:900;
  color:#ffcf6e;
}
.leaderboard-note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  color:#c7ccda;
}

/* === REFERRAL + LEADERBOARD SIDE LAYOUT === */
.referral-side-layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:start;
}

.referral-main-side{
  min-width:0;
}

.leaderboard-side{
  position:sticky;
  top:120px;
}

.leaderboard-side-title{
  margin-bottom:18px;
}

.leaderboard-side .leaderboard-box{
  padding:24px;
}

.leaderboard-side .leaderboard-row{
  padding:14px 16px;
  border-radius:18px;
}

.leaderboard-side .leaderboard-row .place{
  width:52px;
  height:52px;
  font-size:18px;
}

.leaderboard-side .leaderboard-row .user b{
  font-size:16px;
}

.leaderboard-side .leaderboard-row .user span{
  font-size:12px;
}

.leaderboard-side .reward{
  font-size:13px;
}

@media(max-width:1100px){
  .referral-side-layout{
    grid-template-columns:1fr;
  }

  .leaderboard-side{
    position:relative;
    top:0;
  }
}

/* === FIX: LEADERBOARD ONLY RIGHT SIDE === */
.referral-side-layout{
  grid-template-columns:1fr minmax(360px, 470px) !important;
  align-items:start !important;
}

.referral-main-side .leaderboard-card{
  display:none !important;
}

.leaderboard-side{
  position:sticky;
  top:115px;
}

.leaderboard-side-title{
  margin-bottom:18px !important;
}

.leaderboard-side .leaderboard-box{
  margin:0 !important;
}

@media(max-width:1100px){
  .referral-side-layout{
    grid-template-columns:1fr !important;
  }
  .leaderboard-side{
    position:relative;
    top:0;
  }
}

/* === FINAL FIX: LEADERBOARD SPACING === */
.referral-side-layout{
  grid-template-columns:minmax(0, 1fr) minmax(390px, 500px) !important;
  gap:56px !important;
}

.leaderboard-side{
  padding-left:8px;
}

.leaderboard-side-title{
  margin-bottom:22px !important;
}

@media(max-width:1100px){
  .referral-side-layout{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .leaderboard-side{
    padding-left:0;
  }
}

/* === TINY FINAL FIX: leaderboard title spacing === */
.leaderboard-side-title{
  margin-top:22px !important;
}

/* === FAQ VIDEO PLAYER FIX === */
.video-wrapper{
  position:relative;
  width:100%;
  max-width:960px;
  aspect-ratio:16 / 9;
  margin:28px 0 34px;
  border-radius:26px;
  overflow:hidden;
  background:#111;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.video-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}