/* Daily Wheel widget (isolated) */
.wheel-wrap{width:100%;max-width:none;margin:40px 0;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(10,12,18,.55);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.wheel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.wheel-title{margin:0;font-size:24px;letter-spacing:.2px}
.wheel-sub{margin:0;opacity:.8}
.wheel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}
@media (max-width:840px){.wheel-grid{grid-template-columns:1fr}}
.wheel-stage{position:relative;display:flex;justify-content:center;align-items:center;padding:18px;border-radius:18px;background:radial-gradient(circle at 30% 20%, rgba(59,130,246,.18), transparent 55%),radial-gradient(circle at 75% 70%, rgba(245,197,66,.16), transparent 60%);border:1px solid rgba(255,255,255,.08)}
canvas#wheel{width:92vw;height:92vw;max-width:520px;max-height:520px;border-radius:50%;display:block;touch-action:manipulation;transform:translateZ(0);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 10px rgba(255,255,255,.03)}
.wheel-panel{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(10,12,18,.40)}
.wheel-panel h3{margin:0 0 8px;font-size:18px}
.wheel-panel p{margin:0 0 12px;opacity:.86;line-height:1.45}
.wheel-actions{display:flex;gap:10px;flex-wrap:wrap}
.small-note{font-size:13px;opacity:.75;margin-top:10px}
/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;padding:18px;z-index:99999}
.modal-backdrop.show{display:flex}
.modal{width:min(560px,96vw);border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,18,.86);backdrop-filter:blur(18px);box-shadow:0 30px 120px rgba(0,0,0,.65);padding:18px}
.modal h4{margin:0 0 6px;font-size:20px}
.modal p{margin:0 0 14px;opacity:.9;line-height:1.5}
.modal .code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;word-break:break-all}
.modal .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}


/* === Enhanced 3D / Roulette / Tech look === */

.wheel-wrap{
  background:
    radial-gradient(circle at 20% 10%, rgba(34,211,238,.18), transparent 55%),
    radial-gradient(circle at 80% 0%, rgba(168,85,247,.14), transparent 50%),
    radial-gradient(circle at 20% 90%, rgba(59,130,246,.14), transparent 55%),
    rgba(10,12,18,.62);
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 22px 80px rgba(0,0,0,.55);
}

.wheel-stage{
  position:relative;
  padding:22px;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(circle at 20% 20%, rgba(34,211,238,.14), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(168,85,247,.10), transparent 55%),
    rgba(0,0,0,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 18px 60px rgba(0,0,0,.45);
}

.wheel-stage:before{
  content:"";
  position:absolute; inset:-6px;
  border-radius:26px;
  background: linear-gradient(135deg, rgba(34,211,238,.20), rgba(168,85,247,.14), rgba(59,130,246,.18));
  filter: blur(12px);
  opacity:.65;
  z-index:0;
}
.wheel-stage > *{ position:relative; z-index:1; }

#wheel{
  border-radius:999px;
  box-shadow:
    0 26px 60px rgba(0,0,0,.55),
    inset 0 0 0 10px rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.14);
}

.wheel-cta .btn-primary{
  box-shadow: 0 18px 40px rgba(34,211,238,.18);
}


/* Consent checkbox (email collection) */
.rs-consent{border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rs-consent-label{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:13px;line-height:1.35;opacity:.92;flex:1}
.rs-consent-label input{transform:scale(1.08)}
.rs-consent-links{font-size:13px;white-space:nowrap}
.rs-consent-links a{color:rgba(255,255,255,.88);text-decoration:underline;text-underline-offset:3px;opacity:.9}

/* 3D roulette-style primary button */
#spinBtn{
  border-radius:14px;
  background: linear-gradient(135deg, rgba(220,38,38,.95), rgba(10,10,12,.92) 50%, rgba(22,163,74,.95));
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22);
  transform: translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#spinBtn:not(:disabled):hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
  filter: saturate(1.05);
}
#spinBtn:not(:disabled):active{
  transform: translateY(1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.18);
}
#spinBtn:disabled{opacity:.55;filter: grayscale(.2);}




/* === ROULETTE POINTER (oben, Spitze nach unten) === */
.wheel-pointer {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top:30px solid #ffffff; /* Farbe des Pfeils */
  z-index: 20;
}





@media (max-width:480px){.wheel-wrap{padding:16px}.wheel-actions button{width:100%}}

/* Hide daily wheel on smartphones */
@media (max-width: 600px) {
  #daily-wheel { display: none !important; }
}