/* TIPS Royale v30.13.0 - the gold wheel (1.000p per spin, 0-3.000p) next to the daily wheel. */
.wheel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 4px}
.wheel-tab{padding:9px 6px;border:1px solid #2a4560;border-radius:12px;background:#091b2b;color:#9db2c7;font-weight:900;font-size:13px;cursor:pointer}
.wheel-tab.active{border-color:#c9a24a;background:#1b2c3f;color:#ffe591}
.wheel-tab.gold.active{border-color:#ffd766;background:linear-gradient(180deg,#5a4310,#2a1f06);color:#fff3c4;box-shadow:0 0 16px rgba(255,214,102,.35)}
.wheel-pane.hidden{display:none!important}
.wheel-dialog.gold-mode .wheel-card{border-color:#ffd766;background:radial-gradient(120% 80% at 50% 0%,#3a2c0c,#120d04 62%);box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 60px rgba(255,214,102,.18)}

.gold-disc{
  border:7px solid #ffd766!important;
  box-shadow:0 0 0 3px #7a5a12,0 0 34px rgba(255,214,102,.45),0 14px 40px rgba(0,0,0,.6),inset 0 0 34px rgba(0,0,0,.5)!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 60%,rgba(255,255,255,.06) 60.5% 61%,transparent 61.5%),
    var(--gold-segments)!important;
}
.gold-disc::before{background:repeating-conic-gradient(from 0deg,rgba(255,215,102,.95) 0deg 1deg,transparent 1deg var(--gold-seg-deg,45deg))!important}
.gold-slot{width:25%!important;height:25%!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gold-slot img{width:76%!important;height:auto!important;aspect-ratio:1}
.gold-label{margin-top:-2%;padding:1px 6px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid #ffd766;color:#ffe591;font-weight:1000;font-size:clamp(10px,2.8vw,14px);white-space:nowrap}
.gold-slot.prize-0 img{filter:grayscale(.85) brightness(.6)}
.gold-slot.prize-0 .gold-label{border-color:#666;color:#bbb}
.gold-slot.prize-3000 .gold-label{background:linear-gradient(180deg,#c1272d,#7a1015);color:#fff;border-color:#ffd766}
.gold-slot.prize-2000 .gold-label{background:linear-gradient(180deg,#5b2ea8,#2f1366);color:#fff}
.gold-pointer{border-top-color:#fff1b8!important;filter:drop-shadow(0 0 8px rgba(255,214,102,.8)) drop-shadow(0 3px 4px rgba(0,0,0,.6))!important}
.gold-spin{display:grid;place-items:center;align-content:center;gap:0;background:radial-gradient(circle at 40% 35%,#fff1b8,#e0a924 55%,#7a5208)!important}
.gold-spin small{font-size:.55em;letter-spacing:.5px;font-weight:900}
.wheel-result.gold-won.jackpot strong{font-size:40px;color:#fff3c4;text-shadow:0 0 22px rgba(255,214,102,.95),0 0 44px rgba(255,90,60,.6);animation:wheelPrizePop .5s cubic-bezier(.2,1.6,.4,1),goldJackpot 1s ease-in-out .5s 3}
.wheel-result.gold-won.big strong{font-size:36px}
.wheel-result.gold-won.miss strong{color:#9db2c7;text-shadow:none}
@keyframes goldJackpot{50%{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.wheel-result.gold-won.jackpot strong{animation:none}}

/* v30.13.1: the 1 % premium HUD field */
.premium-slot img{width:62%!important;aspect-ratio:4/5!important;filter:drop-shadow(0 0 10px rgba(180,140,255,.9))}
.premium-slot .gold-label{background:linear-gradient(90deg,#5b2ea8,#2f62c9);color:#fff;border-color:#e6d3ff;font-size:clamp(8px,2.2vw,11px);letter-spacing:.6px}
.premium-won-img{width:72px;height:90px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(180,140,255,.9));animation:wheelPrizePop .5s cubic-bezier(.2,1.6,.4,1)}
.wheel-result.gold-won.premium strong{font-size:28px!important;color:#efe3ff;text-shadow:0 0 22px rgba(180,140,255,.95)}

/* v30.16.0: the 0,5 % exclusive field */
.exclusive-slot img{filter:drop-shadow(0 0 10px rgba(255,80,40,.95)) drop-shadow(0 0 4px rgba(255,214,102,.9))!important}
.exclusive-slot .gold-label{background:linear-gradient(90deg,#b3121b,#e0a924)!important;border-color:#fff1b8!important;color:#fff!important}
.wheel-result.gold-won.exclusive strong{color:#ffe1a8!important;text-shadow:0 0 22px rgba(255,90,40,.95),0 0 40px rgba(255,214,102,.7)!important}

/* v30.16.1: the amount / PREMIUM / EKSKLUSIV labels sit at the outer rim (no clash at the hub) */
.gold-slot{flex-direction:column-reverse!important;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-122%)!important}
.gold-label{margin-top:0!important;margin-bottom:-6%!important;font-size:clamp(9px,2.5vw,13px)!important;padding:1px 5px!important}
.premium-slot .gold-label{font-size:clamp(7px,2vw,10px)!important;letter-spacing:.3px!important}