.reward-result,.package-reward{margin:1.25rem 0;padding:1.2rem 1.35rem;border:1px solid rgba(114,160,119,.3);border-radius:20px;background:rgba(215,237,201,.25);color:inherit}
.reward-result[hidden],.package-reward[hidden],#wheel-spin[hidden]{display:none!important}
.reward-result h3{font-size:clamp(1.45rem,4vw,2rem);margin:.1rem 0 .8rem}
.reward-result strong[id],.reward-result [data-og-code]{display:inline-block;font:700 1rem ui-monospace,monospace;letter-spacing:.04em;padding:.35rem .55rem;background:rgba(255,255,255,.55);border-radius:8px;color:#153b32;overflow-wrap:anywhere;user-select:all}
.reward-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.reward-text-button{display:inline-flex;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;font:inherit;padding:.5rem 0;margin-top:.75rem;cursor:pointer}
.reward-text-button:focus-visible{outline:3px solid #6a8350;outline-offset:5px}
#wheel-dialog{width:min(560px,calc(100vw - 30px));max-height:92svh;overflow-y:auto;padding:32px clamp(22px,5vw,40px);border:1px solid #d8e3ca;border-radius:28px;background:radial-gradient(ellipse at 5% 0,#fbfdf5,#edf0e4 65%);box-shadow:0 30px 100px #051b2870;text-align:center}
#wheel-dialog>.eyebrow{justify-content:center;margin-bottom:10px}
#wheel-dialog h2{font-size:clamp(28px,4vw,39px);letter-spacing:-1.4px}
.spin-wheel{position:relative;width:min(270px,72vw);aspect-ratio:1;margin:28px auto 15px;border-radius:50%;padding:8px;background:linear-gradient(135deg,#fff,#d6dcc9 65%,#fff);box-shadow:0 5px 0 #a8b599,0 20px 36px #203c2928,inset 0 0 0 1px #fff}
.wheel-disc{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:conic-gradient(from -60deg,#dce9b9 0deg 120deg,#e5b6a8 120deg 240deg,#36594e 240deg 360deg);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 24px #ffffff40;transform:rotate(20deg)}
.wheel-disc.is-spinning{will-change:transform}
#wheel-values .wheel-prize{position:absolute;display:grid;place-items:center;width:70px;height:60px;border:0;border-radius:9px;font-family:var(--heading);font-size:35px;font-weight:600;line-height:1;letter-spacing:-1.6px;transform:translate(-50%,-50%) rotate(var(--prize-angle));color:#17392f;background:transparent}
#wheel-values .wheel-prize:nth-child(1){left:50%;top:21%;--prize-angle:0deg}
#wheel-values .wheel-prize:nth-child(2){left:75.1%;top:64.5%;--prize-angle:120deg}
#wheel-values .wheel-prize:nth-child(3){left:24.9%;top:64.5%;--prize-angle:240deg;color:#f1f5df}
#wheel-values .wheel-prize.is-selected{text-shadow:0 0 14px #fff8}
.wheel-pointer{position:absolute;z-index:3;left:50%;top:-10px;transform:translateX(-50%);width:26px;height:39px;border:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(90deg,#bd9152,#f3dc9b 48%,#b58a4c);filter:drop-shadow(0 3px 2px #142d3440)}
.wheel-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;background:linear-gradient(145deg,#f8fcf0,#d4dfc5);border:5px solid #f3f6e9;border-radius:50%;font-size:30px;line-height:1;color:#315247;box-shadow:0 4px 12px #173e353b}
#wheel-dialog .wheel-motion-status{font-size:12px;line-height:1.5;min-height:18px;margin:0;color:#526a59}
#wheel-dialog .wheel-quick-rules{font-size:12px;line-height:1.65;margin:9px auto 13px;max-width:400px;color:#425d4b}
#wheel-dialog #wheel-spin{margin:8px auto 3px;min-width:220px;justify-content:center;background:#193e34;color:#f4f8e9}
#wheel-dialog #wheel-spin:disabled{cursor:progress;opacity:.85;transform:none}
#wheel-dialog .wheel-preview-note{margin-top:11px;padding:10px 12px;font-size:11px!important}
#wheel-dialog .wheel-details{margin-top:18px;text-align:left;border-top:1px solid #9aaf8f55;padding-top:12px;font-size:12px}
#wheel-dialog .wheel-details summary{cursor:pointer;min-height:30px;font-weight:650}
#wheel-dialog .wheel-details .wheel-rules{margin:8px 0}
#wheel-dialog .reward-result{text-align:left}
#wheel-dialog .reward-text-button{font-size:12px}
@media(max-width:400px){#wheel-dialog{padding:28px 20px}.spin-wheel{width:230px}#wheel-values .wheel-prize{font-size:30px}.wheel-hub{width:52px;height:52px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}.wheel-disc.is-spinning{will-change:auto}}