@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-600:oklch(59.2% .249 .584);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-orange:#f97316;--animate-pop-in:popIn .5s ease-out}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-150{z-index:150}.z-200{z-index:200}.z-250{z-index:250}.z-300{z-index:300}.order-1{order:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.shrink-0{flex-shrink:0}.payment-widget-close{transform-origin:100% 100%;animation:.35s cubic-bezier(.4,0,.2,1) forwards paymentWidgetClose}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-scale-in{animation:.4s cubic-bezier(.34,1.2,.64,1) .1s both scaleIn}.animate-bounce{animation:var(--animate-bounce)}.animate-bounce-in{animation:.8s cubic-bezier(.34,1.56,.64,1) both bounceIn}.animate-check-draw{animation:.6s ease-out .3s both checkDraw}.animate-fade-in-overlay{animation:.3s ease-out both fadeInOverlay}.animate-fade-out-overlay{animation:.3s ease-in both fadeOutOverlay}.animate-ping{animation:var(--animate-ping)}.animate-pop-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;animation:var(--animate-pop-in)}.animate-pulse{animation:var(--animate-pulse)}.animate-scale-out{animation:.3s cubic-bezier(.4,0,1,1) both scaleOut}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#862ce5\]{border-color:#862ce5}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-purple-400{border-color:var(--color-purple-400)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#00dd80\]\/30{background-color:oklab(78.8364% -.176657 .0824117/.3)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/30{background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#00dd80\]{--tw-gradient-from:#00dd80;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#7132e8\]{--tw-gradient-from:#7132e8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#dc2626\]{--tw-gradient-from:#dc2626;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f3de6b\]{--tw-gradient-from:#f3de6b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f59e0b\]{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#fca5a5\]{--tw-gradient-from:#fca5a5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-100{--tw-gradient-from:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#a155ff\]{--tw-gradient-via:#a155ff;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#b91c1c\]{--tw-gradient-via:#b91c1c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange{--tw-gradient-via:var(--color-orange);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/30{--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.via-white\/30{--tw-gradient-via:color-mix(in oklab, var(--color-white) 30%, transparent)}}.via-white\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#00c361\]{--tw-gradient-to:#00c361;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#5c1d9b\]{--tw-gradient-to:#5c1d9b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#991b1b\]{--tw-gradient-to:#991b1b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#ea580c\]{--tw-gradient-to:#ea580c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f87171\]{--tw-gradient-to:#f87171;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#ff9e05\]{--tw-gradient-to:#ff9e05;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-100{--tw-gradient-to:var(--color-pink-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.real-amount{text-shadow:5px 0 35px #1f002a80,0 0 15px #ff00a8bf,0 0 15px #ff00a8bf,0 0 15px #ff00a8bf,0 0 15px #ff00a8bf,0 4px 8px #000c;font-weight:900}.theme-superjackpotslots .real-amount,.theme-habbo .real-amount{text-shadow:0 10px 30px #0006,0 4px 8px #000c;font-weight:700}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.theme-habbo .real-amount{text-shadow:0 10px 30px #0006,0 4px 8px #000c;font-weight:700}.theme-merkur24 .real-amount{text-shadow:5px 0 35px #e6000080,0 0 15px #ff3333bf,0 0 15px #ff3333bf,0 0 15px #ff3333bf,0 0 15px #ff3333bf,0 4px 8px #000c;font-weight:900}.theme-superjackpotslots .real-amount{text-shadow:0 10px 30px #0006,0 4px 8px #000c;font-weight:700}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.theme-dino-casino .real-amount{color:#fff;text-shadow:5px 0 35px #00628c80,0 0 15px #00628cbf,0 0 15px #00628cbf,0 0 15px #00628cbf,0 0 15px #00628cbf,0 4px 8px #000c}.text-\[\#f59e0b\]{color:#f59e0b}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-purple-600{color:var(--color-purple-600)}.text-purple-900{color:var(--color-purple-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\,transform\]{transition-property:width,height,padding,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.gradient-purple{background:linear-gradient(135deg,#2a004a 0%,#3c2a50 30%,#2a004a 70%,#1a0030 100%)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-black\/90:hover{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/90:hover{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:from-\[\#00ff90\]:hover{--tw-gradient-from:#00ff90;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-gray-100:hover{--tw-gradient-from:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[\#00d870\]:hover{--tw-gradient-to:#00d870;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-white:hover{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:from-gray-500:disabled{--tw-gradient-from:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.disabled\:to-gray-600:disabled{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{touch-action:manipulation;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:clip}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(20px)}70%{transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes confettiRain{0%{opacity:1;transform:translateY(-30px)translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) translateX(var(--drift,0)) rotate(var(--rotation,360deg));opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes checkDraw{0%{stroke-dasharray:0 100;opacity:0}50%{opacity:1}to{stroke-dasharray:100 0;opacity:1}}@keyframes badgePulse{0%{filter:drop-shadow(0 0 #ffffff4d);transform:scale(1)translateY(0)}50%{filter:drop-shadow(0 0 12px #ffffff8c);transform:scale(1.06)translateY(-1px)}to{filter:drop-shadow(0 0 #ffffff4d);transform:scale(1)translateY(0)}}@keyframes badgeShine{0%{opacity:0;transform:translate(-150%)rotate(18deg)}5%{opacity:.85}50%{opacity:.95}95%{opacity:.85}to{opacity:0;transform:translate(150%)rotate(18deg)}}@keyframes paymentWidgetClose{to{opacity:0;border-radius:9999px;transform:scale(.65)translateY(14px)}}@keyframes diamondIconPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar::-webkit-scrollbar{display:none}iframe{box-sizing:border-box;border:none;margin:0;padding:0;display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
.web-shop {
  --shop-bg: #17002f;
  --shop-surface: #20005d;
  --shop-light: #ff00fd;
  --shop-card: linear-gradient(180deg, #a613e0, #4a1385 65.385%, #350770);
  --shop-card-edge: #ff4fd0;
  --shop-muted: #d6bff2;
  --shop-line: rgb(255 255 255 / 14%);
  --shop-header: url('/assets/webshop/81-439-img1Kopfzeile.png');
  --shop-header-glow: #5100ff;
  --shop-price: linear-gradient(180deg, #4fff75, #02542d 79.327%, #008a28);
  width: 100%; min-height: 100dvh; color: white;
  background: var(--shop-bg); font-family: Lato, Arial, sans-serif;
  font-size: 14px; line-height: 1.4; container-type: inline-size;
}
.web-shop[data-theme=merkur24] {
  --shop-bg: #01083c; --shop-surface: #191b52; --shop-light: #b9b9f8;
  --shop-card: linear-gradient(180deg, #33357e, #1a1c57);
  --shop-card-edge: #b9b9f8; --shop-muted: #d8d8fb;
  --shop-header: linear-gradient(180deg, #212269, #01083c);
  --shop-header-glow: #212269;
  --shop-price: linear-gradient(180deg, #66ee3c, #189b00 80%, #33d402);
}
.web-shop[data-theme=dino-casino], .web-shop[data-theme=habbo] {
  --shop-bg: #001a28; --shop-surface: #003850; --shop-light: #00d4ff;
  --shop-card: linear-gradient(180deg, #0088b8, #00628c 65%, #003850);
  --shop-card-edge: #00d4ff; --shop-muted: #caefff;
  --shop-header: linear-gradient(#0088b8, #003850); --shop-header-glow: #00628c;
}
.web-shop[data-theme=superjackpotslots] {
  --shop-bg: #1a0a00; --shop-surface: #3a2200; --shop-light: #ffd700;
  --shop-card: linear-gradient(180deg, #a86414, #603200 65%, #321600);
  --shop-card-edge: #ffd700; --shop-muted: #ffeac2;
  --shop-header: linear-gradient(#a86414, #321600); --shop-header-glow: #6c3100;
}
.web-shop *, .web-shop *::before, .web-shop *::after { box-sizing: border-box; }
.web-shop button, .web-shop a { -webkit-tap-highlight-color: transparent; }
.web-shop button { cursor: pointer; font-family: inherit; }
.web-shop button:disabled { cursor: default; }
.web-shop :focus-visible { outline: 3px solid #2ad4ff; outline-offset: 3px; }
.shop-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.shop-skip { position: absolute; top: 8px; left: 8px; z-index: 100; transform: translateY(-160%); background: white; color: #17002f; padding: 10px 14px; border-radius: 8px; }
.shop-skip:focus { transform: none; }
.shop-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; min-height: 57px; background: var(--shop-header) center / cover; box-shadow: inset 0 -10px 16px var(--shop-header-glow); }
.shop-logo { width: 112px; height: 33px; display: grid; place-items: center; }
.shop-logo img { width: 55px; height: 33px; object-fit: contain; }
.shop-header-actions { display: flex; align-items: center; gap: 10px; }
.shop-wallet { display: flex; align-items: center; gap: 6px; border-radius: 99px; padding: 4px 8px 4px 6px; background: #17002fb2; box-shadow: 0 2px var(--shop-light), inset 0 4px 8px #0007; font-size: 12.5px; font-weight: 700; }
.shop-wallet img { width: 20px; height: 20px; object-fit: contain; }
.shop-account { position: relative; }
.shop-avatar { width: 33px; height: 33px; border: 1px solid white; border-radius: 50%; background: #ffffff1a; overflow: hidden; }
.shop-avatar img { width: 100%; height: 100%; object-fit: contain; }
.shop-account-menu { position: absolute; right: 0; top: calc(100% + 12px); z-index: 30; display: flex; flex-direction: column; width: 186px; max-width: calc(100vw - 28px); background: #12051f; border: 1px solid var(--shop-line); border-radius: 12px; padding: 5px; box-shadow: 0 14px 17px #000c; line-height: normal; }
.shop-account-identity { display: flex; flex-direction: column; gap: 1px; padding: 8px 10px 9px; font-weight: 700; }
.shop-account-identity b { font-size: 13px; }.shop-account-identity span { color: #a288c4; font-size: 11px; overflow-wrap: anywhere; }
.shop-account-menu hr { height: 1px; border: 0; background: var(--shop-line); margin: 0; }
.shop-account-menu button { text-align: left; padding: 8px 10px; border-radius: 7px; font-size: 13.5px; font-weight: 700; }
.shop-account-menu button:hover:not(:disabled) { background: #ffffff1a; }
.shop-account-menu .shop-account-logout { color: #a288c4; }
.shop-account-menu button:disabled { opacity: .5; }
.shop-jump { position: sticky; top: 0; z-index: 20; display: flex; gap: 6px; padding: 9px max(14px, calc((100% - 1192px) / 2)); background: color-mix(in srgb, var(--shop-bg) 92%, black); border-bottom: 1px solid var(--shop-line); overflow-x: auto; }
.shop-jump button { display: flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--shop-line); border-radius: 99px; background: #ffffff12; color: var(--shop-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
.shop-jump button[aria-current] { background: white; border-color: white; color: var(--shop-bg); }
.shop-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #ff4fd0; }
.shop-page { max-width: 1280px; margin: 0 auto; padding: 14px; display: flex; flex-direction: column; gap: 22px; }
.shop-section { scroll-margin-top: 65px; min-width: 0; }
.shop-section-heading { display: flex; gap: 9px; align-items: center; margin-bottom: 20px; min-height: 38px; }
.shop-section-heading > img { width: 38px; height: 38px; object-fit: contain; }
.shop-section-heading h2 { font-size: 18px; font-weight: 800; line-height: 1.2; }
.shop-section-heading p { font-size: 12px; color: var(--shop-muted); margin-top: 3px; }
.shop-grid { display: grid; grid-template-columns: repeat(auto-fill, 176px); gap: 16px 10px; align-items: end; }
.shop-card { min-width: 0; position: relative; border-radius: 20px; background: var(--shop-card); box-shadow: 0 6px 16px #0009, inset 0 1px var(--shop-card-edge); }
.shop-card.is-hot { background: linear-gradient(180deg, #ffd75c, #e08a06 65%, #bc3b2a); box-shadow: 0 6px 16px #0009, inset 0 1px white; }
.shop-card:has(.shop-bonus-toggle[aria-expanded="true"]) { z-index: 3; }
.shop-card-content { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 12px; }
.shop-card-art { height: 74px; display: flex; align-items: center; justify-content: center; position: relative; }
.shop-card-art > img { width: 90px; height: 60px; object-fit: contain; filter: drop-shadow(0 2px 2px #000a); }
.is-hot .shop-card-art > img { height: 88px; }
.shop-card-art.is-joker > img { width: 40px; height: 61px; transform: rotate(15deg) translateX(8px); }
.shop-card-art.is-joker > .joker-back { position: absolute; transform: rotate(-15deg) translateX(-8px); }
.shop-amount { font-size: 26px; font-weight: 800; line-height: 31px; letter-spacing: -.598px; text-align: center; text-shadow: 0 2px 4px #000a; overflow-wrap: anywhere; }
.shop-amount.is-long { font-size: 23px; }
.shop-unit { font-size: 10.5px; font-weight: 700; text-align: center; color: var(--shop-muted); text-transform: uppercase; line-height: 13px; }
.is-hot .shop-unit { color: #17002fb2; }
.shop-bonus-tray { position: relative; height: 30px; margin-top: auto; }
.shop-bonus-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 30px; padding: 4px 10px; border-radius: 99px; background: #17002fb2; box-shadow: 0 1px var(--shop-light), inset 0 4px 8px #0007; }
.is-hot .shop-bonus-toggle { box-shadow: 0 1px #ffd75c, inset 0 4px 8px #0007; }
.shop-bonus-toggle > span { display: flex; gap: 5px; }.shop-bonus-toggle > span:not(.shop-chevron) img { width: 19px; height: 19px; object-fit: contain; }
.shop-bonus-toggle .shop-chevron { position: relative; width: 22px; height: 22px; flex: none; }
.shop-chevron > img { position: absolute; left: -2px; top: 0; width: 26px; height: 26px; max-width: none; }
.shop-bonus-popover { position: absolute; bottom: calc(100% + 10px); left: -8px; right: -8px; z-index: 10; padding: 8px; min-height: 111px; max-height: 123px; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 7px; border: 1px solid #d6bff2; border-radius: 12px; background: #17002fb3; box-shadow: 0 10px 13px #000b; }
.shop-bonus-popover li { flex-shrink: 0; display: flex; gap: 8px; align-items: center; min-height: 19px; font-size: 12px; line-height: normal; }
.shop-bonus-popover img { width: 19px; height: 19px; flex: none; object-fit: contain; }
.shop-bonus-popover b { color: white; font-size: 12px; white-space: nowrap; font-weight: 700; margin-right: 5px; }
.shop-bonus-popover span { color: #c6b3e0; font-size: 11px; font-weight: 700; overflow-wrap: normal; word-break: normal; min-width: 0; }
.shop-price { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 40px; border-radius: 99px; background: var(--shop-price); box-shadow: 0 4px 4px #0008, inset 0 1px #82ffc9; color: white; text-shadow: 0 2px 4px black; font-size: 15px; font-weight: 700; }
.shop-price:hover { filter: brightness(1.12); }.shop-price s { font-size: 13px; color: #06280f; opacity: .7; text-shadow: none; }
.shop-price:disabled { background: #ffffff24; color: var(--shop-muted); box-shadow: none; text-shadow: none; filter: none; }
.shop-card.is-expired .shop-card-art, .shop-card.is-expired .shop-amount { opacity: .5; }
.shop-card.is-expired .shop-card-footer span { font-weight: 800; opacity: .5; }
.shop-card-footer { padding: 5px 8px; text-align: center; border-radius: 0 0 20px 20px; background: #f608308c; font-size: 11px; line-height: 13px; min-height: 34px; }.shop-card-footer span { display: block; line-height: 11px; font-size: 9px; opacity: .72; }.shop-card-footer b { display: block; font-weight: 900; }
.shop-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 99px; padding: 3px 9px; z-index: 2; font-size: 10px; line-height: 13px; font-weight: 800; text-transform: uppercase; white-space: nowrap; background: linear-gradient(#9af0ff, #2ad4ff); color: #03222e; box-shadow: 0 0 15px #2ad4ffb3; }
.shop-badge[data-kind=best-offer] { background: linear-gradient(#ffa64d, #f0512e); color: #3a1000; box-shadow: 0 0 15px #ff6e3ccc; }.shop-badge[data-kind=is-new] { background: linear-gradient(#ffa2eb, #ff4fd0); color: #2a0018; box-shadow: 0 0 15px #ff4fd0b3; }
.stamp-card { position: relative; border-radius: 24px; background: linear-gradient(180deg, #f6083066 13.462%, #ff8b2366); box-shadow: inset 0 1px #ffc417; min-height: 92px; padding: 11px 12px; }
.stamp-copy h2 { font-size: 13px; font-weight: 800; line-height: 16px; }.stamp-copy p { font-size: 11.5px; color: #ffd75c; line-height: 15px; margin-top: 2px; max-width: calc(100% - 104px); }
.stamp-slots { display: flex; align-items: center; gap: 6px; margin-top: 6px; height: 30px; font-size: 12px; }
.stamp-slot { position: relative; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 99px; background: #17002f33; box-shadow: inset 0 -1px #ffc417, inset 0 4px 8px #17002f4d; }
.stamp-slot.is-filled { background: linear-gradient(#fe0047 25%, #ff7d00); box-shadow: 0 4px 2px #0006; }.stamp-slot img { position: absolute; width: 20px; height: 20px; top: 1px; left: 3px; }.stamp-slot b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 24px; line-height: 1; font-weight: 800; transform: translateY(-1px); text-shadow: 0 1px #ff80aa; }
.stamp-gift { width: 30px; height: 30px; object-fit: contain; }.stamp-ultimate { position: absolute; width: 103px; height: 49px; right: 12px; bottom: 17px; object-fit: contain; }
.shop-empty { padding: 26px 18px; text-align: center; border: 1px dashed var(--shop-line); border-radius: 20px; color: var(--shop-muted); font-size: 13px; }.shop-empty b { display: block; color: white; margin-bottom: 3px; }
.shop-secondary { padding: 10px 16px; background: #ffffff14; border: 1px solid var(--shop-line); border-radius: 10px; margin-top: 10px; }
.shop-footer { padding: 16px max(14px, calc((100% - 1192px) / 2)) 64px; margin-top: 26px; border-top: 1px solid var(--shop-line); background: #0004; color: var(--shop-muted); font-size: 12px; }
.shop-to-top { position: fixed; bottom: 12px; left: calc(50% - 22px); z-index: 21; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--shop-line); background: var(--shop-surface); box-shadow: 0 6px 18px #0009; font-size: 22px; }
@container (min-width: 600px) { .shop-page { gap: 22px; } .stamp-card { padding-right: 130px; } .stamp-copy p { max-width: none; } }
@container (min-width: 768px) { .shop-page { padding: 14px 32px; } }
@container (min-width: 1280px) { .shop-page { padding-inline: 48px; } }
@container (max-width: 360px) { .stamp-ultimate { width: 70px; right: 8px; }.stamp-copy p { max-width: 100%; }.stamp-slots { gap: 4px; }.shop-card-content { padding: 10px; }.shop-amount { font-size: 23px; }.shop-price { gap: 4px; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .web-shop *, .web-shop *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.shop-preview-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; padding: 8px 12px; background: #101019; color: #eee; font: 12px/1.4 system-ui, sans-serif; }
.shop-preview-controls label { display: flex; align-items: center; gap: 6px; }.shop-preview-controls select { background: #292938; border: 1px solid #555; border-radius: 4px; padding: 3px; }
.shop-preview-selection { position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 60; width: min(420px, calc(100% - 24px)); padding: 16px; border-radius: 16px; background: #20005d; color: white; box-shadow: 0 8px 30px #000a; border: 1px solid #ffffff40; font: 14px/1.5 Lato, Arial, sans-serif; }.shop-preview-selection button { display: block; margin-top: 10px; padding: 6px 12px; border: 1px solid #ffffff60; border-radius: 8px; cursor: pointer; }
.shop-dialog-theme { min-height: 0; container-type: normal; }
.shop-dialog { position: fixed; inset: auto 0 0; margin: 0 auto; width: min(100%, 424px); max-height: min(92dvh, 900px); overflow-y: auto; padding: 16px; border: 1px solid var(--shop-line); border-radius: 20px 20px 0 0; color: white; background: linear-gradient(180deg, color-mix(in srgb, var(--shop-bg) 90%, white), var(--shop-bg)); box-shadow: 0 20px 25px #000e; font: 14px/1.45 Lato, Arial, sans-serif; }
.shop-dialog::backdrop { background: #000b; backdrop-filter: blur(3px); }.shop-dialog > * + * { margin-top: 12px; }.shop-dialog h2 { font-size: 17px; font-weight: 700; }.shop-dialog button:focus-visible, .shop-dialog input:focus-visible { outline: 3px solid #2ad4ff; outline-offset: 2px; }
.shop-dialog-actions { display: flex; gap: 10px; align-items: center; }.shop-dialog-actions .shop-secondary { margin-top: 0; flex: none; }.shop-dialog-actions .shop-price { flex: 1; }
.shop-payment-methods { display: flex; flex-direction: column; gap: 4px; border: none; }.shop-payment-method { display: flex; align-items: center; gap: 12px; padding: 10px 11px; min-height: 54px; background: #ffffff0d; box-shadow: 0 1px #0008, 0 2px #9a6ce033; cursor: pointer; }.shop-payment-method:has(input:checked) { background: #ffffff15; }.shop-payment-method.is-disabled { opacity: .5; cursor: default; }.shop-payment-method input { accent-color: #ffc417; width: 20px; height: 20px; }.shop-payment-method b { font-size: 14px; }.shop-payment-method small, .shop-selected-payment small { display: block; font-size: 11px; color: var(--shop-muted); }
.shop-fine-print { font-size: 11.5px; line-height: 1.6; color: var(--shop-muted); }.shop-purchase-summary { display: flex; gap: 12px; align-items: center; padding: 11px; border: 1px solid var(--shop-line); border-radius: 10px; background: #0005; }.shop-purchase-summary img { width: 66px; height: 50px; object-fit: contain; }.shop-purchase-summary b { display: block; font-size: 20px; }.shop-purchase-summary span { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color: var(--shop-muted); }
.shop-receipt { display: flex; flex-direction: column; gap: 5px; font-size: 12px; }.shop-receipt > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }.shop-receipt dt { color: var(--shop-muted); }.shop-receipt dd { text-align: right; font-weight: 700; overflow-wrap: anywhere; }.shop-receipt .shop-total { border-top: 1px solid var(--shop-line); padding-top: 8px; margin-top: 2px; font-size: 14px; font-weight: 700; }.shop-total dt { color: white; }
.shop-selected-payment { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 10px; padding: 9px 11px; background: #ffffff18; }.shop-selected-payment .shop-secondary { margin-top: 0; padding: 6px 12px; }
.shop-history { width: 100%; max-width: 720px; margin: 0 auto; }.shop-subheading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }.shop-subheading h1 { font-size: 20px; font-weight: 800; }.shop-subheading button { border: 1px solid var(--shop-line); border-radius: 50%; width: 34px; height: 34px; }.shop-history-month { font-size: 13px; font-weight: 700; color: var(--shop-muted); margin: 24px 0 10px; text-transform: capitalize; }.shop-history-record { border: 1px solid var(--shop-line); border-radius: 12px; margin-bottom: 8px; overflow: hidden; background: #ffffff0d; }.shop-history-record summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 10px 11px; cursor: pointer; font-size: 12px; }.shop-history-record summary::-webkit-details-marker { display: none; }.shop-history-record summary > img { width: 46px; height: 34px; object-fit: contain; }.shop-history-record summary > span { flex: 1; }.shop-history-record small { display: block; color: var(--shop-muted); font-size: 11px; }.shop-history-record summary > .shop-history-chevron { width: 22px; height: 22px; transform: rotate(180deg); }.shop-history-record[open] summary > .shop-history-chevron { transform: none; }.shop-history-detail { padding: 12px; border-top: 1px solid var(--shop-line); background: #0002; }.shop-history-detail .shop-receipt { margin: 8px 0; }.shop-order { border-top: 1px solid var(--shop-line); padding-top: 12px; }.shop-status { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--shop-muted); }.shop-status[data-status=pending] { color: #ffd75c; }.shop-status[data-status=error] { color: #ff8591; }.shop-status[data-status=refunded] { color: #2ad4ff; }
.shop-result { max-width: 372px; width: 100%; margin: 20px auto 40px; min-height: 400px; display: flex; flex-direction: column; gap: 13px; text-align: center; }.shop-result h1 { font-size: 20px; font-weight: 800; }.shop-result > p { font-size: 13.5px; line-height: 1.6; color: var(--shop-muted); }.shop-result-sign { width: 62px; height: 62px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto; font-size: 29px; font-weight: 800; color: #5ee382; border: 2px solid #2fc25a; background: #2fc25a33; }.shop-result-sign[data-status=error] { color: #ff8591; border-color: #e8323c; background: #e8323c33; }.shop-result-sign[data-status=pending] { color: #ffd75c; border-color: #ffc417; background: #ffc41733; }.shop-result-sign[data-status=cancel] { color: var(--shop-muted); border-color: var(--shop-line); background: #ffffff1a; }.shop-result-receipt { background: #0005; border: 1px solid var(--shop-line); border-radius: 12px; padding: 12px; }.shop-result .stamp-card { text-align: left; }.shop-result .shop-secondary { margin-top: 0; }
@media (min-width: 600px) { .shop-dialog { inset: 0; margin: auto; border-radius: 14px; } }
.shop-login-page { display: grid; place-items: center; padding: 32px 19px; }.shop-login { display: flex; flex-direction: column; align-items: stretch; gap: 13px; width: min(352px, 100%); }.shop-login-logo { width: 95px; height: 58px; object-fit: contain; align-self: center; }.shop-login h1 { text-align: center; font-size: 20px; font-weight: 700; }.shop-login-intro { text-align: center; font-size: 13px; line-height: 1.6; color: var(--shop-muted); }.shop-login-fields { padding: 10px 26px 0; display: flex; flex-direction: column; gap: 5px; }.shop-login-fields label { font-size: 11.5px; font-weight: 700; color: var(--shop-muted); }.shop-login-fields input { padding: 12px; width: 100%; background: #0005; border: 1px solid var(--shop-line); border-radius: 10px; font-size: 15px; min-height: 44px; margin-bottom: 8px; }.shop-login-fields input::placeholder { color: #a288c4; }.shop-login-info { display: flex; align-items: flex-start; gap: 8px; border: 1px solid var(--shop-line); border-radius: 10px; padding: 10px; background: #ffffff08; font-size: 11.5px; line-height: 1.6; color: var(--shop-muted); }.shop-login-info img { width: 24px; height: 24px; object-fit: contain; }.shop-login-notice, .shop-login-error { padding: 10px; border-radius: 10px; font-size: 13px; border: 1px solid #ffc41766; background: #ffc41714; }.shop-login-error { border-color: #ff859166; background: #ff859114; }
.shop-preview-busy { position: fixed; inset: 0; z-index: 60; background: #17002fee; color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 14px; font-size: 14px; }.shop-preview-busy small { opacity: .7; }.shop-spinner { width: 38px; height: 38px; border: 3px solid #ffffff25; border-top-color: #2ad4ff; border-radius: 50%; animation: spin 1s linear infinite; }
.shop-daily { font-size: 11px; text-align: center; color: var(--shop-muted); }.shop-price small { display: block; font-size: 10px; font-weight: 400; }.shop-purchase-summary small { display: block; font-size: 11px; color: var(--shop-muted); }
.web-shop[data-theme=generic] { --shop-bg: #101319; --shop-surface: #1d2430; --shop-light: #5aa9d6; --shop-card: linear-gradient(#333c4c, #1d2430); --shop-card-edge: #ffffff33; --shop-muted: #ced5e1; --shop-header: linear-gradient(#1c222d, #101319); --shop-header-glow: #101319; --shop-price: linear-gradient(#4fc57a, #2f9e5a); }
.shop-wordmark { color: #ffc417; font-size: 17px; font-weight: 800; display: grid; place-items: center; white-space: nowrap; }.web-shop:not([data-theme=default]) .shop-logo img { width: 112px; }.web-shop:not([data-theme=default]) .shop-login-logo { width: 180px; }
.shop-skeleton { height: 244px; border-radius: 20px; background: #ffffff12; animation: shop-loading 1.3s ease-in-out infinite; } @keyframes shop-loading { 50% { opacity: .45; } }
.shop-newsletter { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:linear-gradient(#5100ff,#17002f 75%,#21006a); box-shadow:inset 0 1px #0051ff,0 2px 2px #0004; }
.shop-newsletter>div { flex:1; min-width:0; }.shop-newsletter b { font-size:13px; }.shop-newsletter p { font-size:11px; color:#ffffffa6; }.shop-newsletter .shop-price { width:78px; flex:none; min-height:31px; font-size:12.5px; }.shop-newsletter.is-expired { background:linear-gradient(#ff7b00,#2f0300 75%,#6a2900); box-shadow:inset 0 1px #ffc417,0 2px 2px #0004; }
.shop-card.is-featured { outline:2px solid #2ad4ff; outline-offset:3px; scroll-margin-top:70px; }
.shop-consent { position:fixed; z-index:50; bottom:14px; left:50%; transform:translateX(-50%); width:min(560px,calc(100% - 28px)); max-height:calc(100dvh - 28px); overflow:auto; padding:14px 15px; border:1px solid var(--shop-line); border-radius:14px; background:#12051f; box-shadow:0 -6px 17px #000e; display:flex; flex-direction:column; gap:11px; }.shop-consent h2 { font-size:15px; font-weight:700; }.shop-consent p { font-size:12px; line-height:1.55; color:var(--shop-muted); }.shop-consent .shop-price,.shop-consent .shop-secondary { font-size:13.5px; min-height:38px; padding:9px 12px; border-radius:100px; }.shop-consent fieldset { display:flex; flex-direction:column; gap:10px; font-size:13px; }.shop-consent legend { margin-bottom:8px; font-weight:700; }.shop-consent label { display:flex; align-items:center; gap:8px; }.shop-consent input { accent-color:#ffc417; }
.shop-text-button { font-size:12px; color:var(--shop-muted); text-decoration:underline; text-underline-offset:3px; align-self:flex-start; }
.shop-tour { position:fixed; inset:auto; margin:0; width:min(300px,calc(100vw - 16px)); padding:13px 14px; border:1px solid #ffde7e; border-radius:14px; background:#12051f; box-shadow:0 16px 20px #000d; color:white; overflow:visible; font-family:Lato,Arial,sans-serif; }.shop-tour::backdrop { background:#0008; }.shop-tour h2 { font-size:15px; font-weight:700; }.shop-tour p { font-size:12.5px; line-height:1.55; color:#cdbde8; margin-top:6px; }.shop-tour-actions { display:flex; align-items:center; gap:10px; margin-top:12px; font-size:12.5px; color:#a894c4; }.shop-tour-actions .shop-price { width:auto; min-width:73px; min-height:32px; padding:4px 10px; font-size:13.5px; }.shop-tour-progress { display:flex; gap:4px; margin-right:auto; }.shop-tour-progress i { width:6px; height:6px; border-radius:6px; background:#63576d; }.shop-tour-progress i[data-active=true] { width:15px; background:#ffc417; }.shop-tour-highlight { position:fixed; pointer-events:none; border:2px solid #ffde7e; border-radius:8px; }.shop-tour :focus-visible { outline:3px solid #2ad4ff; outline-offset:3px; }
.shop-guest { max-width:352px; margin:30px auto; display:flex; flex-direction:column; gap:14px; text-align:center; }.shop-guest h1 { font-size:20px; font-weight:700; }.shop-guest>p { color:var(--shop-muted); font-size:13px; line-height:1.6; }.shop-guest .shop-text-button { align-self:center; }.shop-social { display:flex; flex-direction:column; gap:7px; }.shop-social button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:42px; border-radius:100px; background:linear-gradient(white,#c6c6c6); box-shadow:inset 0 1px white,0 3px 8px #0006; color:black; font-size:14px; font-weight:700; }.shop-social img { width:22px; height:22px; object-fit:contain; }.shop-login-divider { display:flex; align-items:center; gap:12px; font-size:11px; color:#a288c4; padding:0 18px; }.shop-login-divider:before,.shop-login-divider:after { content:''; flex:1; height:1px; background:var(--shop-line); }.shop-login-links { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--shop-muted); }.shop-footer nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:10px; }.shop-footer button:hover { text-decoration:underline; }.shop-gift-card .shop-card-footer { background:#0003; }

.shop-card-limit { background: #ff00fd33; }
.shop-card-limit span { color: #d6bff2; }
.shop-card-limit b { font-weight: 800; text-shadow: 0 4px 8px #000a; }
.shop-card.is-limit-reached { opacity: .5; }
.shop-card.is-limit-reached .shop-price:disabled { background: var(--shop-price); color: white; box-shadow: 0 4px 4px #0008, inset 0 1px #82ffc9; text-shadow: 0 2px 4px black; }
.shop-card.is-limit-reached .shop-card-limit span { font-weight: 800; }
.shop-example-caption { color: var(--shop-muted); font-size: 11px; font-weight: 700; margin-top: 12px; }
.shop-card-examples h2 { margin: 24px 0 16px; font-size: 16px; font-weight: 700; }


/* Figma bg 204:5674: exact 816 × 1456 coin artwork, without the old skyline tint/mask. */
.web-shop[data-theme=default]:not(.shop-dialog-theme) { position: relative; isolation: isolate; }
.web-shop[data-theme=default]:not(.shop-dialog-theme)::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: url('/assets/webshop/background-coins.png');
  background-position: center top; background-size: cover;
  background-repeat: no-repeat; background-attachment: fixed;
}

/* Expired offers retain their gold/red surface and readable bonus details. */
.shop-card.is-expired.is-limit-reached { opacity: 1; }
.shop-card.is-expired .shop-price:disabled {
  background: transparent; border: 1px solid #ffffff33; color: #ffffff80;
  box-shadow: none; text-shadow: none;
}

/* Remaining Figma surface and typography corrections, 2026-09-21. */
.web-shop[data-theme=default] .shop-jump { background: #180628; }
.shop-jump button { font-size: 12.5px; padding: 6px 12px; border-color: #ffc41733; background: #ffffff12; }
.shop-jump button[aria-current] { background: #ff3641; border-color: #ff3641; color: white; box-shadow: 0 0 5px #ff3641cc; }
.shop-jump button[aria-current] .shop-live-dot { background: white; }
.shop-footer nav { gap: 8px 16px; font-weight: 700; }
.shop-footer nav button:last-child { flex-basis: 100%; text-align: left; }
.shop-footer p { color: #a288c4; font-size: 11px; line-height: 1.6; font-weight: 700; }
.web-shop[data-theme=default] .shop-dialog { background: linear-gradient(#25093e, #190629); }
.shop-dialog { width: min(calc(100% - 28px), 392px); border-radius: 14px; bottom: 14px; }
.shop-payment-methods { gap: 6px; }.shop-payment-method { min-height: 51px; gap: 11px; }.shop-payment-method:has(input:checked) { background: #2fc25a1a; }
.shop-payment-method b { font-size: 13px; }.shop-payment-method small { color: #a288c4; }
.shop-history-record summary { font-size: 14px; gap: 11px; }.shop-history-record small { font-size: 11.5px; color: #a288c4; }

/* Play only for a newly awarded stamp; existing stamps remain still. */
.stamp-slot.is-new { z-index: 1; animation: stamp-arrive 650ms cubic-bezier(.2,.8,.25,1) both; }
.stamp-slot.is-new::after { content: ''; position: absolute; inset: -3px; border: 2px solid #ffd75c; border-radius: 50%; pointer-events: none; animation: stamp-ring 800ms 180ms ease-out both; }
.stamp-card.is-reward-earned .stamp-gift { animation: stamp-reward 650ms 350ms ease-out both; }
@keyframes stamp-arrive {
  0% { opacity: 0; transform: translateY(-12px) scale(1.65) rotate(-12deg); }
  45% { opacity: 1; transform: translateY(1px) scale(.85) rotate(3deg); }
  70% { transform: translateY(-2px) scale(1.12) rotate(-2deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes stamp-ring {
  0% { opacity: .9; transform: scale(.8); }
  100% { opacity: 0; transform: scale(1.9); }
}
@keyframes stamp-reward {
  0%, 100% { transform: none; }
  40% { transform: translateY(-5px) scale(1.15) rotate(-8deg); }
  70% { transform: translateY(-2px) rotate(5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .stamp-slot.is-new::after { animation: none; opacity: 0; }
  .stamp-slot.is-new, .stamp-card.is-reward-earned .stamp-gift { animation: none; }
}


.shop-bonus-popover.is-ultimate { max-height: 190px; overflow-y: auto; overscroll-behavior: contain; }
.shop-bonus-popover .shop-bonus-note { color: #c6b3e0; font-size: 11px; }

/* Shop Items / Karte · ultimate, Figma 213:7624. */
.shop-card.is-ultimate-card { isolation: isolate; background: linear-gradient(#ff8800, #f60830 50%, #ff8b23); box-shadow: 0 6px 16px #0009, inset 0 1px #ffd75c; }
.is-ultimate-card .shop-card-content { position: relative; gap: 0; }
.shop-ultimate-decoration { position: absolute; inset: 0; overflow: hidden; border-radius: 20px; z-index: -1; pointer-events: none; }
.shop-ultimate-decoration img { position: absolute; max-width: none; }
.ultimate-deco-left { width: 53.532px; height: 56.877px; left: -22px; top: 122px; transform: rotate(45deg); }
.ultimate-deco-bottom { width: 70.476px; height: 75.134px; right: -24px; top: 167px; transform: rotate(45deg); }
.ultimate-deco-top { width: 28.892px; height: 30.802px; right: -8px; top: 20px; transform: rotate(-30deg); }
.shop-ultimate-decoration span { position: absolute; font: 600 25px/normal Inter, Arial, sans-serif; text-shadow: 0 4px 16px #000a; }
.shop-ultimate-decoration span:nth-of-type(1) { right: 36px; top: -12px; }
.shop-ultimate-decoration span:nth-of-type(2) { left: 10px; top: -15px; }
.shop-ultimate-decoration span:nth-of-type(3) { left: -2px; top: 50px; }
.shop-ultimate-decoration span:nth-of-type(4) { left: 12px; top: 169px; }
.is-ultimate-card .shop-card-art { height: 101px; margin-bottom: 14px; }
.shop-ultimate-logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: min(136px, 100%); height: 64.6px; }
.shop-ultimate-logo img { width: 100%; height: 100%; object-fit: contain; }
.shop-ultimate-logo.has-event-logo { top: -4px; width: 100%; height: 92px; overflow: hidden; }
.shop-ultimate-logo.has-event-logo img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 140%; max-width: none; height: auto; }
.is-ultimate-card .shop-card-art > .shop-ultimate-ribbon { position: absolute; top: 87.91px; left: 50%; transform: translateX(-50%); width: 150px; max-width: 100%; height: auto; filter: drop-shadow(0 3.797px 3.797px #0004); }
.is-ultimate-card .shop-unit { margin-top: 2px; color: #17002fb2; }
.is-ultimate-card .shop-bonus-tray { margin-top: 8px; }
.is-ultimate-card .shop-price { margin-top: 8px; }

.shop-coupon-entry { max-width: 372px; padding: 0 14px 24px; margin: 0 auto; }
.shop-coupon-form, .shop-coupon-result { display: flex; flex-direction: column; gap: 12px; }
.shop-coupon-form > p, .shop-coupon-result > p { color: var(--shop-muted); }
.shop-coupon-form label { color: var(--shop-muted); font-size: 12px; }
.shop-coupon-form input { width: 100%; padding: 12px; border: 1px solid var(--shop-line); border-radius: 10px; background: #0004; color: white; font: inherit; }
.shop-coupon-form [role=alert] { color: #ffb0bc; }
.shop-coupon-result ul { padding-left: 20px; list-style: disc; }
.shop-coupon-result h3 { font-weight: 700; margin-bottom: 8px; }
.shop-coupon-result .shop-coupon-rewards { list-style: none; padding: 10px; border-radius: 12px; border: 1px solid var(--shop-line); background: #0003; display: flex; flex-direction: column; gap: 12px; }
.shop-coupon-rewards li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.shop-coupon-rewards img { width: 24px; height: 24px; object-fit: contain; }
.shop-coupon-rewards small { display: block; color: var(--shop-muted); font-size: 11px; }
.shop-coupon-rewards div { overflow-wrap: anywhere; }
.shop-coupon-rewards b { font-size: 13px; overflow-wrap: anywhere; max-width: 120px; text-align: right; }

.shop-pending-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; }
.shop-pending-actions .shop-secondary { margin-top: 0; }

/* Figma ShopItems 211:6903 / resolution previews 391:5549. */
.shop-web-benefit, .shop-footer { max-width: 1280px; margin-inline: auto; }
.shop-footer { padding-inline: 14px; }
@container (min-width: 768px) { .shop-footer { padding-inline: 32px; } }
@container (min-width: 1280px) { .shop-footer { padding-inline: 48px; } }
.shop-card[data-hot-design="big-catch"] { background: linear-gradient(#297dc7, #0a2b61 65%, #0a2b61); }
.shop-card[data-hot-design="special-gift"] { background: linear-gradient(#d94799, #5c0f47 65%, #5c0f47); }
.shop-card[data-hot-design="lucky-streak"] { background: linear-gradient(#36a861, #0a4724 65%, #0a4724); }
.shop-card[data-hot-design="high-roller"] { background: linear-gradient(#402e70, #120a2e 65%, #120a2e); }
.shop-card:not(.is-ultimate-card) .shop-card-art { overflow: hidden; }
.shop-card[data-hot-design="big-catch"] .shop-card-art > img { width: 84.22px; height: 84.22px; object-fit: fill; max-width: none; transform: translate(-.3px, .1px); }
.shop-card[data-hot-design="special-gift"] .shop-card-art > img { width: 99px; height: 101px; transform: translateY(-5.6px); }
.shop-card[data-hot-design="golden-hour"] .shop-card-art > img { width: 65.5px; height: 47.7px; transform: translate(-2.6px, .5px); }
.shop-card[data-hot-design="lucky-streak"] .shop-card-art > img { width: 133px; height: 100.3px; }
.shop-card[data-hot-design="high-roller"] .shop-card-art > img { width: 158.2px; height: 95.7px; object-fit: fill; max-width: none; transform: translate(-.5px, -1.8px); }
.shop-card[data-chip-art="chips-1"] .shop-card-art > img { width: 42.7px; height: 50.9px; transform: translate(1px, -5.7px); }
.shop-card[data-chip-art="chips-2"] .shop-card-art > img { width: 47.3px; height: 42.6px; transform: translate(-.5px, -3px); }
.shop-card[data-chip-art="chips-3"] .shop-card-art > img { width: 65.5px; height: 47.7px; transform: translate(-2.6px, .5px); }
.shop-card[data-chip-art="chips-4"] .shop-card-art > img { width: 80.6px; height: 69.4px; transform: translate(-.4px, -1.9px); }
.shop-card[data-chip-art="chips-5"] .shop-card-art > img { width: 72.6px; height: 64.3px; transform: translate(-2.4px, -2px); }
.shop-card[data-chip-art="chips-6"] .shop-card-art > img { width: 90px; height: 66.2px; transform: translate(-.5px, -1.9px); }
.shop-card[data-chip-art="chips-7"] .shop-card-art > img { width: 81.2px; height: 69.7px; transform: translate(-.5px, -1.9px); }
.web-shop.shop-login-page { padding: 34px 19px 40px; place-items: start center; }
.web-shop.shop-login-page[data-theme=default] { background: linear-gradient(#2a0b47e6, #1b0730e6), url('/assets/webshop/entry-coins.png') left top / max(438px, 100%) auto no-repeat, #1b0730; }
.web-shop.shop-login-page[data-theme=default]::before, .web-shop.shop-splash-page[data-theme=default]::before { content: none; }
.shop-login-page .shop-login { gap: 13px; }
.shop-login-logo-slot { width: 142px; height: 51px; overflow: hidden; position: relative; align-self: center; flex: 0 0 51px; }
.shop-login-page[data-theme=default] .shop-login-logo { position: absolute; width: 94.195px; height: 57.111px; left: 24.4px; top: -2.995px; }
.shop-login-page:not([data-theme=default]) .shop-login-logo-slot { width: 180px; }
.shop-login-page .shop-login-intro { font-size: 13px; line-height: 1.55; color: #d6bff2; }
.shop-login-page .shop-login-fields { padding: 0 26px; gap: 5px; }
.shop-login-page .shop-login-fields input { min-height: 44px; height: 44px; margin-bottom: 8px; background: #00000057; }
.shop-login-page .shop-login-fields input:last-child { margin-bottom: 0; }
.shop-login-page .shop-social button { min-height: 42px; padding: 10px; background: linear-gradient(#f1f1f1, #c2c2c2); box-shadow: inset 0 1px white, inset 0 0 12px #0004; }
.shop-login-page .shop-social-icon { position: relative; width: 22px; height: 22px; flex: 0 0 22px; overflow: hidden; border-radius: 5px; }
.shop-login-page .shop-social-icon img { position: absolute; object-fit: cover; width: 22px; height: 22px; left: 0; top: 0; }
.shop-login-page .shop-social-icon[data-provider=facebook] img { width: 38px; height: 38px; left: -7.5px; top: -8px; }
.shop-login-page .shop-social-icon[data-provider=apple] img { width: 15.444px; height: 18.973px; left: 3.498px; top: 1.0235px; }
.shop-login-page .shop-social-icon[data-provider=google] img { left: -.5px; }
.shop-login-page .shop-login > .shop-price { min-height: 42px; }
.shop-login-page .shop-login-info { background: #00000042; padding: 10px 11px; gap: 9px; line-height: 1.55; }
.shop-login-page .shop-login-info img { width: 22px; height: 22px; flex: 0 0 22px; }
.web-shop.shop-splash-page { position: relative; min-height: max(740px, 100dvh); overflow: hidden; }
.web-shop.shop-splash-page[data-theme=default] { background: url('/assets/webshop/entry-coins.png') center top / max(438px, 100%) auto no-repeat, #1b0730; }
.shop-splash-page .shop-splash-logo { position: absolute; width: 199px; height: 120.656px; object-fit: contain; left: 50%; top: 84px; transform: translateX(-50%); }
.shop-splash-page > .shop-price { position: absolute; top: 555.7px; left: 50%; transform: translateX(-50%); width: 200px; min-height: 60.606px; font-size: 22.95px; }
.shop-result.shop-result-page { width: min(100%, 340px); max-width: 340px; min-height: calc(100dvh - 57px); justify-content: center; gap: 12px; margin: 0 auto; padding: 34px 0 40px; }
.shop-result-page .shop-result-sign[data-status=success], .shop-result-page .shop-result-sign[data-status=duplicate] { width: 66px; height: 66px; border: 0; background: none; }
.shop-result-page .shop-result-sign img { width: 60px; height: 60px; object-fit: contain; }
.shop-result.shop-result-page > p { font-size: 12.5px; line-height: 1.4; color: #c3addc; }
.shop-result-page .shop-result-receipt { background: #0000004d; border: 1px solid #ffffff24; padding: 12px; border-radius: 12px; width: 100%; text-align: left; }
.shop-receipt.shop-reward-receipt { gap: 8px; font-size: 13px; }
.shop-receipt.shop-reward-receipt > div { align-items: center; min-height: 22px; }
.shop-reward-receipt dt { display: flex; align-items: center; gap: 7px; color: #d6bff2; }
.shop-reward-icon { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; overflow: hidden; }
.shop-reward-icon img { width: 22px; height: 22px; object-fit: contain; }
.shop-reward-receipt .shop-new-balance { border-top: 1px solid #ffffff24; padding-top: 8px; }
.shop-reward-receipt .shop-new-balance dt { color: white; }
.shop-reward-receipt .shop-new-balance dd { color: #5ee382; }
.shop-result-page > .shop-price { min-height: 40px; }
.shop-result-page > .shop-secondary { border-radius: 100px; min-height: 38px; margin-top: 0; }
.shop-coupon-success .shop-coupon-rewards { list-style: none; display: flex; flex-direction: column; gap: 8px; padding: 0; margin: 0 0 8px; }
.shop-coupon-success .shop-coupon-rewards li { text-align: left; font-size: 13px; }
.shop-coupon-actions { display: flex; gap: 9px; align-items: center; }
.shop-coupon-actions .shop-secondary { margin: 0; width: auto; flex: 0 0 auto; border-radius: 100px; padding: 9px 16px; }
.shop-coupon-actions .shop-price { flex: 1; min-height: 40px; }
.shop-dialog .shop-coupon-form > p { font-size: 11px; color: #a288c4; }
.shop-dialog .shop-coupon-form label { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.shop-dialog .shop-coupon-form input { height: 44px; border: 0; padding: 0 14px; background: #ffffff1a; font-size: 15px; }
.shop-history-page .shop-history-month { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; border-bottom: 1px solid #ffffff24; padding-bottom: 7px; margin: 14px 0 10px; }
.shop-history-month h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .84px; }
.shop-history-month > span { font-size: 13px; color: #d6bff2; text-align: right; }
.shop-history-page .shop-subheading { padding: 10px 14px; margin: 0 -14px 14px; background: #0003; }
.shop-history-page .shop-subheading h1 { font-size: 16px; }
.shop-history-page .shop-history-price { display: flex; flex-direction: column; gap: 3px; align-items: flex-end; flex-shrink: 0; }
.shop-history-page .shop-status { border: 1px solid currentColor; padding: 2px 7px; border-radius: 999px; font-size: 10px; }
.shop-history-page .shop-status[data-status=pending] { color: #ffc417; background: #ffc41721; }
.shop-history-page .shop-history-record summary > span { min-width: 0; }
.shop-history-credited { color: #a288c4; text-transform: uppercase; letter-spacing: .735px; font-size: 10.5px; }
.shop-history-actions { display: flex; gap: 7px; flex-wrap: wrap; }
.shop-history-page .shop-history-actions .shop-secondary { width: auto; min-height: 0; margin: 0; padding: 7px 12px; border-radius: 100px; font-size: 12.5px; }
.shop-history-page .shop-history-detail { padding: 11px; }
.shop-history-page .shop-subheading button { width: 30px; height: 30px; border: 0; flex: 0 0 30px; display: grid; place-items: center; background: url('/assets/webshop/history-back-circle.png') center / 30px 30px; box-shadow: inset 0 1px #ff00fd, inset 0 -1px 4px #5100ff; }
.shop-history-page .shop-subheading button img { width: 16.2px; height: 16.2px; }
/* Approved MVP: Figma 317:3789, 284:489 and 211:6933. */
.web-shop.shop-mvp[data-theme=default] { background: linear-gradient(180deg, #2a0b47, #1b0730); }
.web-shop.shop-mvp[data-theme=default]::before { content: none; }
.shop-mvp .shop-header { position: relative; height: 57px; }
.shop-mvp .shop-wallet { position: absolute; left: 50%; transform: translateX(-50%); width: 154px; justify-content: center; }
.shop-web-benefit { min-height: 54px; padding: 8px 14px; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 12px; background: #17002f66; color: #dfc2ff; }
.shop-web-benefit b { color: #ffd75c; white-space: nowrap; }
.shop-mvp .shop-section-heading { margin-bottom: 11px; }
.shop-mvp .shop-section-heading h2 { font-size: 16px; }
.shop-amount { display: flex; align-items: center; justify-content: center; gap: 5px; }
.shop-amount-currency { position: relative; width: 26px; height: 26px; overflow: hidden; flex: none; }
.shop-amount-currency img { position: absolute; width: 34.211px; height: 34.211px; max-width: none; left: 50%; top: calc(50% - .68px); transform: translate(-50%, -50%); object-fit: contain; }
.shop-first-purchase { position: relative; height: 92px; margin-top: 28px; border-radius: 24px; background: linear-gradient(#f6083066, #ff8b2366); box-shadow: inset 0 1px #ffc417; }
.shop-first-badge { position: absolute; left: 0; top: -4px; width: 98px; height: 98px; }
.shop-first-badge img { width: 100%; height: 100%; }
.shop-first-badge b { position: absolute; inset: 0; display: grid; place-items: center; transform: rotate(-15deg); color: #fff; font-size: 30px; font-weight: 900; text-shadow: 0 2px 2px #0007; }
.shop-first-copy { position: relative; margin-left: 101px; padding-top: 22px; width: calc(100% - 205px); min-width: 115px; display: flex; flex-direction: column; font-size: 13px; line-height: 16px; z-index: 1; }
.shop-first-copy b { font-weight: 800; }
.shop-first-copy span { color: #ffd75c; font-size: 11px; margin-top: 4px; }
.shop-first-character { position: absolute; width: 115px; height: 127px; overflow: hidden; right: 15px; top: -35px; }
.shop-first-character img { position: absolute; width: 115px; height: 201.874px; max-width: none; left: 3.16px; top: 0; object-fit: contain; }
.shop-calendar-section > .shop-grid { margin-bottom: 20px; }
.shop-mvp .stamp-card { padding: 11px 12px 10px; min-height: 106px; }
.shop-mvp .stamp-copy h2 { font-size: 13px; line-height: 16px; padding-right: 0; }
.shop-mvp .stamp-slots { justify-content: center; margin: 7px auto 5px; }
.shop-mvp .stamp-ultimate { display: none; }
.stamp-terms { font-size: 9px; line-height: 12px; color: #ffd75c; margin: 5px 0 0; }
.stamp-description { font-size: 10px; line-height: 13px; color: #ffd75c; margin: 4px 0; }
.shop-mvp .stamp-description { text-align: center; }
.shop-mvp .shop-result-content { padding-top: 0; padding-bottom: 0; }
.shop-secondary { border-radius: 100px; }
@media (max-width: 599px) {
  .shop-dialog { width: 100%; max-width: 392px; bottom: 0; border-radius: 14px 14px 0 0; }
}
@container (max-width: 360px) {
  .shop-amount { font-size: 22px; gap: 3px; }
  .shop-amount-currency { width: 22px; height: 22px; }
  .shop-first-copy { margin-left: 88px; width: 115px; font-size: 12px; }
  .shop-first-badge { width: 88px; height: 88px; }
  .shop-first-character { right: 0; width: 95px; }
}
.shop-mvp .stamp-description:not(.is-pending) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.shop-amount:has(.shop-amount-currency) > span { white-space: nowrap; }
@container (max-width: 360px) {
  .shop-amount.is-long { font-size: 19px; }
}