storefront-roulette:has(.sfrl-ribbon){top:env(safe-area-inset-top,0px);z-index:1030;padding:0 var(--sf-auth-gutter-end,1rem) 8px var(--sf-auth-gutter-start,1rem);flex-shrink:0;position:sticky}storefront-roulette{color:var(--sf-text,#172033);font-family:inherit;display:block}.sfc-app-roulette-dock{justify-content:center;align-items:center;display:inline-flex}.sfc-app-roulette-dock:empty{display:none}.sfc-app-header-actions>.sfc-app-roulette-dock:has(.sfrl-launcher){flex:0 0 44px;width:44px;min-width:44px;height:44px}.sfrl-launcher{border:1px solid var(--sf-border,#dce3eb);background:var(--sf-card-bg,#fff);width:44px;height:44px;color:var(--sf-primary-on-soft,var(--sf-primary,#4f46e5));font:inherit;cursor:pointer;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.sfrl-launcher:hover{background:var(--sf-primary-soft,var(--sf-card-bg,#fff));border-color:currentColor}.sfrl-launcher>svg{flex-shrink:0}.sfrl-launcher--preview{border-radius:999px;gap:10px;width:fit-content;height:auto;min-height:44px;margin:20px auto;padding:10px 16px;display:flex}.sfrl-ribbon{width:100%;max-width:var(--sf-auth-width,420px);background:var(--sf-primary-soft,#eef2ff);border:1px solid var(--sf-primary-soft-strong,#e0e7ff);color:var(--sf-primary-on-soft,#4338ca);border-radius:16px;align-items:center;gap:12px;margin:0 auto;padding:12px 20px;display:flex}.sfrl-ribbon-icon{font-size:1.8rem}.sfrl-ribbon>div{flex:1;min-width:0}.sfrl-ribbon strong,.sfrl-ribbon span:not(.sfrl-ribbon-icon){display:block}.sfrl-ribbon span:not(.sfrl-ribbon-icon){margin-top:4px;font-size:.85rem}.sfrl-text-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.sfrl-dialog{border:1px solid var(--sf-border,#e2e8f0);background:var(--sf-card-bg,#fff);width:min(94vw,510px);max-height:calc(100dvh - 24px);color:var(--sf-text,#172033);overscroll-behavior:contain;border-radius:28px;padding:0;overflow:hidden;box-shadow:0 24px 100px #0005}.sfrl-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080e20a8}.sfrl-content{box-sizing:border-box;text-align:center;flex-direction:column;gap:12px;max-height:calc(100dvh - 26px);padding:32px 24px 16px;display:flex;position:relative;overflow-y:auto}.sfrl-heading,.sfrl-stage,.sfrl-controls{min-width:0}.sfrl-stage{flex-direction:column;gap:12px;display:flex}.sfrl-controls{flex-direction:column;gap:10px;display:flex}.sfrl-heading,.sfrl-stage,.sfrl-terms{flex-shrink:0}.sfrl-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.8rem;display:grid;position:absolute;top:8px;right:10px}.sfrl-close:hover{background:var(--sf-primary-soft,#eef2ff);color:var(--sf-primary-on-soft,#4338ca)}.sfrl-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--sf-primary-on-soft,#4338ca);font-size:.72rem;font-weight:800}.sfrl-content h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(1.25rem,5vw,1.75rem);font-weight:800;line-height:1.15}.sfrl-description,.sfrl-footnote{color:var(--sf-text-muted,#64748b);margin:0;font-size:.85rem;line-height:1.4}.sfrl-wheel-wrap{flex-shrink:0;width:min(100%,320px,max(100px,100dvh - 355px));margin:4px auto;position:relative}.sfrl-dialog--retry .sfrl-wheel-wrap{width:min(100%,300px,max(90px,100dvh - 465px))}.sfrl-wheel{filter:drop-shadow(0 10px 12px #0002);width:100%;display:block}.sfrl-wheel-wrap--interactive{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sfrl-wheel-wrap--dragging{cursor:grabbing}.sfrl-wheel-center,.sfrl-pointer{pointer-events:none}.sfrl-sector path{stroke:var(--sf-card-bg,white);stroke-width:2px}.sfrl-sector text{fill:var(--sf-primary-on-soft,#4338ca);font:700 12px system-ui,sans-serif}.sfrl-sector--0 path{fill:var(--sf-primary-soft,#eef2ff)}.sfrl-sector--1 path{fill:var(--sf-primary,#4f46e5)}.sfrl-sector--1 text{fill:var(--sf-on-primary,white)}.sfrl-sector--2 path{fill:var(--sf-primary-soft-strong,#e0e7ff)}.sfrl-sector--3 path{fill:var(--sf-card-bg,white)}.sfrl-pointer{z-index:1;color:var(--sf-primary-on-soft,#4338ca);filter:drop-shadow(0 2px 2px #0003);font-size:36px;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sfrl-wheel-center{background:var(--sf-card-bg,white);border:5px solid var(--sf-primary-soft-strong,#e0e7ff);border-radius:50%;place-items:center;width:62px;height:62px;font-size:1.8rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0002}.sfrl-primary{box-sizing:border-box;background:var(--sf-primary,#4f46e5);width:100%;color:var(--sf-on-primary,white);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:14px;padding:15px 18px;font-weight:750;line-height:1.4;text-decoration:none;display:block}.sfrl-primary:disabled{opacity:.65;cursor:wait}.sfrl-secondary{color:var(--sf-primary-on-soft,#4338ca);margin-top:16px;font-size:.85rem;display:inline-block}.sfrl-result{margin:0}.sfrl-result-icon{font-size:2.5rem;animation:.45s ease-out sfrl-reveal;display:inline-block}.sfrl-result h3{color:var(--sf-primary-on-soft,#4338ca);margin:12px 0;font-size:1.6rem;font-weight:800}.sfrl-result p{margin:8px 0;line-height:1.4}.sfrl-scope,.sfrl-result small{color:var(--sf-text-muted,#64748b);font-size:.8rem}.sfrl-timer{background:var(--sf-primary-soft,#eef2ff);color:var(--sf-primary-on-soft,#4338ca);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:.8rem;display:flex}.sfrl-timer strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem}.sfrl-error{color:var(--sf-danger,#b91c1c);font-size:.85rem}.sfrl-spinning{font-weight:700}.sfrl-terms{text-align:left;color:var(--sf-text-muted,#64748b);margin:0;font-size:.76rem;line-height:1.6}.sfrl-terms summary{cursor:pointer;padding:10px 0}.sfrl-additional-terms{white-space:pre-line;overflow-wrap:anywhere;display:block}.sfrl-terms-body{overscroll-behavior:contain;max-height:min(26dvh,220px);padding:0 4px;overflow-y:auto}.sfrl-terms ul{margin:10px 0;padding:0;list-style:none}.sfrl-terms li{border-bottom:1px solid var(--sf-border,#e2e8f0);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.sfrl-terms li strong{white-space:nowrap}.sfrl-launcher:focus-visible,storefront-roulette :is(button,a,summary):focus-visible{outline:3px solid var(--sf-primary,#4f46e5);outline-offset:4px}[data-bs-theme=dark] .sfrl-dialog{background:var(--sf-card-bg,#182031);color:var(--sf-text,#f1f5f9)}@keyframes sfrl-reveal{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media (width<=575px){.sfrl-content{padding:32px 16px 12px}.sfrl-dialog{border-radius:22px}.sfrl-ribbon{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.sfrl-ribbon-icon{display:none}.sfrl-ribbon .sfrl-text-button{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.sfrl-wheel{transition-duration:10ms}.sfrl-result-icon{animation:none}}.sfrl-prize-scope{margin-top:4px;font-size:.72rem;display:block}@media (width>=480px) and (height<=600px){.sfrl-dialog{width:min(94vw,760px)}.sfrl-content{gap:8px;padding:20px 24px 10px}.sfrl-heading{padding:0 28px}.sfrl-heading h2{margin:4px 0;font-size:1.3rem}.sfrl-description{font-size:.8rem}.sfrl-stage:has(.sfrl-wheel-wrap){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.sfrl-wheel-wrap,.sfrl-dialog--retry .sfrl-wheel-wrap{width:min(100%,280px,max(90px,100dvh - 185px))}.sfrl-controls:has(.sfrl-result):not(:has(.sfrl-footnote)){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:20px;display:grid}.sfrl-controls>.sfrl-result{grid-area:1/1/span 4}.sfrl-controls>:is(.sfrl-primary,.sfrl-secondary){grid-column:2}.sfrl-stage:has(.sfrl-wheel-wrap) .sfrl-controls{display:flex}.sfrl-result-icon{display:none}.sfrl-result h3{margin:4px 0;font-size:1.25rem}.sfrl-result p{margin:6px 0;font-size:.8rem}.sfrl-timer{padding:8px}.sfrl-terms summary{padding:6px 0}}@media (height<=640px) and (width<=479px){.sfrl-content{gap:8px;padding:28px 16px 10px}.sfrl-stage,.sfrl-controls{gap:8px}.sfrl-result-icon{font-size:2rem}.sfrl-result h3{margin:6px 0;font-size:1.4rem}.sfrl-result p{margin:6px 0;font-size:.85rem}.sfrl-secondary{margin-top:4px}.sfrl-primary{padding:12px 16px}}@media (width>=480px) and (height<=360px){.sfrl-content{gap:4px;padding:12px 20px 8px}.sfrl-heading h2{font-size:1.15rem}.sfrl-eyebrow{font-size:.65rem}.sfrl-result p{margin:4px 0;font-size:.75rem;line-height:1.3}.sfrl-result small{font-size:.7rem;line-height:1.3}.sfrl-timer{padding:6px}.sfrl-timer strong{font-size:1.1rem}.sfrl-primary{padding:12px;font-size:.9rem}.sfrl-secondary{margin-top:4px}}
