@font-face{font-family:Onest;src:url('./assets/fonts/onest-cyr.woff2')}@font-face{font-family:Onest;src:url('./assets/fonts/onest-lat.woff2');unicode-range:U+0000-00FF}
.pba{--ink:#211c29;--muted:rgba(60,60,67,.56);font-family:Onest,system-ui,sans-serif;position:relative;overflow:hidden;margin:0 0 20px;border:1px solid rgba(60,60,67,.08);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 8px 24px -20px rgba(40,24,63,.55);text-align:left;isolation:isolate}.pba *{box-sizing:border-box}.pba button{font:inherit;color:inherit}.pba button:focus-visible,.pba [tabindex]:focus-visible{outline:2px solid #7f59ad;outline-offset:3px}.pba-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:15px 16px 10px}.pba-head>div{min-width:0}.pba-eyebrow{display:block;margin-bottom:3px;color:rgba(60,60,67,.43);font-size:8px;font-weight:750;letter-spacing:1.45px}.pba-head h2{margin:0;font-size:18px;line-height:1.15;letter-spacing:-.45px}.pba-swipe{flex:none;color:rgba(60,60,67,.48);font-size:9px;white-space:nowrap}.pba-carousel{overflow-x:auto;overflow-y:hidden;padding:0 16px 2px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}.pba-carousel::-webkit-scrollbar{display:none}.pba-track{display:flex;gap:9px;width:max-content}.pba-slide{position:relative;display:grid;grid-template-columns:46% 54%;flex:0 0 calc(min(380px,100vw) - 58px);width:calc(min(380px,100vw) - 58px);height:174px;overflow:hidden;padding:0;border:0;border-radius:18px;text-align:left;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;-webkit-tap-highlight-color:transparent}.pba-slide[data-tone=s]{background:linear-gradient(138deg,#f7f2fe 0%,#ece0fc 58%,#e2d3f6 100%)}.pba-slide[data-tone=m]{background:linear-gradient(138deg,#fffdf8 0%,#f8eedb 58%,#efdfbd 100%)}.pba-slide[data-tone=l]{background:linear-gradient(138deg,#fbfdff 0%,#e8f5fb 58%,#d8eaf3 100%)}.pba-slide:active{transform:scale(.992)}.pba-slide:disabled{cursor:default}.pba-slide-copy{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;padding:17px 0 14px 16px}.pba-tier{display:block;color:rgba(33,28,41,.54);font-size:8px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase}.pba-price{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:22px;font-weight:780;line-height:1}.pba-price b{font-size:22px}.pba-range{margin-top:7px;color:rgba(33,28,41,.58);font-size:9px;line-height:1.3;white-space:nowrap}.pba-tap{display:block;margin-top:auto;color:rgba(33,28,41,.7);font-size:10px;font-weight:680}.pba-tap i{font-style:normal}.pba-product{position:relative;display:grid;min-width:0;place-items:center}.pba-product:before{content:'';position:absolute;width:135px;height:135px;border-radius:50%;background:rgba(255,255,255,.34);filter:blur(1px)}.pba-sprite{position:relative;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.pba-sprite img{position:absolute;top:0;left:calc(var(--col)*-100%);width:300%!important;max-width:none!important;height:200%!important;object-fit:fill!important}.pba-sprite.open img{top:-100%}.pba-product .pba-sprite{width:155px;height:155px}.pba-dots{display:flex;align-items:center;justify-content:center;gap:5px;height:20px}.pba-dots i{width:5px;height:5px;border-radius:50%;background:rgba(60,60,67,.16);transition:width .2s,background .2s}.pba-dots i.is-on{width:15px;border-radius:9px;background:#8b5bc7}.pba-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 14px;padding:11px 11px 11px 13px;border:1px solid rgba(60,60,67,.1);border-radius:16px;background:#fff;box-shadow:0 8px 24px -19px rgba(33,28,41,.55)}.pba-confirm>div:first-child{min-width:0}.pba-confirm b{display:block;font-size:12px;line-height:1.25}.pba-confirm small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25}.pba-confirm-actions{display:flex;flex:none;align-items:center;gap:5px}.pba-confirm-actions button{min-height:35px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:720;cursor:pointer}.pba-confirm-cancel{border:0;background:transparent;color:rgba(33,28,41,.55)}.pba-confirm-primary{border:0;background:#211c29;color:#fff!important}.pba-progress{position:relative;display:flex;align-items:center;justify-content:center;height:56px;margin:0 16px 14px;border-radius:16px;background:#f5f3f7;overflow:hidden}.pba-progress span{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#8f63c7;transform-origin:left;animation:pbaProgress 1.25s cubic-bezier(.2,.7,.3,1) both}.pba-progress b{font-size:11px}.pba[data-phase=revealing] .pba-slide[data-select]{opacity:.72}.pba[data-phase=revealing] .pba-slide[data-select]:nth-child(1),.pba[data-phase=revealing][data-tier=m] .pba-slide:nth-child(2),.pba[data-phase=revealing][data-tier=l] .pba-slide:nth-child(3){opacity:1}.pba-error{margin:0 16px 14px;padding:11px 12px;border-radius:14px;background:#fff2ef;color:#8f4035;font-size:10px;line-height:1.45}.pba-error button{display:block;margin-top:7px;padding:0;border:0;background:none;color:#54261f;font-size:10px;font-weight:750;text-decoration:underline}.pba-empty{padding:20px}.pba-empty h2{margin:0 0 10px;font-size:17px}.pba-empty button{padding:9px 14px;border:0;border-radius:999px;background:#211c29;color:#fff;font-size:11px}.pba-coin{display:inline-grid;flex:none;width:21px;height:21px;border-radius:50%;place-items:center;background:linear-gradient(140deg,#a855f7,#7c3aed);box-shadow:inset 0 1px rgba(255,255,255,.45)}.pba-coin svg{display:block;width:100%;height:100%;fill:#fff}.pba-coin.is-small{width:20px;height:20px}.pba-result-view{padding-bottom:13px}.pba-result-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 8px;color:rgba(60,60,67,.46);font-size:8px;font-weight:750;letter-spacing:1.2px}.pba-balance{letter-spacing:0;font-size:9px}.pba-result-card{display:grid;grid-template-columns:54% 46%;width:calc(100% - 28px);height:220px;margin:0 14px;padding:0;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(138deg,#f7f3fb,#eee7f5);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.pba-open-product{position:relative;display:grid;place-items:center}.pba-open-product .pba-sprite{z-index:2;width:190px;height:190px}.pba-result-copy{position:relative;z-index:4;display:flex;align-content:center;align-items:flex-start;flex-wrap:wrap;padding:47px 11px 25px 0}.pba-result-copy small{width:100%;color:rgba(60,60,67,.48);font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.pba-result-copy strong{margin-top:7px;font-size:35px;line-height:1;letter-spacing:-1.3px}.pba-result-copy>.pba-coin{margin:11px 0 0 6px}.pba-result-copy em{display:block;width:100%;margin-top:7px;color:#8a611d;font-size:10px;font-style:normal;font-weight:700}.pba-result-copy>i{display:block;width:100%;margin-top:auto;color:rgba(33,28,41,.58);font-size:9px;font-style:normal;line-height:1.35}.pba-flight{position:absolute;inset:0;z-index:3;pointer-events:none}.pba-flight>i{--dx:0px;position:absolute;left:55%;top:43%;font-style:normal;animation:pbaCoinFlight 1.15s cubic-bezier(.2,.75,.25,1) calc(var(--i)*.09s) both}.pba-flight>i:nth-child(1){--dx:5px}.pba-flight>i:nth-child(2){--dx:34px}.pba-flight>i:nth-child(3){--dx:57px}.pba-flight>i:nth-child(4){--dx:78px}.pba-flight>i:nth-child(5){--dx:98px}.pba-coin.is-flight{width:18px;height:18px}.pba-result-view[data-coin=white] .pba-coin{background:linear-gradient(140deg,#fff,#e6e6ec);box-shadow:inset 0 0 0 1px rgba(60,60,67,.12)}.pba-result-view[data-coin=white] .pba-coin svg{fill:rgba(60,60,67,.42)}.pba-result-view[data-coin=gold] .pba-coin{background:linear-gradient(140deg,#fff0c9,#c9963f)}.pba-result-view[data-coin=gold] .pba-coin svg{fill:#765317}.pba-result-view[data-coin=diamond] .pba-coin{background:linear-gradient(140deg,#eaf7ff,#55bcec)}.pba-result-view[data-coin=diamond] .pba-coin svg{fill:#0b5e8e}.gallery-card>.pba-sprite{width:190px;height:190px;margin:0 auto}
@keyframes pbaProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pbaCoinFlight{0%{opacity:0;transform:translate(0,25px) scale(.65) rotate(0)}28%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-58px) scale(.9) rotate(240deg)}}
@media(max-width:359px){.pba-head{padding-left:13px;padding-right:13px}.pba-swipe{font-size:8px}.pba-carousel{padding-left:13px;padding-right:13px}.pba-slide{flex-basis:274px;width:274px;height:166px}.pba-slide-copy{padding-left:13px}.pba-product .pba-sprite{width:143px;height:143px}.pba-price,.pba-price b{font-size:19px}.pba-result-card{grid-template-columns:52% 48%;height:210px}.pba-open-product .pba-sprite{width:165px;height:165px}.pba-result-copy strong{font-size:30px}.pba-confirm{margin-left:13px;margin-right:13px}.pba-confirm-actions button{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.pba *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pba-flight{display:none}}
.pba[data-phase=revealing] .pba-slide[data-select]{opacity:.72!important}.pba[data-phase=revealing][data-tier=s] .pba-slide[data-select=s],.pba[data-phase=revealing][data-tier=m] .pba-slide[data-select=m],.pba[data-phase=revealing][data-tier=l] .pba-slide[data-select=l]{opacity:1!important}

/* Editorial coin editions: quiet paper tones and the packaging itself carries the detail. */
.pba{border-color:#ebe9ef;box-shadow:0 5px 17px -16px rgba(38,27,53,.55)}
.pba-slide[data-tone=s]{background:#f5f0fa}
.pba-slide[data-tone=m]{background:#faf7f0}
.pba-slide[data-tone=l]{background:#f2f6f9}
.pba-slide{border:1px solid rgba(53,43,67,.035)}
.pba-product:before{display:none}
.pba-product .pba-sprite{width:158px;height:158px}
.pba-tier{letter-spacing:.85px}
.pba-dots i.is-on{background:#9970c4}
.pba-confirm{box-shadow:none;background:#f8f7fa}
.pba-confirm-primary{background:#292631}
.pba-progress{background:#f8f7fa}
.pba-progress span{background:#9b7cbd}
.pba-result-card{background:#f7f5f9}
.pba-open-product .pba-sprite{width:188px;height:188px}
.pba-result-copy strong{font-size:31px;letter-spacing:-.8px}
.pba-result-copy>.pba-coin{margin-top:9px}
@media(max-width:359px){.pba-product .pba-sprite{width:145px;height:145px}.pba-open-product .pba-sprite{width:165px;height:165px}}
.pba-sprite.open[data-tier=s],.pba-sprite.open[data-tier=m]{clip-path:inset(0 10px 0 0)}

/* The sleeve moves aside while the tray becomes visible. No detached particles. */
.pba-product.is-opening .pba-sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pba-product.is-opening .pba-sprite.closed{animation:pbaSleeveSlide 1050ms cubic-bezier(.22,.7,.2,1) both}
.pba-product.is-opening .pba-sprite.open{animation:pbaTrayReveal 1050ms cubic-bezier(.22,.7,.2,1) both}
.pba-product.is-opening .pba-sprite.open[data-tier=m]{--sprite-right-clip:10px}
.pba-product.is-opening .pba-sprite.open[data-tier=s]{--sprite-right-clip:10px}
.pba-result-card{animation:pbaResultArrive 260ms ease-out both}
@keyframes pbaSleeveSlide{0%,18%{opacity:1;transform:translate(-50%,-50%)}40%,100%{opacity:0;transform:translate(calc(-50% - 11px),-50%)}}
@keyframes pbaTrayReveal{0%,18%{opacity:0;transform:translate(calc(-50% + 13px),-50%) scale(.985)}46%,100%{opacity:1}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes pbaResultArrive{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.pba[data-reduced=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.pba[data-reduced=true] .pba-product.is-opening .pba-sprite.closed{display:none}
.pba[data-reduced=true] .pba-product.is-opening .pba-sprite.open{clip-path:inset(0 var(--sprite-right-clip,0px) 0 0)}
@media(prefers-reduced-motion:reduce){.pba-product.is-opening .pba-sprite.closed{display:none}.pba-product.is-opening .pba-sprite.open{clip-path:inset(0 var(--sprite-right-clip,0px) 0 0)}}
.pba-slide[data-tone=l] .pba-product .pba-sprite{width:min(174px,100%);height:auto;aspect-ratio:1}
.pba-range{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pba-result-card{grid-template-columns:minmax(0,58%) minmax(0,42%)}
.pba-open-product .pba-sprite{width:min(188px,100%);height:auto;aspect-ratio:1}
.pba-result-view[data-tier=l] .pba-open-product .pba-sprite{width:min(198px,100%)}
@media(max-width:359px){.pba-slide[data-tone=l] .pba-product .pba-sprite{width:min(152px,100%)}.pba-result-view[data-tier=l] .pba-open-product .pba-sprite{width:min(172px,100%)}}
.pba-sprite.open[data-tier=l]{clip-path:inset(5px 0 0 0)}
@media(max-width:359px){.pba-result-copy{padding-right:5px}.pba-result-copy strong{font-size:26px;letter-spacing:-.6px;white-space:nowrap}.pba-result-copy>.pba-coin{width:17px;height:17px;margin:7px 0 0 4px}}

/* The packaging and small coin marks share the app's muted paper-and-lilac palette. */
.pba-slide[data-tone=s]{background:#f7f4fa}
.pba-slide[data-tone=m]{background:#f9f7f3}
.pba-slide[data-tone=l]{background:#f5f7f9}
.pba-coin{background:linear-gradient(140deg,#ad89d1,#704caf)}
.pba-result-view[data-coin=gold] .pba-coin{background:linear-gradient(140deg,#f3e5c3,#bf9b60)}
.pba-result-view[data-coin=diamond] .pba-coin{background:linear-gradient(140deg,#eef2f8,#91a5c0)}
.pba-result-view[data-coin=diamond] .pba-coin svg{fill:#405b7c}

/* One native white shelf: boxes are individual tap targets, without banner cards. */
.pba-list{border:0;border-radius:20px;background:#fff;box-shadow:0 3px 15px -14px rgba(38,27,53,.45)}
.pba-list .pba-head{padding:16px 18px 3px}
.pba-list .pba-head h2{font-size:17px}
.pba-items{padding:0 12px 12px}
.pba-item{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:108px;padding:0 9px;border:0;border-radius:0;background:transparent;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pba-item:active{background:#f7f5fa;border-radius:14px}
.pba-item:disabled{cursor:default}
.pba-item .pba-product{width:112px;height:108px}
.pba-item .pba-product .pba-sprite{width:106px;height:106px}
.pba-item[data-select=l] .pba-product .pba-sprite{width:112px;height:112px}
.pba-item-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.pba-item-copy strong{font-size:15px;font-weight:750;line-height:1.2}
.pba-item-copy small{margin-top:5px;color:rgba(33,28,41,.48);font-size:10px;white-space:nowrap}
.pba-item-price{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:#72549a;font-size:13px;font-weight:750;line-height:1}
.pba-item-price b{font-size:14px}
.pba-item-price .pba-coin{width:17px;height:17px}
@media(max-width:359px){.pba-list .pba-head{padding-left:13px}.pba-items{padding:0 8px 10px}.pba-item{grid-template-columns:96px minmax(0,1fr);min-height:98px;gap:5px;padding:0 5px}.pba-item .pba-product{width:96px;height:98px}.pba-item .pba-product .pba-sprite{width:95px;height:95px}.pba-item[data-select=l] .pba-product .pba-sprite{width:100px;height:100px}.pba-item-copy strong{font-size:14px}.pba-item-copy small{font-size:9px}}

/* Wallet-inspired reward sheet; only prizes present in the box data are previewed. */
.pba-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;font-family:Onest,system-ui,sans-serif;color:#211c29}
.pba-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(26,21,35,.42);cursor:pointer}
.pba-sheet{position:relative;display:flex;flex-direction:column;width:min(100%,460px);max-height:min(88dvh,740px);overflow:hidden;border-radius:27px 27px 0 0;background:#fcfbfe;box-shadow:0 -10px 42px rgba(23,17,35,.16)}
.pba-sheet-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:14px 18px 7px}
.pba-sheet-head,.pba-sheet-intro,.pba-sheet-foot{flex-shrink:0}
.pba-sheet:focus{outline:none}
.pba-sheet button:focus-visible,.pba-reel:focus-visible{outline:2px solid #9977be;outline-offset:-2px}
.pba-backdrop{touch-action:none;overscroll-behavior:none}
.pba-sheet-head>span:nth-child(2){color:rgba(60,60,67,.42);font-size:9px;font-weight:750;letter-spacing:1.4px;text-align:center}
.pba-sheet-close{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f0eef4;color:#3c3546;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pba-sheet-close svg{width:18px;height:18px;display:block}
.pba-sheet-close:disabled{visibility:hidden}
.pba-sheet-cost{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border-radius:16px;background:#f2eff6;font-size:12px;font-weight:750;white-space:nowrap}
.pba-sheet-cost .pba-coin{width:16px;height:16px}
.pba-sheet-intro{text-align:center;padding:4px 18px 0}
.pba-sheet-intro small{color:#8b779e;font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase}
.pba-sheet-intro h3{margin:5px 0 0;font-size:20px;font-weight:750;letter-spacing:-.5px}
.pba-reel{height:294px;margin:8px 12px 0;overflow-y:auto;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior:contain;touch-action:pan-y;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.pba-reel{min-height:140px;flex-shrink:1}
.pba-reel::-webkit-scrollbar{display:none}
.pba-reel-track{padding:77px 0}
.pba-reward-item{display:flex;height:140px;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:center;opacity:.33;transform:scale(.83);transition:opacity .25s,transform .25s}
.pba-reward-item.is-current{opacity:1;transform:scale(1)}
.pba-reward-item strong{margin-top:8px;font-size:13px;font-weight:760}
.pba-reward-item small{margin-top:2px;color:rgba(60,60,67,.5);font-size:10px;font-variant-numeric:tabular-nums}
.pba-reward-token{display:grid;flex:none;width:90px;height:90px;place-items:center;border-radius:50%;box-shadow:inset 0 2px 1px rgba(255,255,255,.8),inset 0 -5px 8px rgba(24,20,35,.13),0 8px 14px -10px rgba(33,24,45,.45)}
.pba-reward-token svg{width:76px;height:76px;fill:#fff}
.pba-reward-token.is-classic{border:3px solid #d7c0ec;background:linear-gradient(145deg,#c8a9e8,#956ec4 50%,#6e489f)}
.pba-reward-token.is-gold{border:3px solid #f0dba9;background:linear-gradient(145deg,#f7e5ba,#d5b172 53%,#a77e3e)}
.pba-reward-token.is-diamond{border:3px solid #dce6f2;background:linear-gradient(145deg,#e9f0f7,#a9bfd5 48%,#708aa8)}
.pba-reward-token.is-white{border:3px solid #e3e3e9;background:linear-gradient(145deg,#f7f7f9,#c5c5cf 52%,#8f919e)}
.pba-reward-token.is-white svg{fill:#6b6d79}
.pba-reward-token.is-ticket{width:100px;height:82px;border:0;border-radius:0;background:none;box-shadow:none}
.pba-reward-token.is-ticket svg{width:100px;height:82px}
.pba-reward-token.is-ticket svg path:first-child{fill:#f5e7bd;stroke:#c9a866;stroke-width:3}
.pba-reward-token.is-ticket svg path:last-child{fill:#9d7b40;stroke:none}
.pba-sheet-foot{padding:13px 20px max(21px,env(safe-area-inset-bottom));background:#fff;text-align:center}
.pba-sheet-foot p{margin:0 0 10px;color:rgba(60,60,67,.6);font-size:11px;line-height:1.35}
.pba-sheet-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 16px;border:0;border-radius:12px;background:#292631;color:#fff;font-size:13px;font-weight:750;cursor:pointer}
.pba-sheet-foot>small{display:block;margin-top:8px;color:rgba(60,60,67,.42);font-size:10px}
.pba-sheet-stage{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 30px}
.pba-sheet-stage .pba-product{width:218px;height:218px}
.pba-sheet-stage .pba-product .pba-sprite{width:218px;height:218px}
.pba-sheet-stage b{margin-top:5px;font-size:13px}
.pba-stage-progress{display:block;width:160px;height:3px;margin-top:14px;overflow:hidden;border-radius:3px;background:#eeebf2}
.pba-stage-progress i{display:block;width:100%;height:100%;background:#9675bb;transform-origin:left;animation:pbaProgress 1.25s ease-out both}
.pba-sheet-result{display:flex;min-height:384px;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px 12px;text-align:center}
.pba-result-box{display:block;width:166px;height:166px}
.pba-result-box .pba-sprite{width:166px;height:166px}
.pba-result-token{margin-top:-23px;z-index:1}
.pba-result-token .pba-reward-token{width:62px;height:62px}
.pba-result-token .pba-reward-token svg{width:53px;height:53px}
.pba-sheet-result>small{margin-top:11px;color:rgba(60,60,67,.55);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.pba-sheet-result>strong{margin-top:5px;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.pba-sheet-result>em{display:flex;align-items:center;gap:7px;margin-top:13px;color:#886836;font-size:11px;font-style:normal;font-weight:750}
.pba-sheet-result>em .pba-reward-token.is-ticket{width:29px;height:27px}
.pba-sheet-result>em .pba-reward-token.is-ticket svg{width:29px;height:27px}
.pba-sheet-result>p{margin:12px 0 0;color:rgba(60,60,67,.5);font-size:11px}
.pba-overlay button{font-family:inherit}
.pba-overlay[data-reduced=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.pba-overlay[data-reduced=true] .pba-product.is-opening .pba-sprite.closed{display:none}
@media(prefers-reduced-motion:reduce){.pba-overlay *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pba-overlay .pba-product.is-opening .pba-sprite.closed{display:none}}
@media(min-width:700px){.pba-sheet{margin-bottom:16px;border-radius:27px}}
@media(max-width:359px){.pba-sheet{max-height:94dvh}.pba-reel{height:258px}.pba-reel-track{padding:59px 0}.pba-sheet-stage{min-height:310px}.pba-sheet-result{min-height:335px}}
@media(max-height:600px){.pba-sheet{max-height:96dvh}.pba-sheet-head{padding-top:10px}.pba-sheet-stage,.pba-sheet-result{min-height:0;padding-top:12px;padding-bottom:18px}.pba-sheet-stage .pba-product,.pba-sheet-stage .pba-product .pba-sprite{width:160px;height:160px}.pba-result-box,.pba-result-box .pba-sprite{width:128px;height:128px}.pba-result-token .pba-reward-token{width:46px;height:46px}.pba-result-token .pba-reward-token svg{width:40px;height:40px}.pba-sheet-result>strong{font-size:26px}.pba-sheet-foot{padding-top:10px;padding-bottom:14px}}
/* One continuous vertical reward reel: preview, spin, winning stop. */
.pba-wheel{position:relative;height:294px;min-height:140px;flex-shrink:1;margin:8px 12px 0}
.pba-wheel .pba-reel{height:100%;min-height:0;margin:0 12px}
.pba-wheel-marker{position:absolute;top:calc(50% - 63px);width:17px;height:82px;border-color:#b2a5c0;border-style:solid;border-width:0;pointer-events:none}
.pba-wheel-marker.is-left{left:22px;border-left-width:2px;border-top-width:2px;border-bottom-width:2px;border-radius:7px 0 0 7px}
.pba-wheel-marker.is-right{right:22px;border-right-width:2px;border-top-width:2px;border-bottom-width:2px;border-radius:0 7px 7px 0}
.pba-wheel-marker:after{content:'';position:absolute;top:32px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.pba-wheel-marker.is-left:after{left:5px;border-left:8px solid #a393b4}
.pba-wheel-marker.is-right:after{right:5px;border-right:8px solid #a393b4}
.pba-overlay[data-phase=opening] .pba-reel,.pba-overlay[data-phase=revealing] .pba-reel,.pba-overlay[data-phase=result] .pba-reel{overflow:hidden;scroll-snap-type:none;touch-action:none}
.pba-overlay[data-phase=opening] .pba-reward-item,.pba-overlay[data-phase=revealing] .pba-reward-item{transition:none}
.pba-sheet-foot{min-height:140px;display:flex;flex-direction:column;justify-content:center}
.pba-sheet-foot .pba-stage-progress{align-self:center;margin-top:12px}
.pba-sheet-foot .pba-win-amount{margin-bottom:8px;color:#292631;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.pba-win-bonus{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 8px;color:#89703e;font-size:11px;font-weight:650}
.pba-win-bonus .pba-reward-token.is-ticket,.pba-win-bonus .pba-reward-token.is-ticket svg{width:24px;height:22px}
.pba-overlay[data-phase=result] .pba-wheel-marker{border-color:#947cb0}
.pba-overlay[data-phase=result] .pba-reward-item.is-current small{color:#554163;font-weight:750;font-size:17px}
@media(max-width:359px){.pba-wheel{height:258px}.pba-wheel-marker.is-left{left:10px}.pba-wheel-marker.is-right{right:10px}}
@media(max-height:600px){.pba-sheet-foot{min-height:130px}.pba-sheet-foot .pba-win-amount{font-size:19px}}
/* Native gift collection: three editions side by side in one white block. */
.pba-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:0 10px 16px}
.pba-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:0 0 4px;gap:0;text-align:center}
.pba-item .pba-product{display:block;width:100%;height:auto;aspect-ratio:1}
.pba-item .pba-sprite{width:100%;height:auto;aspect-ratio:1}
.pba-item[data-select=l] .pba-sprite{width:100%;height:auto}
.pba-item-copy{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;width:100%;padding:0}
.pba-item-copy strong{font-size:13px;line-height:1.2}
.pba-item-copy small{font-size:9px;line-height:1.3;white-space:nowrap}
.pba-item-price{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;margin-top:2px}
.pba-item-price .pba-coin{width:15px;height:15px}
@media(max-width:359px){.pba-items{padding:0 6px 14px;gap:0}.pba-item{min-height:0;padding:0 0 4px}.pba-item-copy strong{font-size:12px}.pba-item-copy small{font-size:8px}.pba-item-price{font-size:11px}.pba-item .pba-sprite,.pba-item[data-select=l] .pba-sprite{width:100%;height:auto}}
.pba-item .pba-product{position:relative}
.pba-item .pba-product .pba-sprite,.pba-item[data-select=l] .pba-product .pba-sprite{position:absolute;inset:0;width:100%;height:100%;transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1)}
.pba-item .pba-product .pba-sprite.open{opacity:0;transform:translateX(-7px) scale(.97)}
.pba-item.is-previewing .pba-product .pba-sprite.open,.pba-item:focus-visible .pba-product .pba-sprite.open{opacity:1;transform:translateX(0) scale(1)}
.pba-item.is-previewing .pba-product .pba-sprite.closed,.pba-item:focus-visible .pba-product .pba-sprite.closed{opacity:0;transform:translateX(-7px)}
.pba-item-copy small{margin-top:0;transition:color .3s}
.pba-item.is-previewing .pba-item-copy small{color:#71528f}
@media(hover:hover){.pba-item:not(:disabled):hover .pba-product .pba-sprite{transition-delay:.5s}.pba-item:not(:disabled):hover .pba-product .pba-sprite.open{opacity:1;transform:translateX(0) scale(1)}.pba-item:not(:disabled):hover .pba-product .pba-sprite.closed{opacity:0;transform:translateX(-7px)}.pba-item:not(:disabled):hover .pba-item-copy small{color:#71528f;transition-delay:.5s}}
.pba-list[data-reduced=true] .pba-item .pba-product .pba-sprite{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.pba-item .pba-product .pba-sprite{transition:none;transform:none}}
.pba-wheel .pba-reward-item{transition:none;will-change:transform,opacity}
.pba-overlay[data-phase=opening] .pba-reel-track,.pba-overlay[data-phase=revealing] .pba-reel-track{will-change:transform}
/* Physical layers move continuously; the sleeve never dissolves into another image. */
.pba-box-motion{display:block;position:absolute;inset:0;isolation:isolate}
.pba-box-layer{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:transform 1.1s cubic-bezier(.22,.7,.22,1),opacity .12s;will-change:transform}
.pba-box-layer img{position:absolute;left:calc(var(--col) * -100%);top:calc(var(--row) * -100%);width:300%;height:200%;max-width:none;user-select:none}
.pba-box-layer.is-sleeve{z-index:2;transform:translate3d(0,0,0) scale(1)}
.pba-box-layer.is-drawer{z-index:1;opacity:0;transform:translate3d(0,10%,0) scale(.9)}
.pba-item.is-previewing .pba-box-layer.is-sleeve{transform:translate3d(-24%,0,0) scale(.66)}
.pba-item.is-previewing .pba-box-layer.is-drawer{opacity:1;transform:translate3d(24%,7%,0) scale(.66)}
.pba-list[data-reduced=true] .pba-box-layer{transition:none}
@media(prefers-reduced-motion:reduce){.pba-box-layer{transition:none}}
.pba-box-layer svg{display:block;width:100%;height:100%;overflow:hidden;filter:saturate(.82)}

/* Prices are explicit tap targets inside the existing product button. */
.pba-item-price{min-height:32px;min-width:82px;padding:7px 10px;border-radius:999px;background:#f0edf5;color:#665081;box-shadow:inset 0 0 0 1px rgba(103,80,133,.06);transition:background .18s,transform .18s}
.pba-price-arrow{margin-left:3px;color:#8a7a9c;font-size:18px;line-height:12px;font-weight:500}
.pba-item:not(:disabled):active .pba-item-price{background:#e5deed;transform:scale(.96)}
.pba-item-price.is-sold{background:transparent;box-shadow:none;font-size:10px;padding:7px 0}
.pba-item.is-previewing .pba-box-layer{transition-delay:0s}
@media(max-width:359px){.pba-item-price{min-width:76px;padding:7px 8px}.pba-item-price b{font-size:12px}}

/* Same canonical purple gradient, white mark and full-size face as the main coin. */
.pba-reward-token.is-classic{border:0;background:linear-gradient(140deg,#A855F7,#7C3AED);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pba-reward-token.is-classic svg{width:100%;height:100%}
/* Keep the contents visible long enough to understand the physical reveal. */
.pba-box-layer{transition:transform 1.05s cubic-bezier(.22,.7,.22,1),opacity .28s}
.pba-item.is-previewing .pba-box-layer.is-sleeve{transform:translate3d(-25%,0,0) scale(.7)}
.pba-item.is-previewing .pba-box-layer.is-drawer{opacity:1;transform:translate3d(23%,7%,0) scale(.7)}
@media(prefers-reduced-motion:reduce){.pba-box-layer{transition:none}}

/* Referral gift: the complete screen becomes a soft background for the product. */
.pba-gift-overlay{align-items:center;overflow:hidden}
.pba-gift-blur{position:absolute;inset:0;background:rgba(247,244,252,.77);backdrop-filter:blur(18px) saturate(.78);-webkit-backdrop-filter:blur(18px) saturate(.78)}
.pba-gift-sheet{width:min(100%,520px);height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none;background:transparent;align-items:center;justify-content:center;overflow-y:auto;padding:max(26px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));text-align:center}
.pba-gift-close{position:absolute;right:24px;top:max(20px,env(safe-area-inset-top));background:rgba(255,255,255,.65)}
.pba-gift-copy{max-width:340px;position:relative;z-index:2}
.pba-gift-badge{display:inline-block;color:#775697;font-size:11px;font-weight:700}
.pba-gift-copy h3{margin:12px 0 10px;font-size:29px;line-height:1.12;font-weight:780;letter-spacing:-.9px}
.pba-gift-copy p{margin:0;color:#7e7589;font-size:14px;line-height:1.5}
.pba-gift-hero{position:relative;flex-shrink:0;display:grid;place-items:center;width:min(310px,76vw);height:min(310px,76vw);margin:14px 0 6px}
.pba-gift-hero .pba-product{position:relative;z-index:1;width:100%;height:100%;animation:pbaGiftSway 5.5s ease-in-out infinite;transform-origin:50% 70%;filter:drop-shadow(0 20px 17px rgba(94,52,147,.16))}
.pba-gift-halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,rgba(190,151,244,.45),rgba(210,183,249,.19) 55%,transparent 72%);filter:blur(14px);animation:pbaGiftGlow 4s ease-in-out infinite}
.pba-gift-foot{position:relative;z-index:2;width:min(100%,330px);flex-shrink:0}
.pba-gift-foot .pba-sheet-action{min-height:50px;font-size:15px;border-radius:15px;background:#292631}
.pba-gift-foot small{display:block;margin-top:10px;color:#968e9f;font-size:11px}
.pba-gift-later{min-height:44px;margin-top:9px;padding:8px 20px;border:0;background:transparent;color:#7f758c;font:inherit;font-size:12px;cursor:pointer}
@keyframes pbaGiftSway{0%,100%{transform:translate3d(-9px,0,0) rotate(-3deg)}50%{transform:translate3d(9px,-6px,0) rotate(3deg)}}
@keyframes pbaGiftGlow{0%,100%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@media(max-height:650px){.pba-gift-sheet{padding-top:54px;justify-content:flex-start}.pba-gift-copy h3{font-size:25px}.pba-gift-copy p{font-size:12px}.pba-gift-hero{width:220px;height:220px;margin:6px 0}.pba-gift-foot .pba-sheet-action{min-height:46px}}
.pba-gift-overlay[data-reduced=true] .pba-product,.pba-gift-overlay[data-reduced=true] .pba-gift-halo{animation:none}
@media(prefers-reduced-motion:reduce){.pba-gift-hero .pba-product,.pba-gift-halo{animation:none}}

/* The menu demo is a complete moving sequence, not an open-state swap. */
.pba-item.is-demonstrating .pba-box-layer.is-sleeve{transition:none;animation:pbaSleeveReveal 4.4s linear both}
.pba-item.is-demonstrating .pba-box-layer.is-drawer{transition:none;animation:pbaDrawerReveal 4.4s linear both}
@keyframes pbaSleeveReveal{0%{transform:translate3d(0,0,0) scale(1);animation-timing-function:cubic-bezier(.3,.55,.25,1)}28%,70%{transform:translate3d(-25%,0,0) scale(.7);animation-timing-function:cubic-bezier(.3,.55,.25,1)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes pbaDrawerReveal{0%{opacity:0;transform:translate3d(0,10%,0) scale(.9);animation-timing-function:cubic-bezier(.3,.55,.25,1)}28%,70%{opacity:1;transform:translate3d(23%,7%,0) scale(.7);animation-timing-function:cubic-bezier(.3,.55,.25,1)}100%{opacity:0;transform:translate3d(0,10%,0) scale(.9)}}
.pba-list[data-reduced=true] .pba-item.is-demonstrating .pba-box-layer{animation:none}
@media(prefers-reduced-motion:reduce){.pba-item.is-demonstrating .pba-box-layer{animation:none}}

/* Монети рулетки = рендери з героя сайту (Claude, 16.09.2026): без CSS-градієнта, рамки й тіні — об'єм уже в картинці. */
/* r31 (власник 16.09.2026): монети рулетки — вектор із канонічного знака в 4 матеріалах (Amethyst, Gold, Diamond, Grey); Game Pass — 🎟️ у золоті, як в іграх.
   Усі значки легко рухаються й блищать; Game Pass — найпомітніше. Під час обертання рулетки анімації стоять. */
.pba-reward-token.is-c3,.pba-reward-token.is-ticket{position:relative;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.pba-reward-token.is-c3 svg,.pba-reward-token.is-ticket svg{width:100%;height:100%}
.pba-c3-shadow{position:absolute;left:18%;right:18%;bottom:-1%;height:12%;border-radius:50%;background:radial-gradient(closest-side,var(--c3-sh),transparent);animation:pbaTokShadow 3.8s ease-in-out infinite;animation-delay:var(--tok-dl)}
.pba-c3{position:absolute;inset:3% 5% 9%;display:block;animation:pbaTokFloat 3.8s ease-in-out infinite;animation-delay:var(--tok-dl)}
.pba-c3-edge,.pba-c3-face{position:absolute;inset:0;border-radius:50%}
.pba-c3-edge{transform:translateY(5%);background:linear-gradient(90deg,var(--c3-e1),var(--c3-e2) 45%,var(--c3-e1));box-shadow:inset 0 -1px 1px rgba(0,0,0,.12)}
.pba-c3-face{overflow:hidden;background:radial-gradient(110% 85% at 30% 16%,rgba(255,255,255,.4),rgba(255,255,255,0) 50%),linear-gradient(155deg,var(--c3-a),var(--c3-b) 50%,var(--c3-c));box-shadow:inset 0 0 0 2px var(--c3-rim),inset 0 2px 1px rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.1)}
.pba-c3-face:before{content:'';position:absolute;inset:9%;border-radius:50%;box-shadow:inset 0 1.5px 2px var(--c3-deep),0 1px 0 rgba(255,255,255,.35)}
.pba-reward-token.is-c3 .pba-c3-face svg{position:absolute;inset:0;display:block;width:100%;height:100%;fill:var(--c3-ink);filter:drop-shadow(0 1.6px 0 var(--c3-deep))}
.pba-c3-shine{position:absolute;inset:-30%;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.62) 50%,transparent 60%);transform:translateX(-80%);animation:pbaTokShine 4.2s cubic-bezier(.45,.05,.35,1) infinite;animation-delay:var(--tok-dl)}
.pba-spark{position:absolute;z-index:2;width:17%;height:17%;background:#fff;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);opacity:0;transform:scale(0);animation:pbaSpark 4.2s ease-in-out infinite;animation-delay:var(--tok-dl);pointer-events:none}
.pba-spark.is-a{top:6%;right:14%}
.pba-spark.is-b{top:52%;left:4%;width:11%;height:11%;animation-delay:calc(var(--tok-dl) - 1.6s)}
.pba-spark.is-c{top:0;left:30%;width:12%;height:12%;animation-delay:calc(var(--tok-dl) - 2.6s)}
.pba-reward-token.is-classic{--tok-dl:0s;--c3-a:#C28CFF;--c3-b:#9D4EF6;--c3-c:#7534E2;--c3-rim:rgba(236,219,255,.5);--c3-e1:#4C1D95;--c3-e2:#6D28D9;--c3-ink:#fff;--c3-deep:rgba(67,20,140,.5);--c3-sh:rgba(91,33,182,.42)}
.pba-reward-token.is-gold{--tok-dl:-1s;--c3-a:#F6DD9A;--c3-b:#E3B246;--c3-c:#C58C2B;--c3-rim:rgba(255,246,220,.7);--c3-e1:#85591A;--c3-e2:#B07D2A;--c3-ink:#fff;--c3-deep:rgba(118,78,16,.5);--c3-sh:rgba(150,102,28,.4)}
.pba-reward-token.is-diamond{--tok-dl:-2s;--c3-a:#EAF8FF;--c3-b:#86C9F2;--c3-c:#3F8BD6;--c3-rim:rgba(240,251,255,.85);--c3-e1:#1F5595;--c3-e2:#3474BC;--c3-ink:#fff;--c3-deep:rgba(22,70,130,.55);--c3-sh:rgba(40,100,170,.4)}
.pba-reward-token.is-white{--tok-dl:-3s;--c3-a:#E9EAEF;--c3-b:#B0B3BF;--c3-c:#838694;--c3-rim:rgba(255,255,255,.7);--c3-e1:#5A5D69;--c3-e2:#7B7E8B;--c3-ink:#fff;--c3-deep:rgba(58,60,72,.5);--c3-sh:rgba(70,72,86,.34)}
.pba-reward-token.is-diamond .pba-c3-face:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 11.25deg,rgba(255,255,255,.5) 0 6.25%,rgba(255,255,255,0) 0 12.5%,rgba(255,255,255,.22) 0 18.75%,rgba(255,255,255,0) 0 25%,rgba(255,255,255,.5) 0 31.25%,rgba(255,255,255,0) 0 37.5%,rgba(255,255,255,.22) 0 43.75%,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.5) 0 56.25%,rgba(255,255,255,0) 0 62.5%,rgba(255,255,255,.22) 0 68.75%,rgba(255,255,255,0) 0 75%,rgba(255,255,255,.5) 0 81.25%,rgba(255,255,255,0) 0 87.5%,rgba(255,255,255,.22) 0 93.75%,rgba(255,255,255,0) 0);-webkit-mask:radial-gradient(closest-side,transparent 81%,#000 83%);mask:radial-gradient(closest-side,transparent 81%,#000 83%)}
/* Game Pass: той самий 🎟️ і те саме золото, що в іграх (.gm-tix i.is-gold), лише більший і живіший. */
.pba-tk{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--tk-size,64px);line-height:1;font-style:normal;animation:pbaTkRock 3.2s ease-in-out infinite}
.pba-tk i{grid-area:1/1;font-style:normal;filter:sepia(1) saturate(2.2) hue-rotate(-12deg) brightness(1.06)}
.pba-tk i+i{opacity:.9;filter:grayscale(1) brightness(2.6) contrast(.6);-webkit-mask:linear-gradient(105deg,transparent 30%,#000 48%,#000 52%,transparent 70%) no-repeat;mask:linear-gradient(105deg,transparent 30%,#000 48%,#000 52%,transparent 70%) no-repeat;-webkit-mask-size:280% 100%;mask-size:280% 100%;animation:pbaTkGlint 2.4s ease-in-out infinite}
.pba-reward-token.is-ticket{--tok-dl:-.4s;--c3-sh:rgba(176,125,42,.38)}
.pba-reward-token.is-ticket .pba-c3-shadow{left:22%;right:22%;bottom:4%;animation-duration:3.2s}
.pba-reward-token.is-ticket .pba-spark{background:#FFF6D6;animation-duration:2.4s}
@keyframes pbaTokFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2.5deg)}50%{transform:translate3d(0,-5%,0) rotate(2.5deg)}}
@keyframes pbaTokShadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.82);opacity:.6}}
@keyframes pbaTokShine{0%,52%{transform:translateX(-80%)}82%,100%{transform:translateX(80%)}}
@keyframes pbaSpark{0%,58%,100%{opacity:0;transform:scale(0) rotate(0)}70%{opacity:1;transform:scale(1) rotate(45deg)}84%{opacity:0;transform:scale(.3) rotate(90deg)}}
@keyframes pbaTkRock{0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scale(1)}50%{transform:translate3d(0,-6%,0) rotate(6deg) scale(1.04)}}
@keyframes pbaTkGlint{0%,18%{-webkit-mask-position:100% 0;mask-position:100% 0}72%,100%{-webkit-mask-position:0 0;mask-position:0 0}}
.pba-overlay[data-phase=opening] .pba-reward-token *,.pba-overlay[data-phase=revealing] .pba-reward-token *{animation:none}
.pba-overlay[data-phase=opening] .pba-spark,.pba-overlay[data-phase=revealing] .pba-spark{opacity:0}
.pba-overlay[data-reduced=true] .pba-reward-token *{animation:none}
.pba-overlay[data-reduced=true] .pba-spark{display:none}
@media(prefers-reduced-motion:reduce){.pba-reward-token *{animation:none!important}.pba-spark{display:none}}
/* r31 (власник 16.09.2026: «суми на пілюлях криво розташовані й не в кольорі бренду»): пілюля — як .gm-pill апки (біла, тонка лінія, тінь картки,
   чорнильні цифри, канонічна монета); однакова ширина в усіх трьох, вміст по центру; шеврон — PP_ICON замість набраного «›». */
.pba-coin{background:linear-gradient(140deg,#A855F7,#7C3AED);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pba-item-price{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;width:calc(100% - 8px);max-width:104px;height:32px;min-height:0;min-width:0;margin-top:4px;padding:0 9px 0 8px;border:.5px solid rgba(60,60,67,.1);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(40,20,80,.05),0 10px 22px -16px rgba(40,20,80,.32);color:#15131A;font-size:13px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .18s,transform .18s}
.pba-item-price b{font-size:13.5px;font-weight:700;line-height:1;transform:translateY(.4px)}
.pba-item-price .pba-coin{width:17px;height:17px;margin:0}
.pba-price-arrow{display:inline-flex;flex:none;margin:0;color:rgba(60,60,67,.4);font-size:0;line-height:0}
.pba-price-arrow svg{display:block;width:12px;height:12px}
.pba-item:not(:disabled):active .pba-item-price{background:#F6F5F9;transform:scale(.96)}
.pba-item-price.is-sold{border:0;background:transparent;box-shadow:none;color:rgba(60,60,67,.5);font-size:10px;font-weight:650}
.pba-sheet-cost{background:#fff;border:.5px solid rgba(60,60,67,.1);box-shadow:0 1px 2px rgba(40,20,80,.05),0 10px 22px -16px rgba(40,20,80,.32);color:#15131A;font-variant-numeric:tabular-nums}
.pba-item.is-previewing .pba-item-copy small{color:rgba(33,28,41,.72)}
@media(hover:hover){.pba-item:not(:disabled):hover .pba-item-copy small{color:rgba(33,28,41,.72)}}
@media(max-width:359px){.pba-item-price{height:30px;gap:4px;padding:0 6px 0 5px;font-size:12px}.pba-item-price b{font-size:12.5px}.pba-item-price .pba-coin{width:15px;height:15px}.pba-price-arrow svg{width:11px;height:11px}}
.pba-overlay[data-phase=result] .pba-reward-item.is-current small{color:#15131A}
.pba-reward-token.is-ticket{--tk-size:70px}
.pba-win-bonus .pba-reward-token.is-ticket{--tk-size:19px;width:24px;height:22px}
.pba-win-bonus .pba-reward-token.is-ticket .pba-c3-shadow,.pba-win-bonus .pba-spark.is-b,.pba-win-bonus .pba-spark.is-c{display:none}
/* r32 (власник 16.09.2026: «коли відкриває золотий бокс, у рулетці лише слово — треба й невеликий візуал»): у листі біля назви — той самий бокс, легко гойдається. */
.pba-sheet-tier{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.pba-sheet-box{position:relative;display:block;flex:none;width:46px;height:46px;animation:pbaTokFloat 3.8s ease-in-out infinite}
.pba-sheet-box .pba-box-layer.is-drawer{display:none}
.pba-sheet-intro .pba-sheet-tier small{font-size:11px}
.pba-overlay[data-phase=opening] .pba-sheet-box,.pba-overlay[data-phase=revealing] .pba-sheet-box,.pba-overlay[data-reduced=true] .pba-sheet-box{animation:none}
@media(prefers-reduced-motion:reduce){.pba-sheet-box{animation:none}}
@media(max-height:600px){.pba-sheet-box{width:34px;height:34px}}

/* r33 (власник 16.09.2026) — назва в рулетці у два рядки: «Золотий / супербокс». */
.pba-sheet-intro .pba-sheet-tier small.pba-sheet-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;line-height:1.1;letter-spacing:.9px}
.pba-sheet-name b{color:#5c3f7c;font-size:12px;font-weight:800}
.pba-sheet-name span{color:#8b779e;font-size:10px;font-weight:700}
/* r33 — повноекранний подарунок: поява, промені, сяйво, іскри, золоті квитки (акційний «лише Game Pass»), відблиск кнопки. */
.pba-gift-sheet{animation:pbaGiftIn .55s cubic-bezier(.2,.9,.3,1) both}
.pba-gift-badge{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 1px 2px rgba(40,20,80,.06),0 10px 22px -16px rgba(40,20,80,.35);color:#6b4a8e;letter-spacing:.2px}
.pba-gift-overlay.is-pass .pba-gift-badge{color:#8a6212}
.pba-gift-hero{animation:pbaGiftDrop .9s cubic-bezier(.2,1.25,.35,1) .12s both}
.pba-gift-rays{position:absolute;inset:-10%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(168,85,247,.17) 0deg 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);animation:pbaGiftSpin 22s linear infinite}
.pba-gift-overlay.is-pass .pba-gift-rays{background:repeating-conic-gradient(from 0deg,rgba(227,178,70,.24) 0deg 8deg,transparent 8deg 22deg)}
.pba-gift-overlay.is-pass .pba-gift-halo{background:radial-gradient(circle,rgba(246,221,154,.62),rgba(227,178,70,.2) 55%,transparent 72%)}
.pba-gift-overlay.is-pass .pba-gift-hero .pba-product{filter:drop-shadow(0 20px 18px rgba(150,104,20,.2))}
.pba-gift-tickets{position:absolute;inset:0;z-index:2;pointer-events:none}
.pba-gift-ticket{position:absolute;display:block;width:var(--s,44px);height:var(--s,44px);animation:pbaGiftFloat var(--d,4.2s) ease-in-out var(--w,0s) infinite}
.pba-gift-ticket .pba-reward-token{position:absolute;inset:0;width:100%;height:100%;--tk-size:var(--s,44px)}
.pba-gift-ticket .pba-c3-shadow{display:none}
.pba-gift-ticket.is-0{left:4%;top:12%;--s:48px;--r:-16deg;--d:4.4s}
.pba-gift-ticket.is-1{right:2%;top:6%;--s:40px;--r:14deg;--d:3.8s;--w:-1.1s}
.pba-gift-ticket.is-2{left:-2%;top:58%;--s:36px;--r:10deg;--d:4.9s;--w:-2.3s}
.pba-gift-ticket.is-3{right:0;top:52%;--s:50px;--r:-10deg;--d:4.1s;--w:-.6s}
.pba-gift-ticket.is-4{left:44%;top:-4%;--s:32px;--r:6deg;--d:3.5s;--w:-1.7s}
.pba-gift-sparks{position:absolute;inset:0;z-index:3;pointer-events:none}
.pba-gift-sparks i{position:absolute;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px rgba(168,85,247,.75));opacity:0;animation:pbaGiftTwinkle 2.6s ease-in-out infinite}
.pba-gift-overlay.is-pass .pba-gift-sparks i{filter:drop-shadow(0 0 4px rgba(227,178,70,.9))}
.pba-gift-sparks .is-0{left:16%;top:30%}.pba-gift-sparks .is-1{left:78%;top:22%;animation-delay:.4s}.pba-gift-sparks .is-2{left:26%;top:78%;animation-delay:.9s;width:7px;height:7px}.pba-gift-sparks .is-3{left:70%;top:74%;animation-delay:1.3s}
.pba-gift-sparks .is-4{left:50%;top:12%;animation-delay:1.7s;width:7px;height:7px}.pba-gift-sparks .is-5{left:88%;top:48%;animation-delay:2.1s;width:8px;height:8px}.pba-gift-sparks .is-6{left:8%;top:50%;animation-delay:.7s;width:8px;height:8px}.pba-gift-sparks .is-7{left:56%;top:88%;animation-delay:1.5s;width:6px;height:6px}
.pba-gift-foot .pba-sheet-action{position:relative;overflow:hidden}
.pba-gift-foot .pba-sheet-action::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:pbaGiftShine 3.2s ease-in-out 1.2s infinite}
@keyframes pbaGiftIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pbaGiftDrop{0%{opacity:0;transform:translateY(-46px) scale(.72)}60%{opacity:1;transform:translateY(6px) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes pbaGiftSpin{to{transform:rotate(360deg)}}
@keyframes pbaGiftFloat{0%,100%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(0,-12px,0) rotate(calc(var(--r,0deg) * -1))}}
@keyframes pbaGiftTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(45deg)}70%{opacity:.2;transform:scale(.6) rotate(90deg)}}
@keyframes pbaGiftShine{0%{left:-60%}55%,100%{left:130%}}
@media(max-height:650px){.pba-gift-ticket.is-0,.pba-gift-ticket.is-3{--s:38px}.pba-gift-ticket.is-1{--s:32px}}
.pba-gift-overlay[data-reduced=true] .pba-gift-sheet,.pba-gift-overlay[data-reduced=true] .pba-gift-hero,.pba-gift-overlay[data-reduced=true] .pba-gift-rays,.pba-gift-overlay[data-reduced=true] .pba-gift-ticket,.pba-gift-overlay[data-reduced=true] .pba-gift-sparks i,.pba-gift-overlay[data-reduced=true] .pba-sheet-action::after{animation:none}
.pba-gift-overlay[data-reduced=true] .pba-gift-sparks i{opacity:.7}
@media(prefers-reduced-motion:reduce){.pba-gift-sheet,.pba-gift-hero,.pba-gift-rays,.pba-gift-ticket,.pba-gift-sparks i,.pba-gift-foot .pba-sheet-action::after{animation:none!important}.pba-gift-sparks i{opacity:.7}}
/* design1 (25.09.2026): читабельність — жодного тексту дрібніше 11px, сірий темніший (контраст ≥4.5). */
.pba{--muted:rgba(60,60,67,.74)}
.pba-item-copy small,.pba-range,.pba-confirm small,.pba-swipe,.pba-balance,.pba-result-copy>i,.pba-sheet-head>span:nth-child(2),.pba-tap,.pba-error,.pba-error button,.pba-confirm-actions button,.pba-result-copy em,.pba-sheet-intro small,.pba-reward-item small{font-size:11px}
.pba-eyebrow,.pba-tier,.pba-result-head,.pba-result-copy small{font-size:11px;letter-spacing:.06em}
.pba-item-copy small,.pba-range,.pba-result-copy>i{color:rgba(33,28,41,.74)}
.pba-swipe,.pba-eyebrow,.pba-result-head,.pba-result-copy small,.pba-sheet-head>span:nth-child(2),.pba-reward-item small{color:rgba(60,60,67,.74)}
.pba-tier{color:rgba(33,28,41,.74)}