#buyer-gaming-workspace {
  --wheel-ink:#232338; --wheel-muted:#656274; --wheel-accent:#6040b5;
  --wheel-paper:#fffdf9; --wheel-line:#e5dfed; --wheel-size:clamp(240px,36vw,410px);
  color:var(--wheel-ink); max-width:1160px; margin-inline:auto;
}
#buyer-gaming-workspace *,#wheel-contact-dialog * { box-sizing:border-box; }
.wheel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 4px; }
.wheel-heading h2 { margin:6px 0 0; font-size:clamp(24px,3vw,32px); letter-spacing:-.04em; }
.wheel-eyebrow { display:block; color:#765525; font-size:11px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
#buyer-gaming-workspace button,#wheel-contact-dialog button { min-height:48px; font:inherit; cursor:pointer; touch-action:manipulation; }
#buyer-gaming-workspace button:disabled { cursor:default; opacity:.65; }
#buyer-gaming-workspace :focus-visible,#wheel-contact-dialog :focus-visible { outline:3px solid #7354c6; outline-offset:4px; }
#buyer-gaming-workspace .wheel-quiet,#wheel-contact-dialog .wheel-quiet { border:1px solid #ded7e8; border-radius:14px; padding:10px 18px; background:white; color:#514164; }
.wheel-experience { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; padding:36px; border:1px solid var(--wheel-line); border-radius:30px; background:var(--wheel-paper); box-shadow:0 14px 50px #30204d09; overflow:hidden; }
.wheel-visual { position:relative; display:grid; place-items:center; align-self:stretch; align-content:center; min-width:0; padding-block:34px; isolation:isolate; }
.wheel-visual::before { content:""; position:absolute; inset:0 -20px; z-index:-1; background:radial-gradient(ellipse,#e6dff8 0%,#f2e9fa80 42%,transparent 70%); }
.wheel-orbit { position:absolute; width:calc(var(--wheel-size) + 40px); aspect-ratio:1; border:1px dashed #ad96c878; border-radius:50%; pointer-events:none; }
.wheel-orbit::before,.wheel-orbit::after { content:"✦"; position:absolute; color:#98733a; font-size:26px; background:var(--wheel-paper); }
.wheel-orbit::before { top:8%; right:9%; }.wheel-orbit::after { bottom:7%; left:8%; font-size:20px; }
.wheel-frame { position:relative; width:var(--wheel-size); margin:0 auto; }
.prize-wheel { position:relative; width:100%; aspect-ratio:1; border:9px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #decde8,0 12px 0 #dfd6e8,0 24px 42px #49356530; display:grid; place-items:center; }
.prize-wheel .wheel-hub { display:grid; place-items:center; z-index:1; width:19%; aspect-ratio:1; border-radius:50%; background:#fffdf8; color:#7653b8; border:6px solid #eee6f6; box-shadow:0 4px 12px #3427462b; font-size:clamp(26px,3vw,40px); }
.wheel-pointer { position:absolute; left:calc(50% - 17px); top:-24px; z-index:2; font-size:40px; color:#342345; filter:drop-shadow(0 3px 1px #fff); }
.wheel-slice-label { position:absolute; left:50%; top:50%; width:26%; font-size:clamp(11px,1.15vw,14px); line-height:1.2; font-weight:750; color:white; text-align:center; overflow:hidden; max-height:3.6em; overflow-wrap:anywhere; }
.wheel-caption { position:relative; margin:35px 0 0; color:var(--wheel-muted); font-size:13px; text-align:center; }
.wheel-content { min-width:0; }.wheel-content h3 { font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-.045em; margin:12px 0 16px; overflow-wrap:anywhere; }
.wheel-intro { color:var(--wheel-muted); line-height:1.6; max-width:30ch; margin:0 0 24px; }
#buyer-gaming-workspace .wheel-primary,#wheel-contact-dialog .wheel-primary { border:0; border-radius:16px; background:#6040b5; color:white; padding:16px 26px; font-size:18px; font-weight:750; box-shadow:0 5px 0 #422880; transition:transform .18s,background .18s,box-shadow .18s; }
.wheel-play-area .wheel-primary { width:100%; }
#buyer-gaming-workspace .wheel-primary:not(:disabled):hover,#wheel-contact-dialog .wheel-primary:hover { background:#503098; transform:translateY(-2px); }
#buyer-gaming-workspace .wheel-primary:not(:disabled):active { transform:translateY(3px); box-shadow:0 2px 0 #422880; }
.wheel-availability { color:var(--wheel-muted); font-size:12px; text-align:center; margin:16px 0 24px; }
.wheel-panel { border-top:1px solid var(--wheel-line); }
.wheel-panel summary { display:flex; align-items:center; gap:10px; min-height:54px; padding:12px 0; font-size:14px; font-weight:650; cursor:pointer; list-style:none; }
.wheel-panel summary::-webkit-details-marker { display:none; }.wheel-panel summary::after { content:"+"; font-size:23px; font-weight:400; margin-left:auto; }
.wheel-panel[open] summary::after { content:"−"; }.wheel-panel summary span { color:var(--wheel-muted); font-size:12px; font-weight:400; }
.wheel-panel-body { padding:0 0 18px; font-size:14px; line-height:1.6; }.wheel-panel-body p { margin:0 0 12px; }
.wheel-panel a,.wheel-reward a { color:#543391; text-underline-offset:3px; }
.wheel-legend { padding:0; margin:0 0 16px; list-style:none; }.wheel-legend li { display:flex; align-items:center; gap:10px; padding:9px 0; font-size:14px; }
.wheel-legend li>span { flex:0 0 10px; height:10px; border-radius:50%; }.wheel-legend small { margin-left:auto; color:var(--wheel-muted); }
.wheel-games { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }.wheel-games button { border:1px solid var(--wheel-line); border-radius:12px; padding:10px 16px; background:white; color:var(--wheel-ink); }
.wheel-selector { margin-bottom:16px; }.wheel-empty { padding:48px; text-align:center; }
.wheel-reward { position:relative; margin:12px 0 24px; padding:24px; border:1px solid #d4c0ec; border-radius:20px; background:linear-gradient(135deg,#f2eafb,#fff7e3); overflow-wrap:anywhere; }
.wheel-reward h3 { font-size:26px; margin:0 0 14px; }.wheel-reward p { font-size:14px; line-height:1.5; }
.wheel-reward a { display:inline-block; padding-block:12px; font-weight:700; }
.wheel-code { display:block; margin-top:10px; padding:12px; border:1px dashed #b99bcc; border-radius:10px; background:#fff; user-select:all; overflow-wrap:anywhere; text-align:center; font-size:20px; letter-spacing:.04em; }
#wheel-result:not(:empty) { margin-bottom:20px; }
#wheel-contact-dialog { width:min(510px,calc(100vw - 24px)); max-height:90dvh; overflow:auto; border:1px solid #ded7e8; border-radius:26px; padding:30px; color:#232338; background:#fffdf9; box-shadow:0 30px 100px #15102640; }
#wheel-contact-dialog::backdrop { background:#211530aa; backdrop-filter:blur(5px); }
#wheel-contact-dialog h2 { font-size:28px; line-height:1.15; margin:12px 0; letter-spacing:-.035em; }
#wheel-contact-dialog p { color:#656274; line-height:1.5; }
#wheel-contact-dialog label { display:block; margin-block:18px; font-size:14px; font-weight:600; }
#wheel-contact-dialog input:not([type=checkbox]) { display:block; width:100%; min-height:50px; margin-top:8px; padding:12px; border:1px solid #c9bfd6; border-radius:12px; font:inherit; font-size:16px; color:#232338; background:white; }
#wheel-contact-dialog .wheel-check { display:flex; align-items:flex-start; gap:12px; line-height:1.5; font-weight:400; }
#wheel-contact-dialog input[type=checkbox] { flex:0 0 22px; width:22px; height:22px; margin:0; accent-color:#6040b5; }
#wheel-contact-dialog a { color:#543391; }.wheel-form-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }.wheel-form-actions .wheel-primary { flex:1; }
@media (prefers-reduced-motion:no-preference) {
  .wheel-experience { animation:wheel-enter .45s ease-out both; }
  .wheel-panel[open] .wheel-panel-body,.wheel-panel[open] .wheel-legend { animation:wheel-enter .25s ease-out; }
  #wheel-contact-dialog[open] { animation:wheel-enter .25s ease-out; }
  .wheel-revealed .wheel-reward { animation:wheel-reveal .65s cubic-bezier(.2,1.4,.4,1) both; }
  .wheel-revealed .wheel-reward::before { content:"✦  ·  ✦"; display:block; color:#816021; letter-spacing:.8em; margin-bottom:12px; }
  @keyframes wheel-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
  @keyframes wheel-reveal { from { opacity:0; transform:scale(.92) translateY(16px); } to { opacity:1; transform:scale(1) translateY(0); } }
}
@media (max-width:699px) {
  #buyer-gaming-workspace { --wheel-size:clamp(230px,70vw,330px); }
  .wheel-heading { padding:14px 4px; }.wheel-heading .wheel-eyebrow { font-size:9px; }.wheel-heading h2 { font-size:24px; }
  .wheel-experience { grid-template-columns:1fr; gap:18px; padding:24px 18px; border-radius:24px; }
  .wheel-visual { padding-block:18px 0; }.wheel-caption { margin-top:28px; font-size:12px; }
  .wheel-content h3 { font-size:32px; }.wheel-intro { max-width:none; margin-bottom:18px; }
  .wheel-content>.wheel-eyebrow { display:none; }.wheel-orbit { width:calc(var(--wheel-size) + 24px); }
  .wheel-heading .wheel-quiet { padding:8px 10px; font-size:13px; }
  #wheel-contact-dialog { padding:24px; }
}
@media (prefers-reduced-motion:reduce) {
  #buyer-gaming-workspace .wheel-primary,#wheel-contact-dialog .wheel-primary { transition:none; }
}
.wheel-steps { display:flex; gap:18px; padding:0; margin:0 0 26px; list-style:none; font-size:12px; color:var(--wheel-muted); }
.wheel-steps li { display:flex; align-items:center; gap:6px; }
.wheel-steps span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; border:1px solid #d8cce8; background:#faf7fd; }
.wheel-steps [aria-current] { color:#543391; font-weight:750; }.wheel-steps [aria-current] span { background:#6040b5; color:white; border-color:#6040b5; }
.wheel-email-status { border-top:1px solid #d4c0ec; margin-top:18px; padding-top:6px; }
@media(max-width:699px) { .wheel-steps { gap:12px; font-size:11px; } }