:root {
  --green-950:#012f1d;
  --green-900:#054126;
  --green-700:#08713f;
  --gold:#ffca18;
  --gold-light:#ffe879;
  --red:#e93728;
  --pix:#32d2bd;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}

* { box-sizing:border-box; }
html,body { width:100%;max-width:100%;margin:0;overflow-x:clip;background:var(--green-950); }
html { min-width:320px; }
body {
  min-height:100svh;
  color:#fff;
  background:
    radial-gradient(circle at 50% 36%,rgba(255,221,77,.32),transparent 28%),
    radial-gradient(circle at 50% 43%,#12854c 0,#086139 38%,#033f26 70%,#012b1b 100%);
  background-size:150% 125%,100% 100%;
  font-family:"Arial Narrow",Impact,Arial,sans-serif;
  animation:backgroundDrift 12s ease-in-out infinite alternate;
}
a { color:inherit;text-decoration:none; }
button { font:inherit; }
[hidden] { display:none!important; }

#coinCanvas { position:fixed;inset:0;z-index:89;width:100%;height:100%;pointer-events:none; }

.slot-pattern { position:fixed;inset:-30px;z-index:0;overflow:hidden;pointer-events:none;opacity:.055;transform:rotate(-9deg) scale(1.08); }
.slot-pattern div { height:25%;display:flex;align-items:center;white-space:nowrap;color:#ffe557;font-size:54px;font-weight:1000;word-spacing:24px;text-shadow:2px 2px 0 #000; }
.slot-pattern div:nth-child(even) { margin-left:-130px;color:#fff8b0; }
.ambient-sparkles { position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none; }
.ambient-sparkles i { position:absolute;width:7px;height:7px;border-radius:50%;background:#ffea82;box-shadow:0 0 13px 4px rgba(255,224,86,.5);opacity:.3;animation:sparkleFloat 7s ease-in-out infinite; }
.ambient-sparkles i:nth-child(1){left:7%;top:18%;animation-delay:-1s}.ambient-sparkles i:nth-child(2){left:24%;top:72%;width:5px;height:5px;animation-delay:-4s}.ambient-sparkles i:nth-child(3){left:38%;top:14%;animation-delay:-2s}.ambient-sparkles i:nth-child(4){left:64%;top:20%;width:6px;height:6px;animation-delay:-5s}.ambient-sparkles i:nth-child(5){left:78%;top:66%;animation-delay:-3s}.ambient-sparkles i:nth-child(6){left:92%;top:32%;width:5px;height:5px;animation-delay:-6s}.ambient-sparkles i:nth-child(7){left:56%;top:84%;animation-delay:-.5s}.ambient-sparkles i:nth-child(8){left:15%;top:45%;width:6px;height:6px;animation-delay:-4.5s}
.slot-art-layer { position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none; }
.slot-art { position:absolute;width:155px;height:auto;opacity:.16;filter:saturate(1.18) drop-shadow(0 8px 14px rgba(255,196,19,.18));animation:slotArtFloat 7s ease-in-out infinite; }
.art-one { left:-72px;top:9%;rotate:-15deg; }
.art-two { right:-78px;top:17%;rotate:14deg;animation-delay:-1.4s; }
.art-three { left:-84px;top:48%;width:170px;rotate:11deg;animation-delay:-2.7s; }
.art-four { right:-86px;top:55%;width:175px;rotate:-13deg;animation-delay:-4.1s; }
.art-five { left:4%;bottom:-68px;width:135px;rotate:-8deg;animation-delay:-5.2s; }
.art-six { right:3%;bottom:-72px;width:140px;rotate:10deg;animation-delay:-6.2s; }
.winner-open .slot-art { animation-play-state:paused; }

.topbar {
  height:calc(56px + var(--safe-top));
  padding:var(--safe-top) max(14px,var(--safe-right)) 0 max(14px,var(--safe-left));
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  position:relative;z-index:20;
  background:linear-gradient(90deg,rgba(0,39,23,.94),rgba(7,91,51,.82),rgba(0,39,23,.94));
  border-bottom:1px solid rgba(255,211,43,.25);
  box-shadow:0 8px 30px rgba(0,20,11,.2);
  backdrop-filter:blur(10px);
}
.brand { display:flex;align-items:center;gap:6px;flex:none;white-space:nowrap;font-size:12px;font-weight:1000;letter-spacing:-.4px; }
.brand b { color:var(--gold); }
.brand-logo { width:39px;height:39px;display:block;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.28)); }
.online { display:flex;align-items:center;justify-content:flex-end;gap:3px;max-width:135px;color:#b8d6c6;font:8px/1.15 Arial,sans-serif;text-align:right; }
.online i { width:6px;height:6px;flex:none;margin-right:2px;border-radius:50%;background:#49e78d;box-shadow:0 0 0 4px rgba(73,231,141,.13);animation:onlinePulse 1.8s infinite; }
.online strong { color:#fff; }
.secure { display:none; }

.hero {
  min-height:calc(100svh - 56px - var(--safe-top));
  padding:14px 6px calc(62px + var(--safe-bottom));
  display:grid;place-items:start center;
  position:relative;z-index:1;overflow:hidden;
}
.hero:before { content:"";position:absolute;left:50%;top:45%;width:125vw;aspect-ratio:1;border:1px solid rgba(255,223,83,.1);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(255,223,83,.02),0 0 0 110px rgba(255,223,83,.014); }
.game-card { width:100%;max-width:430px;padding:12px 3px 17px;position:relative;z-index:8;text-align:center;border:1px solid rgba(255,238,157,.08);border-radius:28px;background:radial-gradient(circle at 50% 44%,rgba(255,220,69,.1),transparent 60%),rgba(0,54,31,.07);animation:cardArrival .85s cubic-bezier(.2,1.25,.35,1) both; }
.eyebrow { display:inline-flex;align-items:center;gap:6px;padding:6px 11px;color:#ffe47d;background:linear-gradient(180deg,rgba(13,116,65,.78),rgba(1,45,27,.7));border:1px solid rgba(255,218,65,.32);border-radius:999px;box-shadow:0 5px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.18);font:900 8px Arial,sans-serif;letter-spacing:1px;animation:softBounce 3s ease-in-out infinite; }
.eyebrow span { color:var(--gold); }
h1 { margin:8px 0 0;color:#fff7c9;font-size:clamp(37px,12vw,50px);line-height:.95;letter-spacing:-1px;font-style:italic;-webkit-text-stroke:1px rgba(133,81,0,.35);text-shadow:0 2px 0 #ffe370,0 5px 0 #a77300,0 10px 30px rgba(0,0,0,.4);transform:rotate(-1deg);animation:titleHover 4s ease-in-out infinite; }
.hero-subtitle { margin:5px 0 0;padding-inline:24px;color:#d8eee2;font:9px/1.35 Arial,sans-serif; }

.mascot { position:absolute;z-index:3;bottom:calc(42px + var(--safe-bottom));height:clamp(245px,38svh,390px);max-width:62vw;object-fit:contain;pointer-events:none;opacity:.46;filter:drop-shadow(0 20px 18px rgba(0,0,0,.34)) drop-shadow(0 0 15px rgba(255,211,45,.12));animation:mascotFloat 4.6s cubic-bezier(.45,.05,.55,.95) infinite; }
.mascot-tiger { left:clamp(-130px,-25vw,-82px); }
.mascot-ox { right:clamp(-130px,-25vw,-82px);animation-delay:-2.1s; }
.floating-coin { position:absolute;z-index:4;width:34px;height:34px;display:grid;place-items:center;border:4px double #b97e00;border-radius:50%;color:#9a6300;background:linear-gradient(145deg,#fff08b,#ffbd12);box-shadow:0 7px 13px rgba(0,0,0,.28),inset 0 0 7px #fff4b0;font:1000 12px Arial,sans-serif;opacity:.7;animation:coinFloat 3.2s ease-in-out infinite; }
.fc-1{left:5%;top:20%}.fc-2{left:1%;bottom:23%;scale:.8;animation-delay:-.7s}.fc-3{right:3%;top:18%;width:42px;height:42px;animation-delay:-1.4s}.fc-4{right:1%;bottom:21%;scale:.82;animation-delay:-2.1s}

.wheel-stage { --wheel:clamp(270px,82vw,330px);height:calc(var(--wheel) + 72px);min-height:0;margin-top:0;display:grid;place-items:center;position:relative; }
.gold-rays { position:absolute;width:min(112vw,420px);height:min(112vw,420px);border-radius:50%;background:repeating-conic-gradient(from 4deg,rgba(255,225,71,.2) 0 6deg,transparent 6deg 14deg);animation:rays 15s linear infinite; }
.orbit-bubble { position:absolute;z-index:7;width:30px;height:30px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.6);border-radius:45% 55% 51% 49%;color:#fff4a3;background:linear-gradient(145deg,rgba(255,217,60,.92),rgba(218,126,0,.88));box-shadow:0 7px 13px rgba(0,0,0,.2),inset 0 2px 4px rgba(255,255,255,.4);font-weight:1000;animation:orbitBob 3.6s ease-in-out infinite; }
.bubble-one{left:2%;top:27%}.bubble-two{right:2%;top:34%;width:26px;height:26px;animation-delay:-1.3s}.bubble-three{right:4%;bottom:17%;width:28px;height:28px;color:#fff;background:linear-gradient(145deg,#ff6652,#b81712);animation-delay:-2.4s}
.wheel-rim { width:var(--wheel);height:var(--wheel);padding:clamp(11px,3.6vw,15px);position:relative;z-index:3;border:3px solid #fff1a0;border-radius:49% 51% 50% 50%;background:linear-gradient(145deg,#fff8bd 0,#f6a900 34%,#ffed76 58%,#a86c00 100%);box-shadow:0 0 0 4px #783d09,0 14px 25px rgba(0,0,0,.34),0 0 35px rgba(255,210,35,.32),inset 0 4px 8px rgba(255,255,255,.4);animation:wheelIdle 4s ease-in-out infinite; }
.is-spinning .wheel-rim { animation:none; }
.rim-lights { position:absolute;inset:4px;z-index:5;border:5px dotted #fff8bd;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 5px #fff);animation:lightBlink .85s steps(2) infinite; }
.wheel { width:100%;height:100%;position:relative;overflow:hidden;border:4px solid #6f3d07;border-radius:50%;background:conic-gradient(from -22.5deg,#f8bc10 0 45deg,#087a42 45deg 90deg,#d83225 90deg 135deg,#075d38 135deg 180deg,#f8bc10 180deg 225deg,#087a42 225deg 270deg,#d83225 270deg 315deg,#075d38 315deg 360deg);transition:transform 4.6s cubic-bezier(.12,.78,.08,1);will-change:transform; }
.wheel:before { content:"";position:absolute;inset:10px;z-index:1;border:2px solid rgba(255,255,255,.45);border-radius:50%; }
.wheel:after { content:"";position:absolute;inset:0;z-index:1;background:repeating-conic-gradient(from -22.5deg,rgba(255,255,255,.68) 0 1deg,transparent 1deg 45deg); }
.prize { width:64px;margin-left:-32px;margin-top:-12px;position:absolute;left:50%;top:50%;z-index:2;color:#fff;text-align:center;line-height:.92;text-shadow:0 2px 2px rgba(0,0,0,.5);transform-origin:32px 12px; }
.prize b { display:block;font-size:clamp(12px,4vw,15px); }
.prize small { font:900 7px Arial,sans-serif; }
.p1{transform:rotate(0deg) translateY(calc(var(--wheel)*-.34)) rotate(0deg)}.p2{transform:rotate(45deg) translateY(calc(var(--wheel)*-.34)) rotate(-45deg)}.p3{transform:rotate(90deg) translateY(calc(var(--wheel)*-.34)) rotate(-90deg)}.p4{transform:rotate(135deg) translateY(calc(var(--wheel)*-.34)) rotate(-135deg)}.p5{transform:rotate(180deg) translateY(calc(var(--wheel)*-.34)) rotate(-180deg)}.p6{transform:rotate(225deg) translateY(calc(var(--wheel)*-.34)) rotate(-225deg)}.p7{transform:rotate(270deg) translateY(calc(var(--wheel)*-.34)) rotate(-270deg)}.p8{transform:rotate(315deg) translateY(calc(var(--wheel)*-.34)) rotate(-315deg)}
.crown-pointer { width:72px;height:64px;position:absolute;top:8px;z-index:10;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 5px 3px rgba(0,0,0,.42));scale:.78; }
.crown-pointer span { width:60px;height:44px;display:grid;place-items:center;color:#ffd43d;background:linear-gradient(#f74b36,#af160f);border:3px solid #ffe16a;border-radius:15px 15px 8px 8px;font-size:31px;line-height:1; }
.crown-pointer i { width:0;height:0;margin-top:-2px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:21px solid #bd2017; }
.spin-button { width:clamp(82px,24vw,98px);height:clamp(82px,24vw,98px);padding:0;display:grid;place-content:center;position:absolute;inset:0;margin:auto;z-index:7;border:5px solid #ffd85a;border-radius:50%;color:#fff;background:radial-gradient(circle at 42% 30%,#ff6a4d,#e32b20 52%,#8c110b);box-shadow:0 0 0 5px #8f4d00,0 0 0 8px #ffd960,0 0 20px 7px rgba(255,47,31,.6),inset 0 4px 4px rgba(255,255,255,.45);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:spinPulse 1.15s ease-in-out infinite; }
.spin-button span { display:block;font-size:clamp(23px,7vw,27px);font-weight:1000;line-height:.9;font-style:italic;text-shadow:0 3px 0 #85100a; }
.spin-button small { margin-top:4px;color:#ffe98c;font:900 7px Arial,sans-serif;letter-spacing:1.5px; }
.spin-button:focus-visible { outline:3px solid #fff;outline-offset:7px; }
.spin-button.spinning { animation:none;cursor:wait; }
.spin-hint { width:max-content;max-width:100%;margin:-9px auto 0;padding:6px 10px;color:#ffed9b;background:rgba(0,38,22,.35);border-radius:999px;font:900 8px Arial,sans-serif;letter-spacing:.8px;animation:hintPulse 1.5s ease-in-out infinite; }
.spin-hint span { font-size:14px;vertical-align:-2px; }
.trust { margin-top:8px;padding-inline:9px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px 11px;color:#afcec0;font:800 7px Arial,sans-serif;text-transform:uppercase; }

.winner-modal { position:fixed;inset:0;z-index:90;width:100%;max-width:100%;padding:0;overflow:hidden;background:rgba(0,23,14,.63);backdrop-filter:blur(7px); }
.modal-glow { position:absolute;left:50%;top:50%;width:min(118vw,460px);height:min(118vw,460px);border-radius:50%;background:repeating-conic-gradient(from 3deg,rgba(255,214,43,.28) 0 6deg,transparent 6deg 14deg);transform:translate(-50%,-50%);animation:rays 12s linear infinite; }
.winner-open .gold-rays,.winner-open .modal-glow { animation-play-state:paused; }
.modal-card { width:min(calc(100% - 60px),260px);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));padding:15px 15px 16px;position:fixed;left:0;right:0;top:50%;z-index:2;margin:0 auto;transform:translateY(-50%);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,rgba(255,221,94,.15),transparent 35%),linear-gradient(155deg,#0d7543,#02331f 65%);border:2px solid #ffc923;border-radius:22px;box-shadow:0 0 0 4px #6f4105,0 18px 50px rgba(0,0,0,.58),0 0 30px rgba(255,199,25,.24),inset 0 2px 0 rgba(255,255,255,.16);animation:modalIn .5s cubic-bezier(.15,1.3,.38,1); }
.modal-card::-webkit-scrollbar { display:none; }
.modal-card:before { content:"";position:absolute;inset:6px;border:1px solid rgba(255,226,106,.4);border-radius:16px;pointer-events:none; }
.modal-card h2,.modal-copy,.countdown-box,.receive-button,.modal-note { max-width:100%; }
.modal-card h2,.modal-copy { overflow-wrap:anywhere; }
.modal-close { position:absolute;right:6px;top:4px;z-index:3;width:34px;height:34px;border:0;color:#c7dfd2;background:transparent;font-size:23px;cursor:pointer; }
.modal-crown { width:46px;height:46px;margin:0 auto 4px;display:grid;place-items:center;border:2px solid #ffdc58;border-radius:50%;color:#ffe16f;background:linear-gradient(#ef4834,#a81510);font-size:27px;box-shadow:0 5px 12px rgba(0,0,0,.36); }
.modal-kicker { margin:3px 0 2px;color:#ffe879;font:900 8px Arial,sans-serif;letter-spacing:1.1px; }
.modal-card h2 { margin:0;color:#fff2a7;font-size:20px;line-height:1;font-style:italic;text-shadow:0 2px 0 #805200; }
.modal-card h2 strong { display:block;font-size:44px;line-height:.95; }
.modal-copy { margin:7px auto;max-width:225px;color:#c9e0d4;font:9px/1.35 Arial,sans-serif; }
.countdown-box { width:170px;margin:7px auto;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,224,93,.4);border-radius:7px;background:rgba(0,18,10,.45); }
.countdown-box span { color:#d7e7df;font:800 7px Arial,sans-serif;letter-spacing:.5px; }
.countdown-box strong { color:#ffdf59;font:900 18px Arial,sans-serif;font-variant-numeric:tabular-nums; }
.receive-button { padding:11px 13px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:8px;color:#4a2c00;background:linear-gradient(#fff071,#f6b70e);box-shadow:0 4px 0 #9b6500,0 0 18px rgba(255,211,39,.32);font-size:13px;font-weight:1000;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:buttonGlow 1s ease-in-out infinite; }
.receive-button span { font-size:18px; }
.modal-note { margin-top:8px;display:block;color:#a6c6b7;font:7px Arial,sans-serif; }

.responsible-gaming {
  min-height:28px;
  padding:4px 11px 4px 5px;
  display:flex;
  align-items:center;
  gap:7px;
  position:fixed;
  left:50%;
  bottom:calc(52px + var(--safe-bottom));
  z-index:31;
  transform:translateX(-50%);
  border:1px solid rgba(255,213,58,.72);
  border-radius:999px;
  color:#fff4b4;
  background:rgba(2,42,26,.92);
  box-shadow:0 5px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  font:900 7px/1 Arial,sans-serif;
  letter-spacing:.45px;
  white-space:nowrap;
}
.responsible-gaming strong {
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:none;
  border:2px solid #ffdf58;
  border-radius:50%;
  color:#fff;
  background:#d72e22;
  font-size:9px;
  box-shadow:0 0 9px rgba(255,210,41,.3);
}

.pix-feed { height:calc(48px + var(--safe-bottom));padding-bottom:var(--safe-bottom);position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:stretch;color:#d9eee5;background:#031f15;border-top:1px solid rgba(50,210,189,.38);box-shadow:0 -8px 25px rgba(0,0,0,.28);font:10px Arial,sans-serif; }
.pix-label { min-width:78px;padding:0 8px;display:flex;align-items:center;gap:7px;color:#fff;background:#07372b;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);position:relative;z-index:2; }
.pix-label strong { display:none; }
.pix-icon { width:31px;height:23px;display:grid;place-items:center;border:2px solid var(--pix);border-radius:7px;color:var(--pix);font-size:8px;font-weight:900;transform:rotate(45deg); }
.marquee { min-width:0;flex:1;overflow:hidden; }
.marquee-track { width:max-content;height:100%;display:flex;align-items:center;animation:marquee 28s linear infinite; }
.marquee-track span { min-width:225px;padding:0 15px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap; }
.marquee-track b { color:#fff; }
.marquee-track strong { color:var(--pix); }
.marquee-track i { margin-left:6px;color:#72998a;font-size:8px;font-style:normal; }

@keyframes mascotFloat{0%,100%{translate:0 0;rotate:-.7deg}50%{translate:0 -12px;rotate:.7deg}}
@keyframes coinFloat{0%,100%{translate:0 0;rotate:-7deg}50%{translate:0 -15px;rotate:10deg}}
@keyframes spinPulse{0%,100%{scale:1;filter:brightness(1)}50%{scale:1.065;filter:brightness(1.15)}}
@keyframes hintPulse{50%{opacity:.55;translate:0 2px}}
@keyframes rays{to{rotate:360deg}}
@keyframes lightBlink{50%{filter:drop-shadow(0 0 8px #fff);opacity:.65}}
@keyframes onlinePulse{50%{box-shadow:0 0 0 8px rgba(73,231,141,0)}}
@keyframes modalIn{from{opacity:0;scale:.76;translate:0 24px}}
@keyframes buttonGlow{50%{filter:brightness(1.14);box-shadow:0 4px 0 #9b6500,0 0 29px rgba(255,211,39,.65)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes backgroundDrift{from{background-position:0 0,center}to{background-position:12% 8%,center}}
@keyframes sparkleFloat{0%,100%{translate:0 12px;scale:.7;opacity:.16}50%{translate:0 -24px;scale:1.35;opacity:.7}}
@keyframes cardArrival{from{opacity:0;translate:0 32px;scale:.93}}
@keyframes softBounce{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes titleHover{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -5px;rotate:.5deg}}
@keyframes wheelIdle{0%,100%{translate:0 0;rotate:-.25deg}50%{translate:0 -5px;rotate:.25deg}}
@keyframes orbitBob{0%,100%{translate:0 0;rotate:-8deg}50%{translate:5px -11px;rotate:9deg}}
@keyframes slotArtFloat{0%,100%{translate:0 0;scale:1}50%{translate:0 -13px;scale:1.035}}

@media (min-width:480px) {
  .game-card { padding-inline:12px; }
  .wheel-stage { --wheel:350px; }
  .modal-card { width:280px;padding:17px 17px 18px; }
  .modal-card h2 strong { font-size:48px; }
}

@media (min-width:768px) {
  body { background-size:120% 120%,100% 100%; }
  .slot-pattern { opacity:.07; }
  .slot-pattern div { font-size:82px;word-spacing:44px; }
  .slot-art { width:220px;opacity:.2; }
  .art-one{left:-92px}.art-two{right:-98px}.art-three{left:3%;top:57%;width:185px}.art-four{right:2%;top:58%;width:190px}.art-five{left:19%;width:155px}.art-six{right:19%;width:160px}
  .topbar { height:68px;padding:0 clamp(28px,5vw,68px); }
  .brand { gap:9px;font-size:16px; }
  .brand-logo { width:52px;height:52px; }
  .online { max-width:none;font-size:10px; }
  .secure { display:block;color:#d5e7de;font:800 9px Arial,sans-serif;letter-spacing:.8px; }
  .hero { min-height:calc(100svh - 68px);padding:20px 17vw 78px;place-items:center; }
  .hero:before { width:min(80vw,920px); }
  .game-card { max-width:650px;padding:18px 20px 24px;border-radius:38px; }
  .eyebrow { padding:7px 14px;font-size:10px;letter-spacing:1.2px; }
  h1 { margin-top:10px;font-size:clamp(55px,6vw,74px);letter-spacing:-2px; }
  .hero-subtitle { font-size:11px; }
  .mascot { z-index:6;bottom:50px;height:min(65vh,650px);max-width:42vw;opacity:.88; }
  .mascot-tiger { left:-90px; }
  .mascot-ox { right:-90px; }
  .floating-coin { width:43px;height:43px;font-size:16px; }
  .fc-1{left:16%;}.fc-2{left:8%;}.fc-3{right:15%;width:54px;height:54px}.fc-4{right:8%;}
  .wheel-stage { --wheel:410px;height:500px; }
  .gold-rays { width:520px;height:520px; }
  .orbit-bubble { width:37px;height:37px; }
  .bubble-one{left:7%}.bubble-two{right:7%}.bubble-three{right:11%}
  .wheel-rim { padding:17px;border-width:4px;box-shadow:0 0 0 6px #783d09,0 19px 34px rgba(0,0,0,.4),0 0 42px rgba(255,210,35,.4),inset 0 4px 8px rgba(255,255,255,.42); }
  .rim-lights { border-width:7px; }
  .prize { width:76px;margin-left:-38px;margin-top:-15px;transform-origin:38px 15px; }
  .prize b { font-size:17px; }
  .prize small { font-size:8px; }
  .spin-button { width:112px;height:112px;border-width:7px; }
  .spin-button span { font-size:30px; }
  .crown-pointer { top:11px;scale:.94; }
  .spin-hint { margin-top:-14px;font-size:9px; }
  .trust { font-size:8px;gap:15px; }
  .modal-card { width:320px;max-height:calc(100dvh - 40px);padding:21px 22px 22px;border-width:3px;border-radius:27px;box-shadow:0 0 0 6px #6f4105,0 22px 65px rgba(0,0,0,.58),0 0 42px rgba(255,199,25,.28),inset 0 2px 0 rgba(255,255,255,.18); }
  .modal-crown { width:56px;height:56px;font-size:33px; }
  .modal-kicker { font-size:9px; }
  .modal-card h2 { font-size:24px; }
  .modal-card h2 strong { font-size:56px; }
  .modal-copy { max-width:275px;font-size:11px; }
  .countdown-box { width:190px;padding:7px 10px; }
  .countdown-box strong { font-size:21px; }
  .receive-button { padding:13px 18px;font-size:15px; }
  .modal-note { font-size:8px; }
  .pix-label { min-width:176px;padding-inline:16px; }
  .pix-label strong { display:block;font-size:9px;letter-spacing:.7px; }
  .pix-icon { width:36px;height:27px; }
  .marquee-track span { min-width:270px;padding-inline:28px;font-size:11px; }
}

@media (min-width:1200px) {
  .hero { padding-inline:20vw; }
  .mascot { height:min(74vh,760px);max-width:38vw; }
  .mascot-tiger { left:max(-70px,calc(50% - 760px)); }
  .mascot-ox { right:max(-70px,calc(50% - 760px)); }
  .wheel-stage { --wheel:430px;height:530px; }
  .gold-rays { width:560px;height:560px; }
}

@media (max-height:700px) and (max-width:767px) {
  .hero { min-height:700px; }
  h1 { font-size:36px; }
  .wheel-stage { --wheel:min(76vw,300px);height:355px; }
  .gold-rays { width:min(96vw,380px);height:min(96vw,380px); }
  .modal-card { max-height:calc(100dvh - 20px);padding:11px 14px 12px; }
  .modal-crown { width:40px;height:40px;font-size:23px; }
  .modal-card h2 { font-size:18px; }
  .modal-card h2 strong { font-size:38px; }
  .modal-copy { margin:5px auto;font-size:8px; }
  .countdown-box { margin:5px auto;padding-block:4px; }
  .receive-button { padding-block:9px;font-size:12px; }
}

@media (orientation:landscape) and (max-height:520px) {
  .hero { min-height:570px; }
  .mascot { display:none; }
  .wheel-stage { --wheel:280px;height:340px; }
  .gold-rays { width:350px;height:350px; }
  .modal-card { width:min(calc(100% - 60px),300px);max-height:calc(100dvh - 16px);padding:9px 15px 10px; }
  .modal-crown { width:36px;height:36px;font-size:21px; }
  .modal-kicker { margin:1px 0;font-size:7px; }
  .modal-card h2 { font-size:17px; }
  .modal-card h2 strong { display:inline;font-size:32px; }
  .modal-copy { margin:3px auto;font-size:8px;line-height:1.2; }
  .countdown-box { margin:4px auto;padding:3px 7px; }
  .receive-button { padding:8px 12px;font-size:12px; }
  .modal-note { margin-top:4px;font-size:6px; }
}

@media (prefers-reduced-motion:reduce) {
  body,.ambient-sparkles i,.slot-art,.game-card,.eyebrow,h1,.mascot,.floating-coin,.orbit-bubble,.wheel-rim,.spin-button,.spin-hint,.gold-rays,.rim-lights,.online i,.receive-button,.modal-glow { animation:none; }
  .marquee-track { animation-duration:55s; }
}