/* ===== Big Red Pokies — landing styles ===== */
:root{
  --bg:#150a09;
  --bg-2:#1d0f0c;
  --bg-3:#26140f;
  --line:rgba(255,175,90,.16);
  --red:#e6231c;
  --red-2:#ff4b21;
  --orange:#ff8a1e;
  --gold:#ffc233;
  --gold-2:#ffe27a;
  --lime:#a8e600;
  --lime-2:#d2ff4d;
  --txt:#fff3ea;
  --muted:#c4a79b;
  --radius:18px;
  --shadow:0 18px 46px rgba(0,0,0,.55);
  --wrap:1200px;
  --ff:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --fd:'Anton',var(--ff);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ff);color:var(--txt);background:var(--bg);
  line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--fd);font-weight:400;line-height:1.02;letter-spacing:.01em;text-transform:uppercase}
p{margin:0}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.center{text-align:center}

/* ---------- buttons ---------- */
.btn{
  --b1:var(--red);--b2:var(--red-2);
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:999px;font-weight:800;font-size:15px;letter-spacing:.03em;
  text-transform:uppercase;white-space:nowrap;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--b2),var(--b1));color:#fff;
  box-shadow:0 10px 24px rgba(230,35,28,.38),inset 0 1px 0 rgba(255,255,255,.34);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn::after{
  content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg);animation:shine 4.2s ease-in-out infinite;
}
@keyframes shine{0%,72%{left:-120%}100%{left:170%}}
.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px rgba(230,35,28,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.btn:active{transform:translateY(0) scale(.99)}
.btn--gold{--b1:#ef9b00;--b2:#ffd24a;color:#2b1400;box-shadow:0 10px 26px rgba(255,178,25,.42),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--gold:hover{box-shadow:0 16px 36px rgba(255,178,25,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,196,120,.32);box-shadow:none;color:var(--txt)}
.btn--ghost:hover{background:rgba(255,255,255,.11);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.btn--ghost::after{display:none}
.btn--lg{padding:20px 44px;font-size:19px;letter-spacing:.06em}
.btn--block{display:flex;width:100%}
.btn--play{
  --b1:#c9140f;--b2:#ff5a24;font-family:var(--fd);font-size:26px;letter-spacing:.09em;
  padding:20px 52px;box-shadow:0 14px 40px rgba(255,70,20,.5),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 4px rgba(255,196,60,.28);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{box-shadow:0 14px 40px rgba(255,70,20,.5),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 4px rgba(255,196,60,.28)}
  50%{box-shadow:0 18px 52px rgba(255,90,30,.66),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 12px rgba(255,196,60,0)}
}
.btn--play svg{width:20px;height:20px;fill:currentColor}

/* ---------- header ---------- */
.hdr{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,rgba(21,10,9,.94),rgba(21,10,9,.66));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease;
}
.hdr.is-stuck{background:rgba(16,8,7,.97);border-bottom-color:var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hdr__in{display:flex;align-items:center;gap:18px;height:72px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo img{height:38px;width:auto;filter:drop-shadow(0 0 12px rgba(168,230,0,.45))}
.nav{display:flex;align-items:center;gap:26px;margin-left:16px}
.nav a{font-size:14px;font-weight:600;color:#e8d3c6;letter-spacing:.02em;position:relative;padding:6px 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--red-2));transition:width .25s ease}
.nav a:hover{color:#fff}
.nav a:hover::after{width:100%}
.hdr__act{display:flex;align-items:center;gap:10px;margin-left:auto}
.hdr__act .btn{padding:11px 22px;font-size:13px}

/* ---------- ticker ---------- */
.strip{background:linear-gradient(90deg,var(--red),#ff6a1f,var(--gold),#ff6a1f,var(--red));background-size:250% 100%;animation:slide 12s linear infinite;color:#2a0f00;font-weight:800;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase}
@keyframes slide{to{background-position:250% 0}}
.strip__in{display:flex;align-items:center;justify-content:center;gap:12px;height:38px;text-align:center;padding:0 16px}
.strip b{background:#2a0f00;color:var(--gold-2);padding:3px 10px;border-radius:999px;font-size:11px}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;background:#2b1109;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media picture{display:block;width:100%;height:100%}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:78% center}
.hero__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,7,4,.94) 0%,rgba(24,9,5,.86) 34%,rgba(30,11,6,.36) 58%,rgba(30,11,6,0) 78%);
}
.hero__in{position:relative;min-height:calc(100vh - 110px);max-height:840px;display:flex;align-items:center;padding:64px 20px}
.hero__box{max-width:590px}
.tag{
  display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;border-radius:999px;
  background:rgba(168,230,0,.12);border:1px solid rgba(168,230,0,.4);color:var(--lime-2);
  font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px;
}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(168,230,0,.7);animation:blip 1.8s infinite}
@keyframes blip{70%{box-shadow:0 0 0 9px rgba(168,230,0,0)}100%{box-shadow:0 0 0 0 rgba(168,230,0,0)}}
.hero h1{font-size:clamp(40px,6.4vw,80px);text-shadow:0 6px 30px rgba(0,0,0,.6)}
.hero h1 .g{
  display:block;
  background:linear-gradient(180deg,#fff6c9 4%,var(--gold) 46%,#ff7a12 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 0 rgba(120,20,0,.55));
}
.hero h1 .r{display:block;color:#fff}
.hero__sub{margin:20px 0 8px;font-size:clamp(15px,2.1vw,18.5px);color:#f0dbcd;max-width:520px}
.hero__sub b{color:var(--gold-2)}
.hero__list{list-style:none;margin:16px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.hero__list li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:#e9d5c8}
.hero__list .sh{display:none}
.hero__list li::before{content:"";width:17px;height:17px;flex:none;border-radius:50%;background:var(--lime);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat,linear-gradient(#000,#000);
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat;
}
.hero__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero__note{margin-top:16px;font-size:12px;color:#a58b80;max-width:430px}
.timer{display:flex;align-items:center;gap:8px;margin:0 0 22px}
.timer__lb{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);max-width:74px;line-height:1.25}
.timer__c{display:flex;gap:6px}
.timer__u{min-width:50px;padding:7px 4px;border-radius:11px;background:rgba(0,0,0,.5);border:1px solid var(--line);text-align:center}
.timer__u span{display:block;font-family:var(--fd);font-size:22px;line-height:1;color:var(--gold-2)}
.timer__u small{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}

/* ---------- sections ---------- */
.sec{padding:84px 0;position:relative}
.sec--alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.sec--dark{background:radial-gradient(1000px 420px at 50% 0%,rgba(255,120,30,.13),transparent 70%),var(--bg)}
.shead{margin-bottom:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}
.shead__t{max-width:640px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:11px}
.shead h2{font-size:clamp(30px,4.4vw,48px)}
.shead h2 em{font-style:normal;color:var(--gold)}
.shead p{margin-top:12px;color:var(--muted);font-size:15.5px}

/* ---------- carousel ---------- */
.car{position:relative}
.car__track{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:10px 4px 26px;margin:0 -4px;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
}
.car__track::-webkit-scrollbar{display:none}
.car__track.is-drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.slot{
  flex:0 0 246px;display:block;color:inherit;text-decoration:none;scroll-snap-align:start;position:relative;border-radius:var(--radius);
  background:#120806;border:1px solid var(--line);
  overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s,border-color .35s;
  will-change:transform;
}
.slot__img{position:relative;aspect-ratio:340/446;overflow:hidden;background:#120806;border-radius:var(--radius)}
.slot__img img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.25,1),filter .4s}
.slot__ov{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(180deg,rgba(12,5,3,.28),rgba(12,5,3,.86));
  opacity:0;transition:opacity .35s ease;
}
.slot__ov .btn{transform:translateY(16px) scale(.94);transition:transform .38s cubic-bezier(.2,.8,.25,1)}
.slot__rtp{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime-2);
  transform:translateY(12px);transition:transform .38s cubic-bezier(.2,.8,.25,1) .04s;
}
.slot__badge{
  position:absolute;top:10px;left:10px;z-index:2;padding:5px 10px;border-radius:8px;
  font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.45);
}
.slot__badge--hot{background:linear-gradient(180deg,#ffd24a,#ef9b00);color:#2b1400}
.slot__badge--new{background:linear-gradient(180deg,#c2ff4d,#84c400);color:#1c2a00}
.slot:hover{transform:translateY(-10px);border-color:rgba(255,190,90,.55);box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,190,90,.2),0 0 40px rgba(255,120,30,.22)}
.slot:hover .slot__img img{transform:scale(1.12) rotate(.6deg);filter:saturate(1.15)}
.slot:hover .slot__ov{opacity:1}
.slot:hover .slot__ov .btn{transform:translateY(0) scale(1)}
.slot:hover .slot__rtp{transform:translateY(0)}
.car__nav{display:flex;gap:10px}
.car__btn{
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,border-color .2s;
}
.car__btn:hover{background:linear-gradient(180deg,var(--red-2),var(--red));border-color:transparent;transform:scale(1.07)}
.car__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.car__hint{display:none;text-align:center;font-size:11.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}

/* ---------- steps / bonus ---------- */
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{
  background:linear-gradient(180deg,var(--bg-3),#170b08);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;
}
.card:hover{transform:translateY(-6px);border-color:rgba(255,190,90,.45);box-shadow:var(--shadow)}
.card__n{font-family:var(--fd);font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1.6px rgba(255,178,40,.65);margin-bottom:14px}
.card h3{font-size:20px;margin-bottom:9px}
.card p{color:var(--muted);font-size:14.5px}
.bonus{
  background:linear-gradient(180deg,rgba(255,140,30,.13),rgba(0,0,0,.28)),linear-gradient(180deg,var(--bg-3),#170b08);
  text-align:center;padding:30px 22px;
}
.bonus__t{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.bonus__v{font-family:var(--fd);font-size:40px;line-height:1.05;margin:10px 0 6px;
  background:linear-gradient(180deg,#fff6c9,var(--gold) 55%,#ff7a12);-webkit-background-clip:text;background-clip:text;color:transparent}
.bonus__d{color:var(--muted);font-size:14px;margin-bottom:20px;min-height:44px}
.bonus--best{border-color:rgba(255,190,90,.5);box-shadow:0 0 44px rgba(255,120,30,.16)}
.bonus--best::before{
  content:"Most popular";position:absolute;top:14px;right:-34px;transform:rotate(45deg);
  background:linear-gradient(180deg,#ffd24a,#ef9b00);color:#2b1400;font-size:10px;font-weight:900;
  letter-spacing:.1em;text-transform:uppercase;padding:5px 40px;
}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{text-align:center;padding:22px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.stat b{display:block;font-family:var(--fd);font-size:34px;line-height:1;color:var(--gold-2)}
.stat span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---------- winners ---------- */
.win{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.win__i{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.win__av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--fd);font-size:16px;color:#2b1400;background:linear-gradient(180deg,#ffd24a,#ef9b00)}
.win__n{font-size:13.5px;font-weight:700}
.win__g{font-size:11.5px;color:var(--muted)}
.win__a{margin-left:auto;font-family:var(--fd);font-size:17px;color:var(--lime-2)}

/* ---------- pay ---------- */
.pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.pay img{height:30px;width:auto;opacity:.88;filter:brightness(0) invert(1) opacity(.92);transition:filter .25s,opacity .25s}
.pay li{list-style:none;padding:14px 22px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);transition:.25s}
.pay li:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.pay li:hover img{opacity:1;filter:none}
.pay li:hover{border-color:rgba(255,190,90,.45)}

/* ---------- faq ---------- */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.q{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden;transition:border-color .25s}
.q.is-open{border-color:rgba(255,190,90,.45)}
.q__b{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;text-align:left;font-weight:700;font-size:15.5px}
.q__b i{width:22px;height:22px;flex:none;position:relative;transition:transform .3s}
.q__b i::before,.q__b i::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gold);border-radius:2px}
.q__b i::before{width:13px;height:2px}
.q__b i::after{width:2px;height:13px;transition:opacity .25s}
.q.is-open .q__b i{transform:rotate(180deg)}
.q.is-open .q__b i::after{opacity:0}
.q__a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.q__a p{padding:0 20px 19px;color:var(--muted);font-size:14.5px}

/* ---------- final cta ---------- */
.final{
  position:relative;border-radius:26px;overflow:hidden;padding:60px 32px;text-align:center;
  background:radial-gradient(700px 300px at 50% 0%,rgba(255,140,30,.3),transparent 70%),linear-gradient(180deg,#3a1409,#1b0a07);
  border:1px solid rgba(255,190,90,.3);
}
.final h2{font-size:clamp(30px,4.8vw,54px)}
.final h2 em{font-style:normal;background:linear-gradient(180deg,#fff6c9,var(--gold) 55%,#ff7a12);-webkit-background-clip:text;background-clip:text;color:transparent}
.final p{margin:16px auto 28px;max-width:560px;color:#e6cdbf}

/* ---------- footer ---------- */
.ftr{background:#0e0605;border-top:1px solid var(--line);padding:52px 0 110px}
.ftr__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07)}
.ftr h4{font-size:14px;letter-spacing:.12em;margin-bottom:14px;color:var(--gold)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr a{font-size:13.5px;color:var(--muted);transition:color .2s}
.ftr a:hover{color:var(--txt)}
.ftr__ab p{font-size:13.5px;color:var(--muted);margin-top:14px;max-width:330px}
.ftr__bt{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;color:#8d7368}
.ftr__mk{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.age{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #ff6a3d;color:#ff8a5c;font-weight:900;font-size:11px;flex:none}

/* ---------- sticky mobile bar ---------- */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(14,6,5,.97);border-top:1px solid var(--line);backdrop-filter:blur(12px);
}
.sticky__t{line-height:1.2;min-width:0}
.sticky__t b{display:block;font-family:var(--fd);font-size:16px;color:var(--gold-2)}
.sticky__t span{font-size:11px;color:var(--muted)}
.sticky .btn{margin-left:auto;flex:none}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.25,1)}
.rv.in{opacity:1;transform:none}

/* ================= responsive ================= */
@media (max-width:1080px){
  .nav{gap:18px}
  .g4{grid-template-columns:repeat(2,1fr)}
  .ftr__top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav{display:none}
  .hero__media img{object-position:70% center}
  .g3{grid-template-columns:1fr}
  .win{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .sec{padding:52px 0}
  .hdr__in{height:60px}
  .logo img{height:30px}
  .hdr__act{gap:8px}
  .hdr__act .btn{padding:10px 16px;font-size:12.5px}
  .strip__in{height:34px;padding:0 12px;font-size:11px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;
    -webkit-mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
    mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
  .strip b{display:none}

  /* ---- hero: artwork + CTA as one composition ---- */
  .hero{background:var(--bg)}
  .hero__media{position:relative;inset:auto;z-index:0}
  .hero__media img{height:auto;aspect-ratio:1184/980;object-position:center center}
  .hero__media::after{background:
    linear-gradient(180deg,rgba(20,7,4,.1) 0%,rgba(20,7,4,0) 42%,rgba(21,10,9,.3) 70%,rgba(21,10,9,.86) 88%,var(--bg) 99%);}
  .hero__in{min-height:0;max-height:none;padding:0 18px 30px;margin-top:-70px;position:relative;z-index:1;display:block}
  .hero__box{max-width:100%;text-align:center}
  .tag{margin-bottom:14px;padding:6px 12px 6px 7px;font-size:10.5px;letter-spacing:.1em;background:rgba(10,4,3,.72);backdrop-filter:blur(4px)}
  .hero h1{font-size:clamp(34px,10.4vw,50px);line-height:.98}
  .hero__sub{margin:11px auto 0;font-size:14px;max-width:34ch}
  .hero__list{justify-content:center;gap:5px;margin:11px 0 13px}
  .hero__list li{font-size:11px;letter-spacing:0;padding:5px 9px 5px 7px;gap:5px;border-radius:999px;
    white-space:nowrap;background:rgba(255,255,255,.055);border:1px solid var(--line)}
  .hero__list .ln{display:none}
  .hero__list .sh{display:inline}
  .hero__list li::before{width:12px;height:12px;-webkit-mask-size:9px;mask-size:9px}
  .timer{justify-content:center;gap:11px;margin:0 0 14px}
  .timer__lb{max-width:60px;font-size:10px;text-align:right}
  .timer__u{min-width:46px;padding:6px 4px}
  .timer__u span{font-size:19px}
  .hero__cta{justify-content:center;gap:10px}
  .hero__cta .btn{width:100%}
  .btn--play{font-size:23px;padding:17px 24px}
  .hero__cta .btn--ghost{padding:14px 24px;font-size:14px}
  .hero__note{margin:14px auto 0;font-size:11px}

  /* ---- sections ---- */
  .shead{margin-bottom:22px}
  .shead h2{font-size:clamp(26px,7.6vw,36px)}
  .shead p{font-size:14px;margin-top:9px}
  .shead .btn{width:100%}

  .car__nav{display:none}
  .car__hint{display:block}
  .car__track{gap:12px;padding:6px 4px 16px}
  .slot{flex-basis:min(56vw,215px)}
  .slot__ov{display:none}
  .slot__badge{top:8px;left:8px;padding:4px 8px;font-size:9px}

  .grid{gap:12px}
  .card{padding:22px 18px}
  .card__n{font-size:38px;margin-bottom:10px}
  .card h3{font-size:18px}
  .card p{font-size:14px}

  /* bonus tiers: keep long amounts inside the card */
  .bonus{padding:20px 12px}
  .bonus__v{font-size:clamp(24px,7.4vw,34px);margin:8px 0 4px}
  .bonus__t{font-size:10.5px;letter-spacing:.1em}
  .bonus__d{font-size:12.5px;min-height:56px;margin-bottom:16px}
  .bonus--best::before{content:"Top pick";top:10px;right:-32px;padding:4px 34px;font-size:9px;letter-spacing:.06em}

  .win__i{padding:11px 13px;gap:11px}
  .win__av{width:34px;height:34px;font-size:14px}
  .win__n{font-size:12.5px}
  .win__g{font-size:11px}
  .win__a{font-size:15px}

  .pay{gap:10px}
  .pay li{flex:1 1 calc(50% - 10px);display:flex;align-items:center;justify-content:center;padding:14px 10px}
  .pay img{height:24px}

  .q__b{padding:15px 16px;font-size:14.5px}
  .q__a p{padding:0 16px 16px;font-size:13.5px}

  .final{padding:38px 18px;border-radius:20px}
  .final p{font-size:14.5px;margin:14px auto 22px}
  .ftr{padding:36px 0 92px}
  .ftr__top{grid-template-columns:1fr 1fr;gap:22px 18px}
  .ftr__ab{grid-column:1 / -1}
  .ftr__bt{justify-content:center;text-align:center;gap:12px}
  .ftr__mk{justify-content:center;font-size:12px}
  .sticky{display:flex}
}
@media (max-width:400px){
  .stat{padding:18px 8px}
  .stat b{font-size:27px}
  .stat span{font-size:11px;letter-spacing:.06em}
  .timer__u{min-width:44px}
  .sticky__t b{font-size:14px}
  .sticky .btn{padding:12px 18px;font-size:12.5px}
}
@media (max-width:359px){
  .wrap{padding:0 14px}
  .strip__in{font-size:10px;padding:0 8px}
  .stat b{font-size:23px}
  .hdr__in{gap:8px}
  .logo img{height:26px}
  .hdr__act{gap:6px}
  .hdr__act .btn{padding:9px 12px;font-size:11.5px}
  .btn--lg{padding:16px 20px;font-size:15px;white-space:normal;text-align:center}
  .btn--play{font-size:20px;padding:16px 20px}
  .bonus__v{font-size:22px}
  .pay li{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}