/* The wheel owns the viewport. The fixed pointer and rotating destinations share one geometry. */
.wheel-experience{--wheel-navy:#14205d;--wheel-gold:#f5ce76;position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(18px,3vh,40px) clamp(20px,4vw,80px);border:0;color:#fff6e6;background:radial-gradient(ellipse at 24% 50%,#3043a3 0,transparent 56%),#11194f;font-family:var(--bb-sans,Arial,sans-serif);overflow:auto;overscroll-behavior:contain}
.wheel-experience[open]{display:flex;flex-direction:column;gap:20px}.wheel-experience::backdrop{background:#11194f}.wheel-experience *{box-sizing:border-box}.wheel-top,.wheel-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none}.wheel-brand{font:clamp(22px,2.2vw,42px)/1 var(--bb-serif,Georgia,serif);letter-spacing:.04em}.wheel-brand span{display:block;margin-top:10px;font:700 9px/1.4 var(--bb-sans,Arial,sans-serif);letter-spacing:.22em;color:var(--wheel-gold)}
.wheel-exit{border:1px solid #fff6e64d;color:#fff6e6;background:transparent;border-radius:100px;padding:12px 20px;min-height:48px;font-size:12px;cursor:pointer}.wheel-exit:hover{background:#ffffff12}.wheel-experience button:focus-visible{outline:3px solid white;outline-offset:6px}.wheel-experience button:disabled{cursor:wait;opacity:.65}
.wheel-layout{width:100%;max-width:1600px;max-height:none;margin:auto;flex:1;min-height:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,5vw,100px)}
.wheel-scene{overflow:clip;padding:26px 15px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;isolation:isolate}.wheel-orbit{position:absolute;border:1px solid #f5ce7626;border-radius:50%;aspect-ratio:1;z-index:-1;pointer-events:none}.orbit-one{width:110%}.orbit-two{width:125%;border-style:dashed;opacity:.6}.wheel-machine{position:relative;width:min(100%,65dvh,720px);aspect-ratio:1;padding:10px}.wheel-rim{position:relative;width:100%;height:100%;border:clamp(9px,1.2vw,19px) solid #e7b550;border-radius:50%;background:#f5ce76;box-shadow:0 0 0 3px #fff0bf,0 0 0 9px #9c692b,0 0 0 12px #f3cd7f,0 22px 60px #0006,inset 0 0 0 4px #152060;overflow:hidden}.wheel-rim:after{content:'';position:absolute;inset:-8px;border:8px dotted #fff2c7;border-radius:50%;pointer-events:none}.wheel-rotor{position:absolute;inset:-1px;will-change:transform}.wheel-rotor svg{width:100%;height:100%;display:block;font-family:var(--bb-sans,Arial,sans-serif)}
.wheel-hub{position:absolute;inset:36%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #f5ce76;border-radius:50%;background:#11194f;color:#fff5dd;box-shadow:0 5px 20px #0005;text-align:center}.wheel-hub span{font-size:clamp(13px,1.7vw,28px);font-weight:800;line-height:1.1;letter-spacing:.04em}.wheel-hub b{font-size:24px;line-height:1;margin-top:8px;color:var(--wheel-gold)}
.wheel-experience .wheel-pointer{border:0;position:absolute;top:-15px;left:50%;width:clamp(36px,4vw,62px);height:clamp(52px,6vw,86px);transform:translateX(-50%);margin:0;z-index:3;filter:drop-shadow(0 4px 2px #0005)}.wheel-pointer svg{width:100%;height:100%}.wheel-caption{font-size:10px;font-weight:700;letter-spacing:.24em;color:#f5ce76;margin:30px 0 0;text-align:center}
.wheel-copy{display:block;max-width:none;position:relative;padding:12px 0;min-width:0}.wheel-eyebrow{display:block;font-size:clamp(10px,.8vw,14px);letter-spacing:.2em;font-weight:700;color:var(--wheel-gold);margin-bottom:20px}.wheel-copy h1{font:400 clamp(36px,4.3vw,78px)/1.04 var(--bb-serif,Georgia,serif);letter-spacing:-.025em;margin:0 0 20px;color:#fff6e6;text-wrap:balance}.wheel-description{max-width:370px;font-size:clamp(14px,1.2vw,19px);line-height:1.6;color:#d4d7ed;margin:0 0 22px}.wheel-spin{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:450px;min-height:72px;padding:20px 26px;border:0;border-radius:6px;background:var(--wheel-gold);color:#11194f;font-size:clamp(15px,1.2vw,21px);font-weight:850;letter-spacing:.04em;box-shadow:0 5px 0 #b48335;cursor:pointer;touch-action:manipulation}.wheel-spin:hover:not(:disabled){background:#ffe2a1}.wheel-spin:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #b48335}.wheel-spin span{font-size:30px;line-height:1}
.wheel-prize-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:470px;margin-top:30px;border-top:1px solid #ffffff26;padding-top:14px}.wheel-prize-line figure{margin:0;text-align:center;min-width:0}.wheel-prize-line img{display:block;object-fit:contain;width:100%;height:clamp(52px,7vh,95px);filter:drop-shadow(0 4px 5px #0003)}.wheel-prize-line figcaption{font-size:10px;line-height:1.3;color:#e4dfd4;margin-top:5px}.wheel-fine{max-width:470px;font-size:10px;line-height:1.6;color:#b9bfdc;margin:22px 0 0}.wheel-footer{font-size:9px;letter-spacing:.16em;color:#a8afd0;border-top:1px solid #ffffff20;padding-top:16px}.wheel-outcome:empty{display:none}.wheel-outcome{margin:0 0 22px;font-size:16px;line-height:1.5;color:var(--wheel-gold)}.wheel-outcome strong{display:block;font-size:clamp(19px,1.5vw,28px)}.wheel-outcome code{display:block;width:fit-content;font-family:monospace;letter-spacing:.12em;font-size:clamp(20px,2vw,34px);padding:10px 16px;border:1px dashed #f5ce76aa;border-radius:6px;margin:12px 0;color:white;background:#ffffff0a}.wheel-outcome p{font-size:13px;line-height:1.5;max-width:370px;margin:8px 0;color:#d4d7ed}.wheel-won-image{float:right;width:clamp(70px,10vw,150px);height:clamp(70px,10vw,150px);object-fit:contain;margin:-5px 0 8px 12px}.wheel-won .wheel-description{display:none}.wheel-won .wheel-prize-line{display:none}.wheel-won .wheel-rim{box-shadow:0 0 0 3px #fff0bf,0 0 0 9px #9c692b,0 0 0 12px #f3cd7f,0 0 95px #f5ce7655}.wheel-won .wheel-copy{animation:wheel-reveal .5s ease-out}@keyframes wheel-reveal{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:900px) and (max-height:760px){.wheel-experience[open]{gap:10px}.wheel-eyebrow{margin-bottom:12px}.wheel-copy h1{font-size:clamp(32px,4vw,60px);margin-bottom:12px}.wheel-description{margin-bottom:14px}.wheel-prize-line{margin-top:18px;padding-top:10px}.wheel-fine{margin-top:14px}.wheel-spin{min-height:58px;padding:15px 22px}.wheel-caption{margin-top:20px}.wheel-machine{width:min(100%,64dvh)}}
@media(max-width:800px){.wheel-experience{padding:18px 22px}.wheel-top{gap:12px}.wheel-brand{font-size:22px}.wheel-brand span{font-size:7px;letter-spacing:.12em}.wheel-exit{font-size:10px;padding:10px 14px}.wheel-layout{grid-template-columns:1fr;gap:24px;flex:none;min-height:auto}.wheel-scene{padding:16px 22px 0;order:1}.wheel-machine{width:min(76vw,44dvh,440px)}.wheel-copy{order:2;text-align:center;padding:0}.wheel-eyebrow{margin-bottom:10px;font-size:9px}.wheel-copy h1{font-size:36px;margin-bottom:10px}.wheel-copy h1 br{display:none}.wheel-description{font-size:13px;margin:0 auto 14px;max-width:310px}.wheel-spin{margin:auto;min-height:58px;font-size:15px;max-width:420px}.wheel-caption{margin-top:18px;font-size:8px}.wheel-prize-line{margin:22px auto 0;max-width:380px}.wheel-fine{margin:16px auto 0;max-width:420px;font-size:9px}.wheel-prize-line img{height:55px}.wheel-footer{margin-top:20px;font-size:7px}.wheel-footer span:last-child{display:none}.wheel-outcome{margin-bottom:18px}.wheel-outcome code{margin:10px auto}.wheel-outcome p{margin:8px auto}.wheel-won-image{float:none;width:90px;height:90px;margin:0 auto;display:block}.wheel-hub span{font-size:15px}.wheel-hub b{font-size:16px;margin-top:4px}.wheel-hub{border-width:3px}}
@media(prefers-reduced-motion:reduce){.wheel-won .wheel-copy{animation:none}}