.credits-surface{--cs-ink: var(--wb-ink);--cs-muted: var(--wb-ink2);--cs-line: var(--wb-line);--cs-fill: var(--wb-card);--cs-rim: var(--wb-pborder);--cs-face: var(--wb-plate);--cs-accent: var(--wb-reqInk);--cs-cta: linear-gradient(110deg, #ffd17d, #f879ad 45%, #af7afa);--cs-cta-ink: #29152f;color:var(--cs-ink);background:var(--wb-plateFill),var(--wb-plateBase);border:1px solid var(--wb-lineH);border-radius:1.75rem;box-shadow:inset 0 1px 0 var(--wb-hi),inset 0 0 0 3px var(--wb-surf),0 5px 0 var(--wb-shIn),var(--wb-plateSh);font-family:Inter,system-ui,sans-serif;isolation:isolate;display:flex;flex-direction:column;overflow:hidden}.credits-surface--popover{width:min(32rem,calc(100vw - 2rem));max-height:min(54rem,var(--radix-popover-content-available-height, 90dvh))}.credits-surface--sheet{max-height:calc(100dvh - max(1rem,env(safe-area-inset-top,0px)));border-radius:1.75rem 1.75rem 0 0}.credits-surface[data-theme=light]{--cs-cta: linear-gradient(110deg, #ffce87, #f69bc5 45%, #c4a2fa)}.credits-shop{display:flex;flex-direction:column;min-height:0;max-height:inherit}.credits-surface>.credits-shop{flex:0 1 auto}.credits-shop *,.credits-shop *:before,.credits-shop *:after{box-sizing:border-box}.credits-shop :where(h2,p){margin:0}.credits-shop :where(button,summary){font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.credits-shop :where(button,summary):focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}.credits-shop button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.credits-shop button:disabled{cursor:wait;opacity:.6}.credits-shop__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.25rem .875rem;flex:none}.credits-shop__head h2{font-size:1.25rem;line-height:1.25;font-weight:600;letter-spacing:-.04em;color:var(--cs-ink)}.credits-shop__head p{display:none}.credits-shop__close,.credits-shop__secondary{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:var(--m-tap, 2.75rem);min-height:var(--m-tap, 2.75rem);color:var(--cs-ink);background:var(--wb-btnFace);border:1px solid var(--wb-btnLine);border-radius:50%;box-shadow:var(--wb-btnSh),inset 0 1px 0 var(--wb-hi)}.credits-shop__close:hover{transform:translateY(-2px)}.credits-shop__tabs,.credits-shop__interval{display:flex;gap:.5rem;padding:.25rem;border:1px solid var(--cs-line);border-radius:2rem;background:var(--wb-track);box-shadow:var(--wb-modeShadow)}.credits-shop__tabs{margin:0 1.25rem;flex:none}.credits-shop__tabs button,.credits-shop__interval button{display:inline-flex;justify-content:center;align-items:center;border-radius:2rem;min-height:var(--m-tap, 2.75rem);flex:1;font-size:.875rem;font-weight:500;padding:.5rem .75rem;color:var(--cs-muted);border:1px solid transparent;background:transparent}.credits-shop__tabs button[aria-selected=true],.credits-shop__interval button[aria-checked=true]{color:var(--cs-ink);background:var(--wb-tabOn);border-color:var(--wb-lineH);box-shadow:var(--wb-tabOnSh),0 3px 0 var(--wb-shIn)}.credits-shop__panel{display:flex;flex-direction:column;min-height:0;flex:0 1 auto}.credits-shop__scroll{padding:1rem 1.25rem;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wb-lineH) transparent}.credits-shop__caption{color:var(--cs-muted);font-size:.875rem;line-height:1.5;margin-bottom:.875rem!important}.credits-shop__billing-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.credits-shop__saving-chip{font-size:.875rem;font-weight:500;color:var(--cs-accent);background:var(--wb-tint);border:1px solid var(--wb-tintLine);border-radius:2rem;padding:.4rem .65rem;white-space:nowrap}.credits-shop__choices{display:grid;gap:.75rem}.credits-shop__choice{position:relative;display:grid;grid-template-columns:4.125rem minmax(0,1fr) auto;align-items:center;gap:.875rem;width:100%;padding:.625rem .875rem .75rem .75rem;min-height:5.5rem;text-align:left;border:1px solid var(--wb-rowRestLine);border-radius:1.125rem;color:var(--cs-ink);background:var(--wb-rowRest);box-shadow:var(--wb-rowRestSh),0 3px 0 var(--wb-shIn)}.credits-shop__choice:hover{background:var(--wb-rowHot);border-color:var(--wb-rowHotLine);transform:translateY(-2px)}.credits-shop__choice[aria-checked=true]{background:var(--wb-rowOn);border-color:var(--wb-rowOnLine);box-shadow:var(--wb-rowOnSh),inset 0 1px 0 var(--wb-hi),0 3px 0 var(--wb-shIn)}.credits-shop__choice-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.credits-shop__choice-copy strong{font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:-.02em}.credits-shop__choice-copy>span{color:var(--cs-muted);font-size:.875rem;line-height:1.4}.credits-shop__choice-copy .credits-shop__current{color:var(--cs-accent)}.credits-shop__price{display:flex;flex-direction:column;text-align:right;font-variant-numeric:tabular-nums}.credits-shop__price strong{font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.045em}.credits-shop__price>span{color:var(--cs-muted);font-size:.875rem;line-height:1.4}.credits-shop__selected{display:flex;align-items:center;justify-content:center;position:absolute;top:-.25rem;right:.625rem;width:1.125rem;height:1.125rem;border-radius:50%}.credits-shop__choice[aria-checked=true] .credits-shop__selected{color:var(--cs-cta-ink);background:var(--cs-cta);border:1px solid var(--wb-hi);box-shadow:0 2px 4px var(--wb-shIn)}.credits-shop__art{display:block;position:relative;width:100%;aspect-ratio:1;perspective:30rem}.credits-shop__art-back{position:absolute;inset:.25rem -.125rem -.2rem .25rem;border-radius:.75rem;background:var(--cs-rim);opacity:.45;transform:rotate(5deg);box-shadow:0 .25rem .5rem var(--wb-shIn)}.credits-shop__art-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:.75rem;padding:3px;background:var(--wb-disc);border:1px solid var(--wb-lineH);transform:rotate(-5deg) rotateY(-8deg);box-shadow:inset 1px 1px 0 var(--wb-hi),2px 3px 0 var(--wb-shIn),0 5px 8px var(--wb-shIn);transition:transform .2s ease;overflow:hidden}.credits-shop__art-face:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.3),transparent 38%,transparent 70%,rgba(255,255,255,.08))}.credits-shop__art img{width:100%;height:100%;border-radius:.55rem;-o-object-fit:cover;object-fit:cover}.credits-shop__choice:hover .credits-shop__art-face{transform:translateY(-2px) rotate(-2deg)}.credits-shop__bonus{display:flex;align-items:center;gap:.625rem;position:relative;margin-top:1rem;padding:.75rem;border:1px solid var(--wb-tintLine);border-radius:1rem;background:var(--wb-tint);box-shadow:inset 0 1px 0 var(--wb-hi),0 4px 0 var(--wb-shIn),0 8px 20px -12px var(--wb-acc);color:var(--cs-ink)}.credits-shop__gift{width:2rem;height:2rem;flex:none;display:grid;place-items:center;border-radius:.625rem;background:var(--cs-cta);color:var(--cs-cta-ink);box-shadow:inset 0 1px #fff9,0 3px 0 var(--wb-shIn)}.credits-shop__bonus>span:nth-child(2){display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.credits-shop__bonus strong{font-size:.9375rem;line-height:1.4;font-weight:600}.credits-shop__bonus span span{color:var(--cs-muted);font-size:.875rem;line-height:1.5}.credits-shop__info{flex:none}.credits-shop__info summary{list-style:none;width:var(--m-tap, 2.75rem);height:var(--m-tap, 2.75rem);display:grid;place-items:center;color:var(--cs-muted);font-size:1rem;font-family:Georgia,serif;font-style:italic;border-radius:50%}.credits-shop__info summary::-webkit-details-marker{display:none}.credits-shop__info summary:after{content:"";position:absolute;width:1rem;height:1rem;border:1px solid var(--cs-muted);border-radius:50%;pointer-events:none}.credits-shop__info[open]{position:static}.credits-shop__info p{position:absolute;z-index:2;right:.5rem;bottom:calc(100% + .5rem);width:min(19rem,calc(100% - 1rem));padding:.875rem;border-radius:.875rem;background:var(--wb-pop);border:1px solid var(--cs-line);box-shadow:var(--wb-plateSh);font-size:.875rem;line-height:1.5;color:var(--cs-ink)}.credits-shop__saving{font-size:.875rem;font-weight:600;color:var(--cs-accent);margin-top:1rem!important;line-height:1.5}.credits-shop__saving span{font-weight:400;color:var(--cs-muted)}.credits-shop__allowance{display:flex;gap:.5rem;align-items:center;color:var(--cs-muted);font-size:.875rem;line-height:1.5;margin-top:1rem!important}.credits-shop__allowance svg{flex:none}.credits-shop__footer{padding:.875rem 1.25rem .5rem;flex:none;background:var(--wb-glass);border-top:1px solid var(--cs-line);box-shadow:0 -8px 20px -15px var(--wb-shOut)}.credits-shop__bill{color:var(--cs-muted);font-size:.875rem;line-height:1.5;text-align:center;margin-bottom:.625rem!important}.credits-shop__cta{width:100%;min-height:var(--m-cta, 3.5rem);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;position:relative;isolation:isolate;border-radius:1rem;border:1px solid rgba(255,255,255,.42);color:var(--cs-cta-ink);background:var(--cs-cta);font-size:1rem!important;font-weight:600!important;box-shadow:inset 0 2px 1px #ffffffa6,inset 0 -2px #6624621f,0 5px 0 var(--wb-shIn),0 8px 20px -10px var(--wb-acc)}.credits-shop__cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 2px 1px #ffffffa6,0 7px 0 var(--wb-shIn),0 12px 24px -12px var(--wb-acc)}.credits-shop__cta:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 1px #fff6,0 2px 0 var(--wb-shIn)}.credits-shop__link{min-height:var(--m-tap, 2.75rem);display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--cs-muted);font-size:.875rem!important;margin:.5rem auto 0;border-radius:.75rem;padding:.5rem .75rem}.credits-shop__link:hover{color:var(--cs-ink);background:var(--wb-surf)}.credits-shop__loading{padding:1.25rem;color:var(--cs-ink);font-size:1rem}.credits-shop__secondary{border-radius:.75rem;padding:.75rem;margin-top:1rem}.credits-shop__legacy{flex:0 1 auto}.credits-shop__legacy .credit-slider-tick{font-size:.875rem;letter-spacing:0}.credits-shop__legacy input,.credits-shop__legacy select{font-size:1rem;min-height:var(--m-control, 3rem)}@media(max-width:767px){.credits-shop__head{padding-inline:var(--m-gutter, 1rem)}.credits-shop__tabs{margin-inline:var(--m-gutter, 1rem)}.credits-shop__scroll{flex:0 1 auto;padding-inline:var(--m-gutter, 1rem)}.credits-shop__footer{padding-inline:var(--m-gutter, 1rem);padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.credits-shop__billing-row{justify-content:center}.credits-shop__choice{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.625rem;min-height:4.5rem;padding:.75rem .625rem}.credits-shop__choice-copy strong{font-size:.875rem}.credits-shop__price{grid-column:3;text-align:right;flex-direction:column;gap:.125rem}.credits-shop__price strong{font-size:1.375rem;line-height:1.2;letter-spacing:-.035em}.credits-shop__art{grid-row:1}.credits-shop__legacy button{min-height:var(--m-tap, 2.75rem)}.credits-shop__legacy .grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.credits-shop *,.credits-shop *:before,.credits-shop *:after{animation:none!important;transition:none!important}.credits-shop__choice:hover,.credits-shop__choice:hover .credits-shop__art-face{transform:none}}@media(min-width:768px){.credits-surface--popover{width:min(30rem,calc(100vw - 2rem))}.credits-shop__head{padding:1rem 2rem .75rem}.credits-shop__head h2{font-size:.875rem;letter-spacing:-.015em}.credits-shop__close{min-width:2rem;min-height:2rem}.credits-shop__close svg{width:.875rem;height:.875rem}.credits-shop__tabs{margin-inline:2rem;align-self:flex-start;max-width:calc(100% - 4rem)}.credits-shop__tabs button,.credits-shop__interval button{min-height:2rem;font-size:.75rem;padding:.25rem 1rem}.credits-shop__tabs button{flex:none;min-width:6rem}.credits-shop__scroll{flex:0 1 auto;padding:.75rem 2rem 1rem}.credits-shop__billing-row{margin-bottom:.75rem}.credits-shop__saving-chip{font-size:.6875rem;padding:.3rem .5rem}.credits-shop__choice{grid-template-columns:2.25rem minmax(0,1fr) auto;min-height:3.75rem;gap:.875rem;padding:.625rem .875rem;border-radius:.75rem}.credits-shop__choice-copy strong{font-size:.75rem;font-weight:500}.credits-shop__choice-copy>span,.credits-shop__price>span{font-size:.6875rem}.credits-shop__price strong{font-size:.875rem;letter-spacing:-.025em}.credits-shop__choices{gap:.75rem}.credits-shop__art-back,.credits-shop__art-face{border-radius:.625rem}.credits-shop__art-face{padding:2px}.credits-shop__art img{border-radius:.45rem}.credits-shop__bonus{gap:.75rem;margin-top:.75rem;padding:.625rem .75rem;border-radius:.75rem}.credits-shop__gift{width:1.5rem;height:1.5rem;border-radius:.5rem}.credits-shop__gift svg{width:.875rem;height:.875rem}.credits-shop__bonus strong,.credits-shop__bonus span span,.credits-shop__info p,.credits-shop__saving,.credits-shop__allowance,.credits-shop__caption,.credits-shop__bill{font-size:.75rem}.credits-shop__info summary{width:2rem;height:2rem;font-size:.875rem}.credits-shop__info p{width:min(16rem,calc(100% - 1rem));padding:.75rem}.credits-shop__saving,.credits-shop__allowance{margin-top:.75rem!important}.credits-shop__footer{padding:.75rem 2rem .5rem}.credits-shop__cta{min-height:2.25rem;padding:.5rem .75rem;font-size:.75rem!important;border-radius:.625rem}.credits-shop__cta svg{width:.875rem;height:.875rem}.credits-shop__link{min-height:2rem;padding:.375rem .5rem;font-size:.75rem!important}}.credits-shop__topup-card{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;margin-block:1rem;border-radius:1.125rem;background:var(--wb-rowOn);border:1px solid var(--wb-rowOnLine);box-shadow:var(--wb-rowOnSh),0 3px 0 var(--wb-shIn)}.credits-shop__topup-card strong{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.04em;line-height:1.2;color:var(--cs-ink)}.credits-shop__topup-card p{font-size:.875rem;line-height:1.5;color:var(--cs-muted);margin-top:.35rem}.credits-shop__topup-cta{margin-top:1.25rem}.credits-shop__secure{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem!important;color:var(--cs-muted);font-size:.875rem}.credits-shop__slider>div:has(.credit-slider-tick){display:none}.credits-shop__slider [role=slider]{min-width:var(--m-tap,2.75rem);min-height:var(--m-tap,2.75rem)}@media(max-width:767px){.credits-shop__head h2{font-size:1rem}.credits-shop__head{padding-block:.75rem}.credits-shop__choice{border-radius:.875rem}.credits-shop__choices{gap:.75rem}.credits-shop__tabs,.credits-shop__interval{padding:0}.credits-shop__tabs button,.credits-shop__interval button{padding:.375rem .625rem}.credits-shop__billing-row{justify-content:space-between}.credits-shop__saving-chip{padding:.25rem .5rem}.credits-shop__bonus{padding:.5rem .625rem;gap:.5rem}.credits-shop__gift{width:1.5rem;height:1.5rem}.credits-shop__gift svg{width:.875rem;height:.875rem}.credits-shop__bonus strong{font-size:.875rem}.credits-shop__cta{font-size:.875rem!important;border-radius:.75rem}.credits-shop__topup-card{grid-template-columns:3rem minmax(0,1fr)}.credits-shop__topup-card strong{font-size:1.375rem}}@media(min-width:768px){.credits-shop__topup-card{grid-template-columns:2.25rem minmax(0,1fr);padding:1rem}.credits-shop__topup-card strong{font-size:1.125rem}.credits-shop__topup-card p,.credits-shop__secure{font-size:.75rem}}