.spin-stage{aspect-ratio:1;touch-action:manipulation;width:100%;position:relative}.spin-stage,.spin-play{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--motus-color-brand-red) 28%, transparent), transparent 55%), radial-gradient(circle at 50% 50%, var(--motus-color-grey-700), var(--motus-color-brand-navy))}.spin-wheel3d,.spin-wheel-poster,.spin-wheel2d{position:absolute;inset:0}.spin-wheel-poster{padding:var(--motus-space-8);place-items:center;display:grid}.spin-wheel-poster .spin-wheel{width:100%;height:100%}.spin-wheel2d{padding:var(--motus-space-8);place-items:center;display:grid}.spin-wheel2d-disc{will-change:transform;width:100%;height:100%}.spin-wheel2d-disc .spin-wheel{width:100%;height:100%}.spin-wheel2d-pointer{top:var(--motus-space-4);border-left:var(--motus-space-4) solid transparent;border-right:var(--motus-space-4) solid transparent;border-top:var(--motus-space-8) solid var(--motus-color-brand-red);width:0;height:0;filter:drop-shadow(0 var(--motus-space-1) var(--motus-space-1) var(--motus-color-brand-navy));position:absolute;left:50%;translate:-50%}.spin-wheel2d-win .spin-wheel2d-disc{filter:drop-shadow(0 0 var(--motus-space-6) var(--motus-color-brand-red))}.spin-wheel2d-lose .spin-wheel2d-disc{opacity:.85}.spin-play{z-index:60;color:var(--motus-color-brand-white);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.spin-play-hud{padding:var(--motus-space-4);color:var(--motus-color-brand-white);justify-content:space-between;align-items:center;display:flex}.spin-play-hud .motus-button{color:var(--motus-color-brand-white)}.spin-play-stage{aspect-ratio:auto;min-height:0;max-width:calc(var(--motus-content-max));background:0 0;flex:auto;width:100%;margin-inline:auto}.spin-play-foot{align-items:center;gap:var(--motus-space-3);padding:var(--motus-space-4) var(--motus-space-4) calc(var(--motus-space-6) + env(safe-area-inset-bottom));text-align:center;flex-direction:column;display:flex}.spin-coin{width:var(--motus-space-16);height:var(--motus-space-16);border-radius:var(--motus-radius-pill);background:radial-gradient(circle at 35% 30%, var(--motus-color-brand-white), var(--motus-color-brand-red) 45%, color-mix(in srgb, var(--motus-color-brand-red) 60%, var(--motus-color-brand-navy)));color:var(--motus-color-brand-navy);box-shadow:var(--motus-shadow-2);line-height:var(--motus-line-height-tight);flex-direction:column;justify-content:center;align-items:center;display:flex}.spin-coin strong{font-size:var(--motus-font-size-xl);font-weight:var(--motus-font-weight-bold)}.spin-coin span{font-size:var(--motus-font-size-xs);font-weight:var(--motus-font-weight-semibold);text-transform:uppercase}.spin-big-button{min-width:calc(var(--motus-space-30) + var(--motus-space-16));min-height:var(--motus-space-16);border-radius:var(--motus-radius-pill);font-family:var(--motus-font-family);font-size:var(--motus-font-size-2xl);font-weight:var(--motus-font-weight-bold);letter-spacing:var(--motus-letter-spacing-label);color:var(--motus-color-brand-navy);background:linear-gradient(to bottom, color-mix(in srgb, var(--motus-color-brand-white) 45%, var(--motus-color-brand-red)), var(--motus-color-brand-red) 55%, color-mix(in srgb, var(--motus-color-brand-red) 75%, var(--motus-color-brand-navy)));box-shadow:var(--motus-shadow-3);cursor:pointer;transition:transform var(--motus-motion-fast) var(--motus-ease-standard);border:0}.spin-big-button:disabled{opacity:.6;cursor:default}.spin-big-button:active:not(:disabled){transform:scale(.96)}.spin-big-button:focus-visible{outline:var(--motus-space-1) solid var(--motus-color-brand-white);outline-offset:var(--motus-space-1)}.spin-big-button-ready{animation:spin-pulse calc(var(--motus-motion-emphasized) * 4) var(--motus-ease-standard) infinite}@keyframes spin-pulse{50%{box-shadow:0 0 var(--motus-space-8) var(--motus-color-brand-red);transform:scale(1.05)}}.spin-sheet{max-height:85%;padding:var(--motus-space-6) var(--motus-space-6) calc(var(--motus-space-8) + env(safe-area-inset-bottom));background:var(--motus-color-brand-white);color:var(--motus-color-ink);box-shadow:var(--motus-shadow-3);animation:spin-sheet-up var(--motus-motion-emphasized) var(--motus-ease-emphasized);max-width:var(--motus-content-max);inset-inline:0;margin-inline:auto;position:absolute;bottom:0;overflow:auto}@keyframes spin-sheet-up{0%{transform:translateY(100%)}}.spin-sheet-prize{width:100%;max-height:calc(var(--motus-space-30) + var(--motus-space-10));object-fit:contain}.spin-sheet-icon{width:var(--motus-space-16);height:var(--motus-space-16);color:var(--motus-color-brand-red)}.spin-ticket{align-items:center;gap:var(--motus-space-2);padding:var(--motus-space-6);border-width:var(--motus-border-width);border-style:dashed;border-color:var(--motus-color-brand-navy);background:color-mix(in srgb, var(--motus-color-brand-red) 18%, var(--motus-color-brand-white));flex-direction:column;display:flex}.spin-ticket strong{font-size:var(--motus-font-size-3xl);letter-spacing:var(--motus-letter-spacing-label);font-weight:var(--motus-font-weight-bold)}.spin-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spin-win-row{gap:var(--motus-space-4);align-items:center;display:flex}.spin-win-image{width:var(--motus-space-16);height:var(--motus-space-16);object-fit:contain;flex-shrink:0}.spin-public-teaser .spin-stage{max-width:var(--motus-content-max)}@media (prefers-reduced-motion:reduce){.spin-big-button-ready,.spin-sheet{animation:none}}.spin-wheel3d{opacity:0;transition:opacity .3s ease-out}.spin-stage-ready .spin-wheel3d{opacity:1}.spin-wheel-poster{transition:opacity .3s ease-out}.spin-stage-ready .spin-wheel-poster{opacity:0;pointer-events:none}
