/* Milestone Climb: generated assets remain independent from live HTML and liquid. */
.rsp-bar{background:#151619 var(--rsp-art,url('campaign-stage-background-v1.webp')) center/cover no-repeat;border-color:#a98917;box-shadow:0 20px 65px #000d,0 0 0 3px #111,0 0 25px #ffcf0829}
.rsp-bar:before{background:linear-gradient(180deg,#11121440,#0e101255 48%,#10111355)}
.rsp-bar:after{background:linear-gradient(90deg,#ffcf08,#fff19a,#ffcf08);height:4px}
.rsp-content{padding:16px 16px 12px}
.rsp-event-kicker{background:#121314e8;border-color:#ffcf0866;color:#ffe77d}.rsp-name{padding:14px 20px;margin:0 0 8px;clip-path:none;border:0;background:transparent url('milestone-heading-v3.webp') center/100% 100% no-repeat;color:#111;font:950 22px/1.07 system-ui,sans-serif;letter-spacing:.01em;text-align:center;text-shadow:none}
.rsp-intro{color:#e2e2d9}.rsp-date{background:#10110bcc;color:#f4e49b}
.rsp-gauge-readout{border:1px solid #797a6c;border-radius:12px;background:linear-gradient(145deg,#3c3d39,#141512 55%,#080909);box-shadow:inset 0 1px 2px #ffffff38,0 4px 12px #0009}
.rsp-gauge-readout .rsp-gauge-label{color:#f1eee0}.rsp-gauge-readout .rsp-progress-value{color:#ffdb28;text-shadow:0 2px #000,0 0 12px #ffcf0866}
.rsp-game-row{border:1px solid #666b5c;border-radius:13px;background:radial-gradient(ellipse at 42% 61%,#8c792e48,transparent 60%),linear-gradient(145deg,#30322ee8,#0e0f10ec);box-shadow:inset 0 1px 4px #ffffff1f,inset 0 -8px 20px #0007}
.rsp-drum-plastic{width:min(254px,100%);aspect-ratio:1199/1312}
.rsp-drum-plastic .rsp-drum-window{position:absolute;z-index:1;left:20.5%;right:20.5%;top:20.5%;bottom:5.5%;background:linear-gradient(90deg,#565953,#aaa99b 18%,#5e6059 48%,#a0a193 82%,#4f524e);clip-path:polygon(0 0,100% 0,92.4% 96%,88% 99%,12% 99%,7.6% 96%);pointer-events:none}
.rsp-drum-plastic .rsp-liquid-canvas{z-index:2}.rsp-drum-plastic .rsp-tube-frame{z-index:3}.rsp-drum-plastic .rsp-drop-layer{z-index:6}
.rsp-milestone-rail{border-left:3px solid #ffcf08;box-shadow:-1px 0 5px #ffcf0840;min-height:200px}.rsp-milestone-icon{background:transparent var(--rsp-marker-art,url('milestone-badge-v3.webp')) center/contain no-repeat;filter:brightness(.68);box-shadow:none}.rsp-milestone-rail li.is-reached .rsp-milestone-icon{background:transparent var(--rsp-marker-art,url('milestone-badge-v3.webp')) center/contain no-repeat;filter:brightness(1.15) drop-shadow(0 0 8px #ffcf08b0);color:#fff3a5}.rsp-milestone-icon span{text-shadow:0 2px 4px #000;color:#fff}.rsp-milestone-icon small{color:#f1e6a6}
.rsp-touch-hint{color:#f1e2a5}.rsp-hud-progress{border-radius:999px;border-color:#b49a29;background:#0a0b0b;box-shadow:inset 0 1px 3px #fff3,0 2px 8px #0008}.rsp-hud-progress:before{background:linear-gradient(90deg,#8f6e00,#ffcf08);opacity:.85}.rsp-hud-progress span,.rsp-hud-progress b{text-shadow:0 1px 4px #000}.rsp-fine{color:#ddd8c4}
@media(max-width:700px){.rsp-content{padding:14px 12px 10px}.rsp-name{font-size:19px;padding:13px 17px}.rsp-drum-plastic{width:min(220px,100%)}.rsp-milestone-rail{min-height:175px}}
.rsp-bar .rsp-name-art{display:block;margin:0 0 8px;padding:0;border:0;background:none;clip-path:none;box-shadow:none;text-align:center}.rsp-bar .rsp-name-art:after{display:none}.rsp-bar .rsp-name-art img{display:block;width:100%;max-width:100%;max-height:150px;height:auto;margin:0 auto;object-fit:contain}
.rsp-bar .rsp-help,.rsp-bar .rsp-toggle{position:absolute;z-index:20;top:12px;display:grid;place-items:center;width:29px;height:29px;padding:0;margin:0;border:1.5px solid #ecece5;border-radius:50%;background:linear-gradient(145deg,#393a38,#080909 72%);box-shadow:inset 0 1px #ffffff44,0 3px 7px #0009;color:#fff;font:900 18px/1 system-ui,sans-serif;cursor:pointer}.rsp-bar .rsp-help{right:48px}.rsp-bar .rsp-toggle{right:12px;font-size:22px;font-weight:500}.rsp-bar .rsp-help:hover,.rsp-bar .rsp-toggle:hover{border-color:#ffcf08;color:#ffdf4b}.rsp-bar .rsp-help:focus-visible,.rsp-bar .rsp-toggle:focus-visible{outline:2px solid #ffcf08;outline-offset:3px}.rsp-bar .rsp-event-kicker{max-width:calc(100% - 76px);white-space:normal}.rsp-help-panel{position:absolute;z-index:18;top:48px;right:12px;width:min(260px,calc(100% - 24px));box-sizing:border-box;padding:13px 14px;border:1px solid #aaa98f;border-radius:9px;background:linear-gradient(145deg,#34352ef8,#0b0c0cfb);box-shadow:0 10px 25px #000c;color:#f5f2e5;text-align:left}.rsp-help-panel[hidden]{display:none!important}.rsp-help-panel strong{display:block;margin:0 0 6px;color:#ffdc42;font:900 12px/1.2 system-ui,sans-serif}.rsp-help-panel p{margin:6px 0 0;color:#eeecdd;font:500 11px/1.4 system-ui,sans-serif}.rsp-bar.is-collapsed{left:0;border-radius:0 12px 12px 0}.rsp-bar.is-collapsed .rsp-help{display:none}.rsp-bar.is-collapsed .rsp-toggle{position:relative;top:auto;right:auto;display:grid;width:28px;height:28px;margin:7px;font-size:24px}@media(max-width:700px){.rsp-bar.is-collapsed{left:0;bottom:8px}.rsp-bar .rsp-event-kicker{max-width:calc(100% - 72px)}}

.rsp-bar .rsp-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;box-sizing:border-box;margin:14px 0 0;padding:9px 16px;border:1px solid #ffe17b;border-radius:999px;background:linear-gradient(180deg,#fff08b 0%,#ffcf08 25%,#dfa900 100%);box-shadow:inset 0 1px 1px #fff8,0 4px 0 #806000,0 6px 14px #0008;color:#171300;text-decoration:none;text-align:center;text-transform:uppercase;font:900 13px/1.2 system-ui,sans-serif;letter-spacing:.07em;transition:transform .16s,filter .16s,box-shadow .16s}.rsp-bar .rsp-cta:hover{color:#171300;filter:brightness(1.1);transform:translateY(-1px)}.rsp-bar .rsp-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.rsp-bar .rsp-cta-arrow{font-size:23px;line-height:.7}

.rsp-bar .rsp-drum-platform:before{content:"";position:absolute;z-index:0;left:-5%;right:-5%;bottom:1%;height:15%;border:2px solid #ffda43;border-radius:50%;background:radial-gradient(ellipse at center,transparent 51%,#ffce1255 53%,#ffe781 57%,#d99904aa 60%,transparent 64%),radial-gradient(ellipse at center,#e9a40038,transparent 70%);box-shadow:0 0 6px #ffd437,0 0 18px #ffb900a8,inset 0 0 8px #ffcf0870;pointer-events:none}

/* Drum progress readout */
.rsp-bar .rsp-drum-readout{position:absolute;z-index:8;left:50%;top:calc(87.5% - 33px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 3px 5px #000b)}
.rsp-bar .rsp-drum-plastic .rsp-drum-readout{top:calc(94.5% - 33px)}
.rsp-bar .rsp-drum-chevrons{width:25px;height:27px;margin-bottom:5px;background:linear-gradient(135deg,transparent 42%,#ffdd14 43% 58%,transparent 59%) left top/50% 50% repeat-y,linear-gradient(225deg,transparent 42%,#ffdd14 43% 58%,transparent 59%) right top/50% 50% repeat-y;filter:drop-shadow(0 0 4px #ffc400)}
.rsp-bar .rsp-drum-badge{display:flex;flex-direction:column;align-items:center;min-width:73px;padding:6px 8px 5px;border:2px solid #ffdb3a;border-radius:13px;background:linear-gradient(155deg,#26251d,#080909 60%);box-shadow:inset 0 0 8px #ffd52222,0 0 12px #ffc40099;color:#ffe21a;font-family:system-ui,sans-serif;font-style:italic;line-height:1;text-shadow:0 2px 3px #000}
.rsp-bar .rsp-drum-badge strong{font-size:clamp(20px,3vw,29px);font-weight:1000;white-space:nowrap}.rsp-bar .rsp-drum-badge small{margin-top:2px;color:white;font-size:9px;font-weight:900;letter-spacing:.04em}
/* Milestone rail */
.rsp-bar .rsp-milestone-rail{position:relative;isolation:isolate;flex-direction:column-reverse;border:0;padding:7px 0;box-shadow:none}
.rsp-bar .rsp-milestone-rail:before{content:'';position:absolute;z-index:0;top:12px;bottom:12px;left:50%;width:3px;transform:translateX(-50%);background:#ffce21;box-shadow:0 0 5px #ffd62d,0 0 13px #ffaf00;pointer-events:none}
.rsp-bar .rsp-milestone-rail li{z-index:1}.rsp-bar .rsp-milestone-rail li:hover,.rsp-bar .rsp-milestone-rail li:focus-within{z-index:20}
.rsp-bar .rsp-milestone-icon,.rsp-bar .rsp-milestone-rail li.is-reached .rsp-milestone-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:48px;height:48px;padding:4px;border:2px solid #bcb8a8;border-radius:50%;background:var(--rsp-marker-art,linear-gradient(145deg,#5b5a51 0%,#171713 35%,#050605 72%,#383328 100%)) center/cover no-repeat;box-shadow:inset 0 1px 3px #fff6,0 2px 5px #000,0 0 0 2px #302a1b;color:#e9e4d0;filter:none}
.rsp-bar .rsp-milestone-icon .rsp-gift{display:block;width:22px;height:22px;color:inherit}.rsp-bar .rsp-milestone-icon .rsp-milestone-number{display:block;color:inherit;font:900 14px/1 system-ui,sans-serif;text-shadow:0 1px 2px #000}
.rsp-bar .rsp-milestone-icon .rsp-milestone-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rsp-bar .rsp-milestone-rail li.is-reached .rsp-milestone-icon{border-color:#ffe170;box-shadow:inset 0 1px 4px #fff8,0 0 0 2px #a96800,0 0 8px #ffe245,0 0 20px #ffb900;color:#ffdb24}
.rsp-bar .rsp-milestone-tooltip{border:1px solid #ffcf35;border-radius:7px;background:linear-gradient(145deg,#35332b,#11110e);box-shadow:0 0 9px #ffbf0055,0 6px 16px #000c}.rsp-bar .rsp-milestone-tooltip b{color:#ffdf29}

.rsp-bar .rsp-drum-platform{position:relative;isolation:isolate;width:min(230px,100%);margin:0 auto}.rsp-bar .rsp-drum-platform .rsp-drum-stage{z-index:1;width:100%}.rsp-bar .rsp-drum-stage:before{content:none}@media(max-width:700px){.rsp-bar .rsp-drum-platform{width:min(210px,100%)}}

.rsp-bar .rsp-drum-chevrons{position:absolute;left:50%;bottom:100%;margin:0 0 5px;opacity:0;transform:translate(-50%,8px)}.rsp-bar .rsp-drum-readout.is-filling .rsp-drum-chevrons{animation:rsp-fill-arrows 1.6s ease-out}@keyframes rsp-fill-arrows{0%{opacity:0;transform:translate(-50%,10px)}15%,55%{opacity:1}100%{opacity:0;transform:translate(-50%,-12px)}}@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-drum-readout.is-filling .rsp-drum-chevrons{animation-duration:.01ms}}

.rsp-bar .rsp-hud-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;box-sizing:border-box}.rsp-bar .rsp-hud-label{flex:1 1 auto;min-width:0}.rsp-bar .rsp-hud-progress .rsp-gauge-readout{display:block;flex:0 1 auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:right}.rsp-bar .rsp-hud-progress .rsp-progress-value{color:#ffdf55;font:900 16px/1.1 ui-monospace,Consolas,monospace;letter-spacing:0;overflow-wrap:anywhere}.rsp-bar .rsp-hud-progress .rsp-target{color:#f4e9b9;font:700 9px/1.2 system-ui,sans-serif!important;letter-spacing:0;white-space:nowrap}

.rsp-bar .rsp-drum-stage.is-shaking.rsp-shake-rock{animation:rsp-tap-rock .85s ease-in-out}
.rsp-bar .rsp-drum-stage.is-shaking.rsp-shake-bounce{animation:rsp-tap-bounce .85s cubic-bezier(.2,.7,.25,1)}
.rsp-bar .rsp-drum-stage.is-shaking.rsp-shake-wobble{animation:rsp-tap-wobble .9s ease-in-out}
.rsp-bar .rsp-drum-stage.is-shaking.rsp-shake-nudge{animation:rsp-tap-nudge .8s ease-in-out}
@keyframes rsp-tap-rock{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}
@keyframes rsp-tap-bounce{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-9px) scale(.98,1.03)}50%{transform:translateY(0) scale(1.04,.96)}70%{transform:translateY(-3px) scale(.99,1.01)}}
@keyframes rsp-tap-wobble{0%,100%{transform:rotate(0) scale(1)}15%{transform:rotate(5deg) scale(1.02,.98)}35%{transform:rotate(-5deg) scale(.98,1.02)}55%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}
@keyframes rsp-tap-nudge{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(7px) rotate(3deg)}50%{transform:translateX(-5px) rotate(-2deg)}75%{transform:translateX(2px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-drum-stage.is-shaking{animation-duration:.01ms!important}}

.rsp-bar .rsp-game-row{border:0;box-shadow:none}

.rsp-bar .rsp-campaign-dates{margin:2px 0 8px;text-align:center;color:#ffdf55;font:800 11px/1.35 system-ui,sans-serif;letter-spacing:.04em}.rsp-bar .rsp-intro{text-align:center}

.rsp-bar .rsp-hud-progress .rsp-gauge-readout:before,.rsp-bar .rsp-hud-progress .rsp-gauge-readout:after{content:none;display:none}
.rsp-bar .rsp-hud-progress .rsp-gauge-readout{overflow:visible}
.rsp-bar .rsp-hud-progress .rsp-gauge-readout>div{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.rsp-bar .rsp-hud-progress .rsp-hud-label{text-align:left}

.rsp-bar .rsp-game-row{background:transparent;margin:0;padding:0}

.rsp-bar .rsp-help svg,.rsp-bar .rsp-toggle svg{display:block;width:16px;height:16px;flex:none;margin:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

.rsp-bar .rsp-drum-readout{transition:opacity .2s ease}.rsp-bar .rsp-drum-stage:hover .rsp-drum-readout,.rsp-bar .rsp-drum-stage:focus-visible .rsp-drum-readout{opacity:.3}@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-drum-readout{transition:none}}

.rsp-bar .rsp-spill-drop{position:absolute;z-index:9;top:21%;width:10px;height:14px;pointer-events:none;animation:rsp-spill-horizontal 2.6s linear both,rsp-spill-fade 2.6s linear both}
.rsp-bar .rsp-spill-liquid{display:block;width:100%;height:100%;border-radius:55% 45% 55% 45%;background:radial-gradient(circle at 30% 25%,#8b8b85 0,#222 18%,#030303 45%);box-shadow:0 0 1px #ddd;animation:rsp-spill-vertical 2.6s both}
@keyframes rsp-spill-horizontal{0%{transform:translateX(0)}100%{transform:translateX(var(--rsp-spill-extended-x))}}
@keyframes rsp-spill-fade{0%,70%{opacity:1}100%{opacity:0}}
@keyframes rsp-spill-vertical{0%{transform:translateY(0) scale(.75);animation-timing-function:cubic-bezier(.22,.61,.36,1)}16%{transform:translateY(var(--rsp-spill-rise)) scale(1);animation-timing-function:cubic-bezier(.55,0,1,.45)}44%{transform:translateY(var(--rsp-spill-fall)) scale(.8);animation-timing-function:ease-in}100%{transform:translateY(calc(var(--rsp-spill-fall) + 220px)) scale(.8)}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-spill-drop{display:none}}

/* Space above the drum for the sale dispensing arm. */
.rsp-bar .rsp-game-row{padding-top:60px}
.rsp-bar .rsp-dispensing-arm{position:absolute;z-index:7;top:-19%;width:75%;aspect-ratio:3/1;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 3px 4px #000b)}
.rsp-bar .rsp-dispensing-arm.from-left{left:-21.5%;top:-17.7%;background-image:url('dispensing-arm-left-v1.webp');animation:rsp-arm-left 2.7s ease-in-out both}
.rsp-bar .rsp-dispensing-arm.from-right{right:-53%;top:-27.1%;width:110%;background-image:url('dispensing-arm-right-v1.webp');animation:rsp-arm-right 2.7s ease-in-out both}
.rsp-bar .rsp-drum-stage .rsp-pour-stream.rsp-arm-pour{top:0}
@keyframes rsp-arm-left{0%{transform:translateX(-140%);opacity:0}14%,77%{transform:translateX(0);opacity:1}100%{transform:translateX(-140%);opacity:0}}
@keyframes rsp-arm-right{0%{transform:translateX(140%);opacity:0}14%,77%{transform:translateX(0);opacity:1}100%{transform:translateX(140%);opacity:0}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-dispensing-arm{animation-duration:.01ms}}

.rsp-bar .rsp-drum-clear .rsp-drum-window{top:11%}.rsp-bar .rsp-drum-clear .rsp-spill-drop{top:11%}

.rsp-bar .rsp-sale-toast{z-index:12}

/* The platform remains independent of the drum's tap animation. */
.rsp-bar .rsp-drum-platform:before{content:none}
.rsp-bar .rsp-platform-ring{position:absolute;z-index:0;left:-5%;top:92%;width:110%;aspect-ratio:1;pointer-events:none;transform:translateY(-50%) scaleY(.23);animation:rsp-ring-breathe 14s ease-in-out infinite;filter:drop-shadow(0 0 5px #ffbd18) drop-shadow(0 0 12px #ff9600a8)}
.rsp-bar .rsp-platform-ring:before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 3deg,#fff3a0 0deg 8deg,#ffbd19 9deg 18deg,#ae6200 19deg 21deg,#ffdd45 22deg 32deg,#633600 33deg 35deg);-webkit-mask:radial-gradient(circle,transparent 0 53%,#000 53.5% 55%,transparent 55.5% 60%,#000 60.5% 66%,transparent 66.5% 71%,#000 71.5% 73%,transparent 73.5%);mask:radial-gradient(circle,transparent 0 53%,#000 53.5% 55%,transparent 55.5% 60%,#000 60.5% 66%,transparent 66.5% 71%,#000 71.5% 73%,transparent 73.5%);animation:rsp-ring-spin 120s linear infinite}
@keyframes rsp-ring-spin{to{transform:rotate(360deg)}}
@keyframes rsp-ring-breathe{0%,100%{transform:translateY(-50%) scale(1,.23);opacity:.8}50%{transform:translateY(-50%) scale(1.055,.245);opacity:1}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-platform-ring,.rsp-bar .rsp-platform-ring:before{animation:none}}

.rsp-bar .rsp-cta-cart{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}

.rsp-bar .rsp-hud-progress:after{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;width:32%;background:linear-gradient(105deg,transparent 15%,#fff3ae42 48%,transparent 78%);transform:translateX(-150%);pointer-events:none;animation:rsp-meter-shimmer 5s ease-in-out infinite}
.rsp-bar .rsp-gauge.is-counting .rsp-hud-progress{animation:rsp-meter-boost 1.4s ease-out}
@keyframes rsp-meter-shimmer{0%,20%{transform:translateX(-150%);opacity:0}30%{opacity:.8}65%{transform:translateX(420%);opacity:.65}75%,100%{transform:translateX(420%);opacity:0}}
@keyframes rsp-meter-boost{0%,100%{box-shadow:inset 0 1px 3px #fff3,0 2px 8px #0008}35%{box-shadow:inset 0 0 9px #ffe97988,0 0 16px #ffcf08a8}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-hud-progress:after,.rsp-bar .rsp-gauge.is-counting .rsp-hud-progress{animation:none}}

.rsp-bar .rsp-fine{text-align:center}

.rsp-bar .rsp-milestone-icon,.rsp-bar .rsp-milestone-rail li.is-reached .rsp-milestone-icon{position:relative;width:53px;height:53px;padding:6px;border:0;border-radius:0;background:transparent var(--rsp-marker-art,url('milestone-medallion-v1.webp')) center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px #0009);color:#eee9d8}
.rsp-bar .rsp-milestone-icon .rsp-gift{width:19px;height:19px}.rsp-bar .rsp-milestone-icon .rsp-milestone-number{font-size:12px}
.rsp-bar .rsp-milestone-rail li.is-reached .rsp-milestone-icon{color:#ffdb24;filter:drop-shadow(0 0 6px #ffbb0088)}
.rsp-bar .rsp-milestone-icon .rsp-marker-state{position:absolute;z-index:3;left:-1px;bottom:0;display:grid;place-items:center;width:19px;height:19px;box-sizing:border-box;border:1px solid #bcbfbf;border-radius:50%;background:#101314;box-shadow:0 1px 4px #000b;color:#e6ecea}
.rsp-bar .rsp-marker-state svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rsp-bar .rsp-marker-state .rsp-marker-check,.rsp-bar .is-reached .rsp-marker-state .rsp-marker-lock{display:none}.rsp-bar .is-reached .rsp-marker-state .rsp-marker-check{display:block}.rsp-bar .is-reached .rsp-marker-state{color:#62ff67;border-color:#b6ff9b;box-shadow:0 0 6px #40df45a0}

.rsp-bar .rsp-sale-toast{top:var(--rsp-toast-top,7%)}

/* Scale the campaign to the available browser height, retaining scrolling for long content. */
.rsp-bar{--rsp-responsive-drum:clamp(140px,27.5vh,260px);--rsp-responsive-marker:clamp(46px,6.7vh,62px);max-height:calc(100vh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.rsp-bar .rsp-drum-platform{width:min(var(--rsp-responsive-drum),100%)}
.rsp-bar .rsp-game-row{grid-template-columns:minmax(0,1fr) 65px;padding-top:clamp(38px,6vh,60px)}
.rsp-bar .rsp-milestone-rail{min-height:0;gap:clamp(3px,.7vh,7px)}
.rsp-bar .rsp-milestone-icon,.rsp-bar .rsp-milestone-rail li.is-reached .rsp-milestone-icon{width:var(--rsp-responsive-marker);height:var(--rsp-responsive-marker)}
.rsp-bar .rsp-milestone-icon .rsp-gift{width:clamp(15px,2.8vh,22px);height:clamp(15px,2.8vh,22px)}
.rsp-bar .rsp-milestone-icon .rsp-milestone-number{font-size:clamp(10px,1.8vh,14px)}
.rsp-bar .rsp-name-art img{max-height:clamp(65px,14vh,150px)}
@supports (height:100dvh){
 .rsp-bar{--rsp-responsive-drum:clamp(140px,27.5dvh,260px);--rsp-responsive-marker:clamp(46px,6.7dvh,62px);max-height:calc(100dvh - 24px)}
 .rsp-bar .rsp-game-row{padding-top:clamp(38px,6dvh,60px)}
 .rsp-bar .rsp-milestone-rail{gap:clamp(3px,.7dvh,7px)}
 .rsp-bar .rsp-milestone-icon .rsp-gift{width:clamp(15px,2.8dvh,22px);height:clamp(15px,2.8dvh,22px)}
 .rsp-bar .rsp-milestone-icon .rsp-milestone-number{font-size:clamp(10px,1.8dvh,14px)}
 .rsp-bar .rsp-name-art img{max-height:clamp(65px,14dvh,150px)}
}
@media(max-width:700px){.rsp-bar:not(.is-collapsed){width:min(398px,calc(100vw - 16px));bottom:max(8px,env(safe-area-inset-bottom,0px));max-height:calc(100vh - 24px - env(safe-area-inset-bottom,0px))}}
@supports (height:100dvh){@media(max-width:700px){.rsp-bar:not(.is-collapsed){max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px))}}}
@media(max-height:650px){.rsp-bar .rsp-content{padding:10px 12px}.rsp-bar .rsp-name-art{margin-bottom:4px}.rsp-bar .rsp-campaign-dates{margin-bottom:4px}.rsp-bar .rsp-intro{margin:4px 0}.rsp-bar .rsp-game-row{padding-top:clamp(32px,6vh,44px)}}

.rsp-bar .rsp-milestone-tooltip small span{display:inline;font:inherit;color:inherit}.rsp-bar .rsp-milestone-tooltip small bdi{white-space:nowrap}

.rsp-bar .rsp-game-row{padding-bottom:clamp(8px,1.25vh,12px)}

.rsp-bar .rsp-bottom-edge{position:sticky;z-index:21;bottom:0;display:block;width:100%;height:4px;background:linear-gradient(90deg,#ffcf08,#fff19a,#ffcf08);box-shadow:0 0 12px #ffcf0870;pointer-events:none}

.rsp-bar .rsp-content{padding-bottom:14px}.rsp-bar .rsp-cta{width:calc(100% - 16px);max-width:320px;margin:14px auto 0}

.rsp-bar .rsp-collapsed-title{display:none}
.rsp-bar.is-collapsed{width:56px}
.rsp-bar.is-collapsed .rsp-toggle{margin:7px auto}
.rsp-bar.is-collapsed .rsp-collapsed-title{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:min(140px,36vh);overflow:hidden;pointer-events:none}
.rsp-bar.is-collapsed .rsp-collapsed-title img,.rsp-bar.is-collapsed .rsp-collapsed-title span{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:min(140px,36vh);max-height:48px;transform:translate(-50%,-50%) rotate(-90deg);object-fit:contain}
.rsp-bar.is-collapsed .rsp-collapsed-title span{width:max-content;color:#ffdf55;font:900 12px/1.1 system-ui,sans-serif;text-transform:uppercase;white-space:nowrap}

.rsp-bar.rsp-is-closing,.rsp-bar.rsp-is-opening{overflow:hidden;will-change:width,height}
.rsp-bar.rsp-is-closing .rsp-content{width:var(--rsp-transition-content-width);box-sizing:border-box;pointer-events:none}
.rsp-bar.is-collapsed.rsp-is-opening .rsp-content{display:block;position:absolute;left:0;top:0;width:var(--rsp-transition-content-width);box-sizing:border-box;pointer-events:none}
.rsp-bar.is-collapsed.rsp-is-opening .rsp-toggle{position:absolute;top:12px;right:12px;margin:0}
.rsp-bar.rsp-is-closing .rsp-collapsed-title{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:56px;height:min(140px,36vh);overflow:hidden;pointer-events:none}
.rsp-bar.rsp-is-closing .rsp-collapsed-title img,.rsp-bar.rsp-is-closing .rsp-collapsed-title span{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:min(140px,36vh);max-height:48px;transform:translate(-50%,-50%) rotate(-90deg);object-fit:contain}
.rsp-bar.rsp-is-closing .rsp-collapsed-title span{width:max-content;color:#ffdf55;font:900 12px/1.1 system-ui,sans-serif;text-transform:uppercase;white-space:nowrap}

/* Keep the larger badge inside the responsive drum window. */
.rsp-bar .rsp-drum-readout{width:min(51%,100px)}
.rsp-bar .rsp-drum-badge{box-sizing:border-box;width:100%;min-width:0;padding:6px 4px 5px}
.rsp-bar .rsp-drum-badge strong{font-size:clamp(17px,3.6vh,32px)}
@supports (height:100dvh){.rsp-bar .rsp-drum-badge strong{font-size:clamp(17px,3.6dvh,32px)}}

/* Two interlocking chains follow the badge to the bottom of the drum. */
.rsp-bar .rsp-anchor-chains{position:absolute;z-index:7;left:var(--rsp-chain-x,50%);top:var(--rsp-chain-top,89%);bottom:var(--rsp-chain-bottom,5.5%);width:34px;transform:translateX(-50%);pointer-events:none}
.rsp-bar .rsp-anchor-chains:before,.rsp-bar .rsp-anchor-chains:after{content:"";position:absolute;top:0;bottom:0;width:10px;background:radial-gradient(ellipse 4px 6px at 50% 50%,transparent 42%,#8b6919 48%,#fff0aa 62%,#b78a25 77%,transparent 85%) center 0/10px 13px repeat-y,radial-gradient(ellipse 3px 5px at 50% 50%,transparent 40%,#513c11 47%,#e7c969 63%,#8b6919 78%,transparent 85%) center 6px/10px 13px repeat-y;filter:drop-shadow(0 1px 2px #000)}
.rsp-bar .rsp-anchor-chains:before{left:0}.rsp-bar .rsp-anchor-chains:after{right:0}

.rsp-bar .rsp-hud-progress .rsp-hud-label{flex:0 1 auto;padding:4px 7px;border-radius:5px;background:#10110fe8;color:#fff8d5;text-align:left}
.rsp-bar .rsp-hud-progress .rsp-gauge-readout{padding:4px 7px;border-radius:5px;background:#10110fe8}
.rsp-bar .rsp-hud-progress .rsp-target-reached{display:block;flex:0 0 auto;padding:5px 8px;border-radius:5px;background:#10110fee;color:#ffe65b;font:900 10px/1.1 system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap}
.rsp-bar .rsp-hud-progress .rsp-gauge-readout[hidden],.rsp-bar .rsp-hud-progress .rsp-target-reached[hidden]{display:none!important}

.rsp-bar .rsp-level-up{position:absolute;z-index:16;top:clamp(66px,36%,130px);left:50%;display:flex;flex-direction:column;align-items:center;gap:3px;width:min(220px,100%);box-sizing:border-box;padding:8px 12px;border:1px solid #ffe377;border-radius:8px;background:linear-gradient(150deg,#302a12f5,#090a09f5);box-shadow:inset 0 1px #fff6,0 0 20px #ffbf0088,0 5px 18px #000c;color:white;text-align:center;pointer-events:none;animation:rsp-level-banner 2.2s cubic-bezier(.18,.8,.2,1) both}
.rsp-bar .rsp-level-up-label{color:#ffe02f;font:1000 italic 19px/1 system-ui,sans-serif;letter-spacing:.08em;text-shadow:0 2px #000,0 0 12px #ffcf08}
.rsp-bar .rsp-level-up strong{max-width:100%;color:#fff8d8;font:800 10px/1.25 system-ui,sans-serif;overflow-wrap:anywhere}
.rsp-bar .rsp-level-up i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff2a0;box-shadow:0 0 7px #ffcb00;animation:rsp-level-spark 1.2s ease-out both}
.rsp-bar .rsp-milestone-rail li.just-unlocked .rsp-milestone-icon{animation:rsp-milestone-celebrate 1.15s ease-out}
@keyframes rsp-level-banner{0%{opacity:0;transform:translate(-50%,12px) scale(.7)}14%{opacity:1;transform:translate(-50%,-3px) scale(1.06)}25%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-14px) scale(.96)}}
@keyframes rsp-level-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--rsp-burst-x)),calc(-50% + var(--rsp-burst-y))) scale(1.2)}}
@keyframes rsp-milestone-celebrate{0%,100%{transform:scale(1)}25%{transform:scale(1.2);filter:drop-shadow(0 0 12px #ffec68)}55%{transform:scale(.96)}75%{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-level-up,.rsp-bar .rsp-level-up i,.rsp-bar .rsp-milestone-rail li.just-unlocked .rsp-milestone-icon{animation:none}.rsp-bar .rsp-level-up i{display:none}.rsp-bar .rsp-level-up{transform:translateX(-50%)}}

/* Milestone celebration surrounds the drum without moving it. */
.rsp-bar .rsp-level-fx{position:absolute;z-index:3;inset:-8% -12%;overflow:visible;pointer-events:none}
.rsp-bar .rsp-level-fx-ring{position:absolute;left:50%;top:50%;width:78%;height:78%;border:2px solid #ffe374;border-radius:50%;box-shadow:0 0 9px #ffce16,0 0 22px #ffb900,inset 0 0 12px #ffce1688;opacity:0;animation:rsp-level-fx-ring 1.55s cubic-bezier(.12,.7,.2,1) both}
.rsp-bar .rsp-level-fx-ring-1{animation-delay:.26s;border-width:1px;border-color:#fff7c7}
.rsp-bar .rsp-level-fx-beam{position:absolute;left:var(--fx-x);bottom:7%;width:5px;height:77%;border-radius:100%;background:linear-gradient(0deg,transparent,#ffb400cc 24%,#fff7ae 55%,transparent);box-shadow:0 0 12px #ffd02c;opacity:0;transform-origin:bottom;animation:rsp-level-fx-beam 1.45s var(--fx-delay) ease-out both}
.rsp-bar .rsp-level-fx-spark{position:absolute;left:var(--fx-x);top:var(--fx-y);width:11px;height:11px;background:#fff7bf;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 5px #ffcf08);opacity:0;animation:rsp-level-fx-spark 1.45s var(--fx-delay) ease-out both}
@keyframes rsp-level-fx-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}16%{opacity:.95}70%{opacity:.55}100%{opacity:0;transform:translate(-50%,-50%) scale(1.34)}}
@keyframes rsp-level-fx-beam{0%{opacity:0;transform:scaleY(.25)}18%{opacity:.85;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1.1)}}
@keyframes rsp-level-fx-spark{0%{opacity:0;transform:translateY(8px) scale(.2) rotate(0)}20%{opacity:1;transform:translateY(0) scale(1.25) rotate(45deg)}100%{opacity:0;transform:translateY(calc(-1 * var(--fx-rise))) scale(.5) rotate(115deg)}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-level-fx{display:none}}

.rsp-bar .rsp-drum-readout.is-resuming{transition:top .7s ease-out,left .7s ease-out,opacity .2s ease}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-drum-readout.is-resuming{transition:none}}

/* The entire minimized title tab is the expand control. */
.rsp-bar.is-collapsed:not(.rsp-is-opening) .rsp-toggle{position:absolute;inset:0;z-index:20;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;cursor:pointer}
.rsp-bar.is-collapsed:not(.rsp-is-opening) .rsp-toggle svg{display:none}
.rsp-bar.is-collapsed:not(.rsp-is-opening) .rsp-toggle:focus-visible{outline:2px solid #fff2a2;outline-offset:-4px}

/* Keep the expanded content layout intact while the minimized panel grows. */
.rsp-bar.is-collapsed.rsp-is-opening .rsp-event-kicker{display:flex}
.rsp-bar.is-collapsed.rsp-is-opening .rsp-name,.rsp-bar.is-collapsed.rsp-is-opening .rsp-intro,.rsp-bar.is-collapsed.rsp-is-opening .rsp-date,.rsp-bar.is-collapsed.rsp-is-opening .rsp-gauge,.rsp-bar.is-collapsed.rsp-is-opening .rsp-fine{display:block}
.rsp-bar.is-collapsed.rsp-is-opening .rsp-stats{display:flex}
.rsp-bar.is-collapsed.rsp-is-opening .rsp-milestone-list{display:grid}
.rsp-bar.rsp-is-opening .rsp-bottom-edge{position:absolute;bottom:0;left:0;right:0}

.rsp-bar .rsp-milestone-rail li.is-tooltip-open{z-index:20}

.rsp-bar.rsp-percent-decimals .rsp-drum-badge .rsp-percent{font-size:clamp(17px,5.5vw,24px);letter-spacing:-.04em;white-space:nowrap}.rsp-bar.rsp-percent-decimals .rsp-hud-progress .rsp-progress-value{font-size:14px;white-space:nowrap}

/* Full-page campaign, reusing the same live drum and milestone controls. */
.rsp-bar.rsp-full-page{position:relative;left:50%;top:auto;bottom:auto;transform:translateX(-50%);box-sizing:border-box;width:100vw;max-width:none;min-height:100vh;max-height:none;overflow:visible;border:0;border-radius:0;background-size:cover;--rsp-responsive-marker:clamp(46px,5vw,66px)}
.rsp-bar.rsp-full-page .rsp-content{box-sizing:border-box;width:min(100%,1050px);margin:0 auto;padding:32px clamp(18px,4vw,48px) 42px}
.rsp-bar.rsp-full-page .rsp-toggle,.rsp-bar.rsp-full-page .rsp-collapsed-title{display:none!important}
.rsp-bar.rsp-full-page .rsp-help{position:absolute;top:18px;right:clamp(18px,4vw,48px)}
.rsp-bar.rsp-full-page .rsp-event-kicker{margin:0 auto 10px;max-width:max-content}
.rsp-bar.rsp-full-page .rsp-name-art{max-width:460px;margin:0 auto 10px}
.rsp-bar.rsp-full-page .rsp-name-art img{width:100%;max-height:180px;object-fit:contain}
.rsp-bar.rsp-full-page .rsp-campaign-dates,.rsp-bar.rsp-full-page .rsp-intro,.rsp-bar.rsp-full-page .rsp-fine{text-align:center}
.rsp-bar.rsp-full-page .rsp-intro{max-width:640px;margin:10px auto}
.rsp-bar.rsp-full-page .rsp-gauge{width:min(100%,680px);margin:0 auto}
.rsp-bar.rsp-full-page .rsp-game-row{grid-template-columns:minmax(0,1fr) minmax(52px,76px);gap:clamp(10px,3vw,36px);padding:58px 12px 10px}
.rsp-bar.rsp-full-page .rsp-drum-stage{width:min(100%,380px)}
.rsp-bar.rsp-full-page .rsp-milestone-rail{gap:clamp(5px,1.5vh,14px)}
.rsp-bar.rsp-full-page .rsp-hud-progress{max-width:none;width:100%;box-sizing:border-box}
.rsp-bar.rsp-full-page .rsp-cta{max-width:360px}
.rsp-bar.rsp-full-page .rsp-bottom-edge{position:absolute;bottom:0}
@media(max-width:700px){.rsp-bar.rsp-full-page{left:50%;top:auto;bottom:auto;width:100vw;max-height:none;min-height:100vh;border:0;border-radius:0;transform:translateX(-50%)}.rsp-bar.rsp-full-page .rsp-content{padding:24px 16px 36px}.rsp-bar.rsp-full-page .rsp-game-row{padding-top:48px;grid-template-columns:minmax(0,1fr) 52px;gap:8px}.rsp-bar.rsp-full-page .rsp-drum-stage{width:min(100%,290px)}.rsp-bar.rsp-full-page .rsp-name-art{max-width:340px}.rsp-bar.rsp-full-page .rsp-intro{font-size:14px}}
.rsp-bar.rsp-full-page .rsp-drum-platform{width:min(100%,380px)}
@media(max-width:700px){.rsp-bar.rsp-full-page .rsp-drum-platform{width:min(100%,290px)}}
.rsp-bar.rsp-full-page .rsp-event-kicker{font-size:11px}.rsp-bar.rsp-full-page .rsp-campaign-dates{font-size:15px;line-height:1.4}.rsp-bar.rsp-full-page .rsp-intro{font-size:15px;line-height:1.5}.rsp-bar.rsp-full-page .rsp-fine{font-size:12px;line-height:1.5}.rsp-bar.rsp-full-page .rsp-touch-hint{font-size:10px}
.rsp-bar.rsp-full-page::after,.rsp-bar.rsp-full-page .rsp-bottom-edge{display:none}
/* Remove the builder section's vertical gutters around the full-page shortcode. */
.bde-section > .section-container:has(> .bde-shortcode > .rsp-full-page){padding-top:0!important;padding-bottom:0!important}
.bde-shortcode:has(> .rsp-full-page){margin-top:0!important;margin-bottom:0!important}
.rsp-bar.rsp-full-page .rsp-touch-hint{margin:20px 0 10px}
/* Full-page proportions, independent of the compact floating panel. */
@media(min-width:900px){
 .rsp-bar.rsp-full-page{--rsp-responsive-marker:clamp(64px,5vw,78px)}
 .rsp-bar.rsp-full-page .rsp-content{width:min(100%,1200px);padding:clamp(28px,3vw,48px) clamp(24px,4vw,56px) 48px}
 .rsp-bar.rsp-full-page .rsp-name-art{max-width:clamp(460px,40vw,550px)}
 .rsp-bar.rsp-full-page .rsp-name-art img{max-height:210px}
 .rsp-bar.rsp-full-page .rsp-campaign-dates{font-size:clamp(16px,1.2vw,19px)}
 .rsp-bar.rsp-full-page .rsp-intro{font-size:clamp(16px,1.15vw,18px);max-width:760px}
 .rsp-bar.rsp-full-page .rsp-event-kicker{font-size:12px}
 .rsp-bar.rsp-full-page .rsp-gauge{width:min(100%,860px)}
 .rsp-bar.rsp-full-page .rsp-game-row{grid-template-columns:minmax(0,1fr) minmax(80px,100px);gap:clamp(24px,4vw,56px);padding:68px 20px 18px}
 .rsp-bar.rsp-full-page .rsp-drum-platform{width:min(100%,clamp(400px,36vw,480px))}
 .rsp-bar.rsp-full-page .rsp-drum-platform .rsp-drum-stage{width:100%}
 .rsp-bar.rsp-full-page .rsp-drum-readout{width:min(48%,140px)}
 .rsp-bar.rsp-full-page .rsp-drum-badge{box-sizing:border-box;min-width:100px;padding:9px 12px 7px}
 .rsp-bar.rsp-full-page .rsp-drum-badge strong,.rsp-bar.rsp-full-page.rsp-percent-decimals .rsp-drum-badge .rsp-percent{font-size:clamp(25px,2.4vw,34px)}
 .rsp-bar.rsp-full-page .rsp-drum-badge small{font-size:11px}
 .rsp-bar.rsp-full-page .rsp-milestone-icon .rsp-gift{width:28px;height:28px}
 .rsp-bar.rsp-full-page .rsp-milestone-icon .rsp-milestone-number{font-size:16px}
 .rsp-bar.rsp-full-page .rsp-milestone-tooltip{width:min(240px,30vw);box-sizing:border-box;padding:13px 15px}
 .rsp-bar.rsp-full-page .rsp-milestone-tooltip b{font-size:14px}
 .rsp-bar.rsp-full-page .rsp-milestone-tooltip span{font-size:13px;line-height:1.4}
 .rsp-bar.rsp-full-page .rsp-milestone-tooltip small{font-size:12px}
 .rsp-bar.rsp-full-page .rsp-touch-hint{font-size:12px;margin:24px 0 14px}
 .rsp-bar.rsp-full-page .rsp-hud-progress{min-height:48px}
 .rsp-bar.rsp-full-page .rsp-hud-label{font-size:11px}
 .rsp-bar.rsp-full-page .rsp-hud-progress .rsp-progress-value,.rsp-bar.rsp-full-page.rsp-percent-decimals .rsp-hud-progress .rsp-progress-value{font-size:19px}
 .rsp-bar.rsp-full-page .rsp-hud-progress .rsp-target{font-size:11px!important}
 .rsp-bar.rsp-full-page .rsp-fine{font-size:14px}
 .rsp-bar.rsp-full-page .rsp-cta{max-width:420px;min-height:52px;font-size:14px}
}
/* Full-page help control and panel share the same right edge. */
.rsp-bar.rsp-full-page{--rsp-help-right:max(20px,calc((100% - 1120px)/2))}
.rsp-bar.rsp-full-page .rsp-help{top:22px;right:var(--rsp-help-right);width:42px;height:42px}
.rsp-bar.rsp-full-page .rsp-help svg{width:21px;height:21px}
.rsp-bar.rsp-full-page .rsp-help-panel{position:relative;top:auto;right:auto;margin:76px var(--rsp-help-right) 0 auto;width:min(360px,calc(100% - 40px));max-width:calc(100% - 40px);padding:18px;box-sizing:border-box}
.rsp-bar.rsp-full-page .rsp-help-panel strong{font-size:16px;line-height:1.3}
.rsp-bar.rsp-full-page .rsp-help-panel p{font-size:14px;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}
@media(max-width:700px){.rsp-bar.rsp-full-page .rsp-help{top:16px;width:38px;height:38px}.rsp-bar.rsp-full-page .rsp-help-panel{margin-top:64px;padding:15px}.rsp-bar.rsp-full-page .rsp-help-panel strong{font-size:15px}.rsp-bar.rsp-full-page .rsp-help-panel p{font-size:13px}}
.rsp-bar.rsp-full-page{display:flow-root}
.rsp-bar .rsp-gauge.rsp-syncing .rsp-hud-progress::before{transition:none!important}
.rsp-promo-js .rsp-bar.rsp-preparing{visibility:hidden}
/* Independently drifting wisps form a low layer of ground fog. */
.rsp-bar .rsp-ground-fog{position:absolute;z-index:1;left:0;right:0;top:75%;height:25%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%);mask-image:linear-gradient(to bottom,transparent,#000 5%)}
.rsp-bar .rsp-content{z-index:2}
.rsp-bar.is-collapsed:not(.rsp-is-opening) .rsp-ground-fog{display:none}
.rsp-bar .rsp-ground-fog i{position:absolute;left:-40%;width:180%;height:110%;background:url("ambient-smoke-v1.webp") center 70%/100% 160% no-repeat;opacity:.18;will-change:transform,opacity}
.rsp-bar .rsp-ground-fog i:nth-child(1){bottom:8%;animation:rsp-fog-one 72s ease-in-out -12s infinite}
.rsp-bar .rsp-ground-fog i:nth-child(2){bottom:0%;opacity:.13;animation:rsp-fog-two 91s ease-in-out -38s infinite}
.rsp-bar .rsp-ground-fog i:nth-child(3){bottom:-30%;opacity:.09;animation:rsp-fog-three 110s ease-in-out -69s infinite}
@keyframes rsp-fog-one{0%,100%{transform:translateX(-5%) scale(1);opacity:.025}38%{opacity:.2}65%{transform:translateX(5%) scale(1.04);opacity:.13}}
@keyframes rsp-fog-two{0%,100%{transform:translateX(5%) scaleX(-1) scaleY(.72);opacity:.025}32%{opacity:.14}67%{transform:translateX(-5%) scaleX(-1.04) scaleY(.8);opacity:.08}}
@keyframes rsp-fog-three{0%,100%{transform:translateX(-4%) scale(1.05,.55);opacity:.015}45%{opacity:.12}72%{transform:translateX(4%) scale(.98,.64);opacity:.07}}
@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-ground-fog i{animation:none}}

.rsp-admin-test{position:fixed;right:18px;top:48px;z-index:99999;padding:12px 16px;max-width:calc(100vw - 36px);background:#222;color:#fff;border:1px solid #b89a2e;border-radius:6px;font:13px system-ui;box-sizing:border-box}.rsp-admin-test strong,.rsp-admin-test small{display:block}.rsp-admin-test small{margin-top:7px;color:#ccc;font-size:11px}.rsp-admin-test-levels{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.rsp-admin-test button,.rsp-admin-test a{display:inline-block;border:1px solid #b89a2e;border-radius:4px;padding:6px 8px;background:#38382f;color:#fff;font:inherit;text-decoration:none;cursor:pointer}.rsp-admin-test button:hover,.rsp-admin-test a:hover{background:#6a5814;color:#fff}

/* Artwork with longer articulated arms for wide campaign pages. */
@media (min-width:1000px){
 .rsp-bar.rsp-full-page .rsp-dispensing-arm.from-left{width:150%;aspect-ratio:3/1;left:-94%;top:auto;bottom:94%;background-image:url("dispensing-arm-left-long-v2.webp");background-size:contain}
 .rsp-bar.rsp-full-page .rsp-dispensing-arm.from-right{width:175%;aspect-ratio:3/1;right:-118%;top:auto;bottom:94%;background-image:url("dispensing-arm-right-long-v2.webp");background-size:contain}
}

/* Compact split-flap countdown for both campaign views. */
.rsp-bar .rsp-countdown[hidden]{display:none!important}.rsp-bar .rsp-countdown{margin:5px auto 8px;text-align:center;max-width:340px}.rsp-bar .rsp-countdown-title{display:block;color:#ffcf08;font:700 11px/1.3 system-ui,sans-serif;margin-bottom:4px}.rsp-bar .rsp-countdown-grid{display:flex;justify-content:center;gap:clamp(5px,1.2vw,10px)}.rsp-bar .rsp-countdown-unit{min-width:0;text-align:center}.rsp-bar .rsp-countdown-digits{display:flex;justify-content:center;gap:2px}.rsp-bar .rsp-countdown-tile{display:grid;place-items:center;position:relative;width:clamp(19px,2vw,26px);height:clamp(27px,2.7vw,36px);border-radius:3px;background:linear-gradient(#414349 0 49%,#1b1d20 50% 52%,#303238 53% 100%);box-shadow:0 2px 3px #0009;color:#eee;font:900 clamp(20px,2vw,28px)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.rsp-bar .rsp-countdown-tile.is-flipping{animation:rsp-countdown-flip .25s ease-out}@keyframes rsp-countdown-flip{0%{transform:rotateX(-38deg);filter:brightness(.65)}100%{transform:rotateX(0);filter:brightness(1)}}.rsp-bar .rsp-countdown-label{display:block;margin-top:3px;color:#f5f3e9;font:800 8px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.rsp-bar.rsp-full-page .rsp-countdown{max-width:540px;margin:8px auto 12px}.rsp-bar.rsp-full-page .rsp-countdown-title{font-size:clamp(13px,1.3vw,17px)}.rsp-bar.rsp-full-page .rsp-countdown-grid{gap:clamp(8px,1.3vw,18px)}.rsp-bar.rsp-full-page .rsp-countdown-tile{width:clamp(25px,3.4vw,46px);height:clamp(35px,4.6vw,64px);font-size:clamp(27px,3.8vw,50px)}.rsp-bar.rsp-full-page .rsp-countdown-label{font-size:clamp(9px,1vw,12px)}@media(prefers-reduced-motion:reduce){.rsp-bar .rsp-countdown-tile.is-flipping{animation:none}}