/* Page-local styles for wizard-credits.php. Utilities are scoped to
   #wizard-credits; pixel lengths preserve the design with Bootstrap's root size.
   No Tailwind runtime or global preflight is loaded on the production page. */
#wizard-credits {
    position: relative;
    isolation: isolate;
    margin-left: 0;
    padding-top: 50px; /* nav-new.php's fixed navbar */
    min-height: 100vh;
    background-color: #faf8ff;
    background-image: radial-gradient(ellipse at 15% 10%, rgba(87,223,254,.12), transparent 70%), radial-gradient(ellipse at 85% 15%, rgba(211,187,255,.15), transparent 70%);
    color: #131b2e;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
}
#wizard-credits *, #wizard-credits ::before, #wizard-credits ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
#wizard-credits :is(h1, h2, h3, h4, h5, h6, p) { margin: 0; font-size: inherit; font-weight: inherit; }
#wizard-credits a { color: inherit; text-decoration: none; }
#wizard-credits :is(button, input) { margin: 0; font: inherit; color: inherit; padding: 0; }
#wizard-credits button { background: transparent; cursor: pointer; text-transform: none; }
#wizard-credits button:disabled { cursor: default; }
#wizard-credits input { background: transparent; }
#wizard-credits :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
#wizard-credits .material-symbols-outlined { flex-shrink: 0; vertical-align: middle; }
#wizard-credits #purchase-section { scroll-margin-top: 70px; }
/* Checkout inserts this icon class dynamically. */
@keyframes wizard-credits-spin { to { transform: rotate(360deg); } }
#wizard-credits .animate-spin { animation: wizard-credits-spin 1s linear infinite; }
#wizard-credits, #wizard-credits *, #wizard-credits ::before, #wizard-credits ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}#wizard-credits ::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}#wizard-credits .pointer-events-none {pointer-events: none
}#wizard-credits .absolute {position: absolute
}#wizard-credits .relative {position: relative
}#wizard-credits .-bottom-20 {bottom: -80px
}#wizard-credits .-right-16 {right: -64px
}#wizard-credits .-top-16 {top: -64px
}#wizard-credits .left-1\/3 {left: 33.333333%
}#wizard-credits .left-3 {left: 12px
}#wizard-credits .right-0 {right: 0px
}#wizard-credits .right-3 {right: 12px
}#wizard-credits .top-0 {top: 0px
}#wizard-credits .z-10 {z-index: 10
}#wizard-credits .mx-auto {margin-left: auto;margin-right: auto
}#wizard-credits .mb-2 {margin-bottom: 8px
}#wizard-credits .mt-1 {margin-top: 4px
}#wizard-credits .mt-2 {margin-top: 8px
}#wizard-credits .mt-space-lg {margin-top: 24px
}#wizard-credits .mt-space-md {margin-top: 16px
}#wizard-credits .mt-space-xl {margin-top: 32px
}#wizard-credits .mt-space-xs {margin-top: 4px
}#wizard-credits .flex {display: flex
}#wizard-credits .inline-flex {display: inline-flex
}#wizard-credits .grid {display: grid
}#wizard-credits .h-10 {height: 40px
}#wizard-credits .h-12 {height: 48px
}#wizard-credits .h-14 {height: 56px
}#wizard-credits .h-72 {height: 288px
}#wizard-credits .h-80 {height: 320px
}#wizard-credits .min-h-screen {min-height: 100vh
}#wizard-credits .w-12 {width: 48px
}#wizard-credits .w-14 {width: 56px
}#wizard-credits .w-72 {width: 288px
}#wizard-credits .w-80 {width: 320px
}#wizard-credits .w-full {width: 100%
}#wizard-credits .min-w-\[320px\] {min-width: 320px
}#wizard-credits .min-w-\[340px\] {min-width: 340px
}#wizard-credits .max-w-2xl {max-width: 672px
}#wizard-credits .max-w-7xl {max-width: 1280px
}#wizard-credits .max-w-lg {max-width: 512px
}#wizard-credits .max-w-md {max-width: 448px
}#wizard-credits .max-w-xl {max-width: 576px
}#wizard-credits .shrink-0 {flex-shrink: 0
}#wizard-credits .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))
}#wizard-credits .grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
}#wizard-credits .flex-col {flex-direction: column
}#wizard-credits .flex-wrap {flex-wrap: wrap
}#wizard-credits .items-center {align-items: center
}#wizard-credits .items-baseline {align-items: baseline
}#wizard-credits .items-stretch {align-items: stretch
}#wizard-credits .justify-center {justify-content: center
}#wizard-credits .justify-between {justify-content: space-between
}#wizard-credits .gap-1 {gap: 4px
}#wizard-credits .gap-1\.5 {gap: 6px
}#wizard-credits .gap-2 {gap: 8px
}#wizard-credits .gap-space-2xl {gap: 48px
}#wizard-credits .gap-space-lg {gap: 24px
}#wizard-credits .gap-space-md {gap: 16px
}#wizard-credits .gap-space-sm {gap: 8px
}#wizard-credits .gap-space-xl {gap: 32px
}#wizard-credits .gap-space-xs {gap: 4px
}#wizard-credits .self-start {align-self: flex-start
}#wizard-credits .overflow-hidden {overflow: hidden
}#wizard-credits .rounded {border-radius: 4px
}#wizard-credits .rounded-2xl {border-radius: 16px
}#wizard-credits .rounded-full {border-radius: 9999px
}#wizard-credits .rounded-lg {border-radius: 8px
}#wizard-credits .rounded-xl {border-radius: 12px
}#wizard-credits .rounded-bl-lg {border-bottom-left-radius: 8px
}#wizard-credits .rounded-bl-xl {border-bottom-left-radius: 12px
}#wizard-credits .border-0 {border-width: 0px
}#wizard-credits .border-t-0 {border-top-width: 0px
}#wizard-credits .bg-inverse-surface {--tw-bg-opacity: 1;background-color: rgb(40 48 68 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-primary {--tw-bg-opacity: 1;background-color: rgb(83 0 183 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-primary-container {--tw-bg-opacity: 1;background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-primary-fixed {--tw-bg-opacity: 1;background-color: rgb(235 221 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-primary-fixed\/40 {background-color: rgb(235 221 255 / 0.4)
}#wizard-credits .bg-primary-fixed\/60 {background-color: rgb(235 221 255 / 0.6)
}#wizard-credits .bg-secondary-container\/20 {background-color: rgb(87 223 254 / 0.2)
}#wizard-credits .bg-secondary-fixed {--tw-bg-opacity: 1;background-color: rgb(172 237 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container {--tw-bg-opacity: 1;background-color: rgb(234 237 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container-high {--tw-bg-opacity: 1;background-color: rgb(226 231 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container-highest {--tw-bg-opacity: 1;background-color: rgb(218 226 253 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container-low {--tw-bg-opacity: 1;background-color: rgb(242 243 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container-lowest {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-surface-container-lowest\/10 {background-color: rgb(255 255 255 / 0.1)
}#wizard-credits .bg-surface-container-lowest\/15 {background-color: rgb(255 255 255 / 0.15)
}#wizard-credits .bg-surface-container-lowest\/20 {background-color: rgb(255 255 255 / 0.2)
}#wizard-credits .bg-surface-container-lowest\/80 {background-color: rgb(255 255 255 / 0.8)
}#wizard-credits .bg-tertiary-fixed {--tw-bg-opacity: 1;background-color: rgb(255 221 184 / var(--tw-bg-opacity, 1))
}#wizard-credits .bg-transparent {background-color: transparent
}#wizard-credits .bg-gradient-to-br {background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}#wizard-credits .bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops))
}#wizard-credits .from-primary {--tw-gradient-from: #5300b7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(83 0 183 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}#wizard-credits .from-surface-container {--tw-gradient-from: #eaedff var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 237 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}#wizard-credits .from-surface-container-high {--tw-gradient-from: #e2e7ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}#wizard-credits .via-primary-container {--tw-gradient-to: rgb(109 40 217 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6d28d9 var(--tw-gradient-via-position), var(--tw-gradient-to)
}#wizard-credits .via-surface-container {--tw-gradient-to: rgb(234 237 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eaedff var(--tw-gradient-via-position), var(--tw-gradient-to)
}#wizard-credits .to-secondary {--tw-gradient-to: #00687a var(--tw-gradient-to-position)
}#wizard-credits .to-surface-container-high {--tw-gradient-to: #e2e7ff var(--tw-gradient-to-position)
}#wizard-credits .to-surface-container-highest {--tw-gradient-to: #dae2fd var(--tw-gradient-to-position)
}#wizard-credits .bg-clip-text {-webkit-background-clip: text;background-clip: text
}#wizard-credits .p-space-lg {padding: 24px
}#wizard-credits .p-space-md {padding: 16px
}#wizard-credits .p-space-sm {padding: 8px
}#wizard-credits .p-space-xl {padding: 32px
}#wizard-credits .px-2 {padding-left: 8px;padding-right: 8px
}#wizard-credits .px-3 {padding-left: 12px;padding-right: 12px
}#wizard-credits .px-4 {padding-left: 16px;padding-right: 16px
}#wizard-credits .px-gutter {padding-left: 24px;padding-right: 24px
}#wizard-credits .px-space-lg {padding-left: 24px;padding-right: 24px
}#wizard-credits .px-space-md {padding-left: 16px;padding-right: 16px
}#wizard-credits .px-space-sm {padding-left: 8px;padding-right: 8px
}#wizard-credits .py-0\.5 {padding-top: 2px;padding-bottom: 2px
}#wizard-credits .py-1 {padding-top: 4px;padding-bottom: 4px
}#wizard-credits .py-1\.5 {padding-top: 6px;padding-bottom: 6px
}#wizard-credits .py-2\.5 {padding-top: 10px;padding-bottom: 10px
}#wizard-credits .py-3 {padding-top: 12px;padding-bottom: 12px
}#wizard-credits .py-3\.5 {padding-top: 14px;padding-bottom: 14px
}#wizard-credits .py-space-sm {padding-top: 8px;padding-bottom: 8px
}#wizard-credits .py-space-xl {padding-top: 32px;padding-bottom: 32px
}#wizard-credits .pl-10 {padding-left: 40px
}#wizard-credits .pl-6 {padding-left: 24px
}#wizard-credits .pr-4 {padding-right: 16px
}#wizard-credits .pt-2 {padding-top: 8px
}#wizard-credits .pt-20 {padding-top: 80px
}#wizard-credits .pt-space-sm {padding-top: 8px
}#wizard-credits .pt-space-xs {padding-top: 4px
}#wizard-credits .font-body-lg {font-family: Inter
}#wizard-credits .font-body-md {font-family: Inter
}#wizard-credits .font-body-sm {font-family: Inter
}#wizard-credits .font-headline-lg {font-family: Plus Jakarta Sans
}#wizard-credits .font-headline-md {font-family: Plus Jakarta Sans
}#wizard-credits .font-headline-sm {font-family: Plus Jakarta Sans
}#wizard-credits .font-headline-xl {font-family: Plus Jakarta Sans
}#wizard-credits .font-label-caps {font-family: Plus Jakarta Sans
}#wizard-credits .font-label-lg {font-family: Plus Jakarta Sans
}#wizard-credits .font-label-md {font-family: Plus Jakarta Sans
}#wizard-credits .text-\[10px\] {font-size: 10px
}#wizard-credits .text-\[15px\] {font-size: 15px
}#wizard-credits .text-\[16px\] {font-size: 16px
}#wizard-credits .text-\[18px\] {font-size: 18px
}#wizard-credits .text-\[20px\] {font-size: 20px
}#wizard-credits .text-\[22px\] {font-size: 22px
}#wizard-credits .text-\[24px\] {font-size: 24px
}#wizard-credits .text-\[26px\] {font-size: 26px
}#wizard-credits .text-\[30px\] {font-size: 30px
}#wizard-credits .text-\[32px\] {font-size: 32px
}#wizard-credits .text-body-lg {font-size: 16px;line-height: 26px;font-weight: 400
}#wizard-credits .text-body-md {font-size: 14px;line-height: 22px;font-weight: 400
}#wizard-credits .text-body-sm {font-size: 12px;line-height: 18px;font-weight: 400
}#wizard-credits .text-headline-lg {font-size: 28px;line-height: 36px;letter-spacing: -0.02em;font-weight: 700
}#wizard-credits .text-headline-md {font-size: 20px;line-height: 28px;letter-spacing: -0.015em;font-weight: 700
}#wizard-credits .text-headline-sm {font-size: 16px;line-height: 24px;font-weight: 600
}#wizard-credits .text-headline-xl {font-size: 36px;line-height: 44px;letter-spacing: -0.025em;font-weight: 800
}#wizard-credits .text-label-caps {font-size: 11px;line-height: 16px;letter-spacing: 0.08em;font-weight: 700
}#wizard-credits .text-label-lg {font-size: 14px;line-height: 20px;font-weight: 600
}#wizard-credits .text-label-md {font-size: 12px;line-height: 16px;letter-spacing: 0.01em;font-weight: 600
}#wizard-credits .text-xs {font-size: 12px;line-height: 16px
}#wizard-credits .font-bold {font-weight: 700
}#wizard-credits .font-extrabold {font-weight: 800
}#wizard-credits .font-medium {font-weight: 500
}#wizard-credits .font-semibold {font-weight: 600
}#wizard-credits .uppercase {text-transform: uppercase
}#wizard-credits .tracking-tight {letter-spacing: -0.025em
}#wizard-credits .tracking-wider {letter-spacing: 0.05em
}#wizard-credits .tracking-widest {letter-spacing: 0.1em
}#wizard-credits .text-inverse-on-surface {--tw-text-opacity: 1;color: rgb(238 240 255 / var(--tw-text-opacity, 1))
}#wizard-credits .text-on-primary {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}#wizard-credits .text-on-surface {--tw-text-opacity: 1;color: rgb(19 27 46 / var(--tw-text-opacity, 1))
}#wizard-credits .text-on-surface-variant {--tw-text-opacity: 1;color: rgb(74 68 85 / var(--tw-text-opacity, 1))
}#wizard-credits .text-on-surface-variant\/70 {color: rgb(74 68 85 / 0.7)
}#wizard-credits .text-on-tertiary-fixed {--tw-text-opacity: 1;color: rgb(42 23 0 / var(--tw-text-opacity, 1))
}#wizard-credits .text-outline {--tw-text-opacity: 1;color: rgb(123 116 134 / var(--tw-text-opacity, 1))
}#wizard-credits .text-primary {--tw-text-opacity: 1;color: rgb(83 0 183 / var(--tw-text-opacity, 1))
}#wizard-credits .text-primary-container {--tw-text-opacity: 1;color: rgb(109 40 217 / var(--tw-text-opacity, 1))
}#wizard-credits .text-secondary {--tw-text-opacity: 1;color: rgb(0 104 122 / var(--tw-text-opacity, 1))
}#wizard-credits .text-secondary-fixed {--tw-text-opacity: 1;color: rgb(172 237 255 / var(--tw-text-opacity, 1))
}#wizard-credits .text-surface-container-lowest {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}#wizard-credits .text-surface-variant {--tw-text-opacity: 1;color: rgb(218 226 253 / var(--tw-text-opacity, 1))
}#wizard-credits .text-surface-variant\/80 {color: rgb(218 226 253 / 0.8)
}#wizard-credits .text-tertiary {--tw-text-opacity: 1;color: rgb(93 57 0 / var(--tw-text-opacity, 1))
}#wizard-credits .text-transparent {color: transparent
}#wizard-credits .text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}#wizard-credits .text-white\/90 {color: rgb(255 255 255 / 0.9)
}#wizard-credits .shadow-2xl {--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .shadow-lg {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .shadow-sm {--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .shadow-xl {--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .shadow-primary-container\/30 {--tw-shadow-color: rgb(109 40 217 / 0.3);--tw-shadow: var(--tw-shadow-colored)
}#wizard-credits .ring-2 {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}#wizard-credits .ring-primary {--tw-ring-opacity: 1;--tw-ring-color: rgb(83 0 183 / var(--tw-ring-opacity, 1))
}#wizard-credits .blur-3xl {--tw-blur: blur(64px);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)
}#wizard-credits .backdrop-blur-md {--tw-backdrop-blur: blur(12px);-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)
}#wizard-credits .transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}#wizard-credits .transition-colors {transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}#wizard-credits .transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}#wizard-credits .hover\:bg-primary:hover {--tw-bg-opacity: 1;background-color: rgb(83 0 183 / var(--tw-bg-opacity, 1))
}#wizard-credits .hover\:bg-primary-container:hover {--tw-bg-opacity: 1;background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1))
}#wizard-credits .hover\:bg-surface-bright:hover {--tw-bg-opacity: 1;background-color: rgb(250 248 255 / var(--tw-bg-opacity, 1))
}#wizard-credits .hover\:shadow-lg:hover {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .hover\:shadow-md:hover {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}#wizard-credits .focus\:outline-none:focus {outline: 2px solid transparent;outline-offset: 2px
}#wizard-credits .focus\:ring-2:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}#wizard-credits .focus\:ring-primary:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(83 0 183 / var(--tw-ring-opacity, 1))
}#wizard-credits :is(.group:hover .group-hover\:translate-x-1) {--tw-translate-x: 4px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}#wizard-credits :is(.group:hover .group-hover\:rotate-12) {--tw-rotate: 12deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}@media (min-width: 640px) {#wizard-credits .sm\:w-44 {width: 176px
    }#wizard-credits .sm\:flex-row {flex-direction: row
    }#wizard-credits .sm\:items-center {align-items: center
    }
}@media (min-width: 768px) {#wizard-credits .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
    }#wizard-credits .md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))
    }#wizard-credits .md\:flex-row {flex-direction: row
    }#wizard-credits .md\:items-end {align-items: flex-end
    }
}@media (min-width: 1024px) {#wizard-credits .lg\:w-auto {width: auto
    }#wizard-credits .lg\:flex-row {flex-direction: row
    }
}
/* Keep the balance card and preview inside narrow mobile viewports. */
@media (max-width: 639px) {
    #wizard-credits :is(.min-w-\[340px\], .min-w-\[320px\]) { min-width: 0; }
    #wizard-credits :is(.p-space-xl, .px-gutter) { padding-left: 16px; padding-right: 16px; }
    #wizard-credits .text-headline-xl { font-size: 26px; line-height: 32px; }
    #wizard-credits .text-headline-lg { font-size: 22px; line-height: 28px; }
}

/* Apple-inspired presentation: restrained color, generous space and strong type.
   Every selector stays inside this page, leaving the shared header/footer intact. */
#wizard-credits {
    --credits-ink: #1d1d1f;
    --credits-muted: #6e6e73;
    --credits-blue: #0071e3;
    --credits-page: #f5f5f7;
    --credits-tile: #fff;
    background: var(--credits-page);
    color: var(--credits-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.5;
}
#wizard-credits :is([class*="font-headline"], [class*="font-body"], [class*="font-label"]) {
    font-family: inherit;
}
#wizard-credits .credits-layout {
    max-width: 1200px;
    padding: 88px 48px 104px;
    gap: 104px;
}
#wizard-credits .credits-section { gap: 44px; }
/* Keep the points introductions close to the preceding cards. */
#wizard-credits .credits-intro + .credits-earn,
#wizard-credits .credits-earn + .credits-purchase { margin-top: -56px; }
#wizard-credits .credits-section > div:first-child {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}
#wizard-credits .credits-section > div:first-child > div { max-width: 880px; }
#wizard-credits .credits-section > div:first-child > p {
    max-width: 660px;
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.35px;
    color: var(--credits-muted);
}
#wizard-credits .credits-earn > div:first-child > .credits-earn-tagline {
    width: 100%;
    max-width: none;
}
#wizard-credits .credits-earn > div:first-child { gap: 0; }
#wizard-credits :is(.text-primary, .text-secondary, .text-tertiary, .text-primary-container) {
    color: var(--credits-blue);
}
#wizard-credits .text-on-surface { color: var(--credits-ink); }
#wizard-credits :is(.text-on-surface-variant, .text-outline) { color: var(--credits-muted); }
#wizard-credits :is(.text-headline-lg, .text-headline-md) {
    font-weight: 600;
    letter-spacing: -1.7px;
}
#wizard-credits .text-headline-lg { font-size: 44px; line-height: 1.09; }
#wizard-credits .credits-mechanics h1 {
    font-size: 56px;
    line-height: 1.08;
    letter-spacing: -2.4px;
    font-weight: 600;
}
#wizard-credits .text-headline-md { font-size: 30px; line-height: 1.15; letter-spacing: -.8px; }
#wizard-credits .text-headline-sm { font-size: 22px; line-height: 1.2; letter-spacing: -.5px; font-weight: 600; }
#wizard-credits .text-body-md { font-size: 17px; line-height: 1.5; }
#wizard-credits .text-body-sm { font-size: 14px; line-height: 1.5; }
#wizard-credits :is(.font-label-caps, .text-label-caps) {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .02em;
    font-weight: 600;
    text-transform: none;
}
#wizard-credits .credits-section > div:first-child .font-label-caps {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--credits-muted);
    font-size: 15px;
}
#wizard-credits :is(.credits-mechanics, .credits-earn) > .grid { gap: 24px; }
#wizard-credits :is(.credits-mechanics, .credits-earn) > .grid > div {
    padding: 32px;
    border-radius: 24px;
    background: var(--credits-tile);
    box-shadow: none;
    min-width: 0;
    transition: transform .25s ease;
}
#wizard-credits :is(.credits-mechanics, .credits-earn) > .grid > div > div:first-child { gap: 24px; }
#wizard-credits :is(.credits-mechanics, .credits-earn) :is(.w-12, .w-14) {
    background: transparent;
    color: var(--credits-blue);
    justify-content: flex-start;
    border-radius: 0;
    box-shadow: none;
    width: 48px;
    height: 48px;
}
#wizard-credits :is(.credits-mechanics, .credits-earn) :is(.w-12, .w-14) .material-symbols-outlined { font-size: 44px; }
#wizard-credits .credits-mechanics .credits-pyramid-icon-wrap { width: 70px; height: 70px; }
#wizard-credits .credits-pyramid-icon { display: block; width: 70px; height: 70px; flex-shrink: 0; object-fit: contain; }
#wizard-credits :is(.credits-mechanics, .credits-earn) h3 { margin-top: 10px; margin-bottom: 12px; }
#wizard-credits .credits-mechanics > .grid > div > div:last-child {
    background: transparent;
    padding: 24px 0 0;
    margin-top: 24px;
    border-top: 1px solid #d2d2d7;
    border-radius: 0;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
}
#wizard-credits .credits-mechanics > .grid > div > .absolute {
    background: #e8f2ff;
    color: #0066cc;
    padding: 7px 12px;
    border-radius: 0 24px 0 14px;
}
#wizard-credits .credits-earn > .grid > div > div:last-child {
    margin-top: 28px;
    color: var(--credits-muted);
    font-size: 13px;
    font-weight: 500;
}
#wizard-credits .credits-purchase > div:first-child .inline-flex {
    padding: 0;
    background: transparent;
    color: var(--credits-muted);
    border-radius: 0;
    font-size: 13px;
}
#wizard-credits .credits-points-policy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--credits-muted);
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}
#wizard-credits .credits-points-policy .material-symbols-outlined {
    flex-shrink: 0;
    font-size: 16px;
}
#wizard-credits .credits-plans { gap: 24px; }
#wizard-credits .credits-plan {
    padding: 36px 28px 28px;
    border-radius: 28px;
    background: var(--credits-tile);
    border: 1px solid transparent;
    box-shadow: none;
}
#wizard-credits .credits-plan-featured { background: #f0f7ff; border-color: #b9d8fb; }
#wizard-credits .credits-plan-featured > .absolute {
    background: transparent;
    color: #0066cc;
    top: 16px;
    right: 24px;
    padding: 0;
    border-radius: 0;
    font-size: 11px;
}
#wizard-credits .credits-plan > div { gap: 26px; }
#wizard-credits .credits-plan .text-headline-xl {
    font-size: 60px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -2px;
}
#wizard-credits .credits-plan .text-tertiary { color: var(--credits-ink); }
#wizard-credits .credits-plan .text-headline-sm { font-size: 18px; }
#wizard-credits .credits-plan .text-body-sm { line-height: 1.55; }
#wizard-credits :is(.credits-plan button, .credits-custom button) {
    border-radius: 999px;
    background: var(--credits-blue);
    color: #fff;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: none;
    transition: background-color .2s ease, box-shadow .2s ease;
}
#wizard-credits .credits-plan button { margin-top: 32px; }
#wizard-credits :is(.credits-plan button, .credits-custom button):hover { background: #0077ed; box-shadow: none; }
#wizard-credits :is(button, a, input):focus-visible { outline: 3px solid #0071e3; outline-offset: 4px; }
#wizard-credits .credits-custom {
    padding: 36px;
    border: 1px solid #d2d2d7;
    border-radius: 24px;
    background: #fff;
    box-shadow: none;
    gap: 28px;
    align-items: flex-start;
    flex-wrap: wrap;
}
#wizard-credits .credits-custom > div:first-child { max-width: 360px; gap: 12px; }
#wizard-credits .credits-custom h3 { font-size: 24px; letter-spacing: -.6px; }
#wizard-credits .credits-custom .font-label-caps { color: var(--credits-muted); }
#wizard-credits .credits-custom-controls { align-self: center; gap: 12px; }
#wizard-credits #custom-points-input {
    height: 52px;
    background: #fff;
    border: 1px solid #86868b;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 44px;
}
#wizard-credits .credits-custom-controls > div:nth-child(2) { background: #f5f5f7; border-radius: 12px; min-height: 52px; }
#wizard-credits #custom-price-display { white-space: nowrap; font-size: 17px; font-weight: 500; }
#wizard-credits .credits-custom button { min-height: 52px; white-space: nowrap; }
#wizard-credits .credits-trust { gap: 20px 28px; color: var(--credits-muted); font-size: 12px; }
#wizard-credits .credits-trust .material-symbols-outlined { color: var(--credits-muted); font-size: 18px; }
#wizard-credits .credits-tracking {
    padding: 40px;
    gap: 28px;
    border-radius: 24px;
    background: var(--credits-tile);
    box-shadow: none;
}
#wizard-credits .credits-tracking .w-14 { background: transparent; box-shadow: none; color: var(--credits-blue); }
#wizard-credits .credits-tracking h4 { font-size: 22px; margin-bottom: 8px; }
#wizard-credits .credits-tracking p { max-width: 650px; }
#wizard-credits .credits-tracking a {
    background: transparent;
    padding: 0;
    color: #0066cc;
    font-size: 17px;
    font-weight: 400;
    box-shadow: none;
}
#wizard-credits .credits-tracking a:hover { background: transparent; text-decoration: underline; }
#wizard-credits .credits-faq { padding: 0; border-radius: 0; background: transparent; box-shadow: none; gap: 32px; }
#wizard-credits .credits-faq > div:first-child { text-align: center; gap: 12px; }
#wizard-credits .credits-faq > div:first-child > span { color: var(--credits-muted); font-size: 15px; }
#wizard-credits .credits-faq h3 { font-size: 40px; line-height: 1.1; letter-spacing: -1.5px; }
#wizard-credits .credits-faq > .grid { gap: 24px; }
#wizard-credits .credits-faq > .grid > div {
    background: var(--credits-tile);
    border: 0;
    border-radius: 24px;
    padding: 28px;
    gap: 12px;
}
#wizard-credits .credits-faq > .grid > div > span { font-size: 18px; line-height: 1.35; font-weight: 600; }
#wizard-credits .credits-faq .material-symbols-outlined { display: none; }
#wizard-credits .credits-faq p { padding-left: 0; font-size: 16px; line-height: 1.5; color: var(--credits-muted); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    #wizard-credits :is(.credits-mechanics, .credits-earn) > .grid > div:hover { transform: translateY(-4px); box-shadow: none; }
}
@media (max-width: 1099px) {
    #wizard-credits .credits-layout { padding-left: 32px; padding-right: 32px; }
    #wizard-credits .credits-custom { flex-direction: column; }
    #wizard-credits .credits-custom > div:first-child { max-width: none; }
    #wizard-credits .credits-custom-controls { width: 100%; align-self: stretch; }
    #wizard-credits :is(.credits-mechanics, .credits-earn) > .grid > div { padding: 28px 24px; }
    #wizard-credits .credits-plan { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 767px) {
    #wizard-credits .credits-layout { padding: 56px 24px 64px; gap: 72px; }
    #wizard-credits .credits-intro + .credits-earn,
    #wizard-credits .credits-earn + .credits-purchase { margin-top: -40px; }
    #wizard-credits .credits-section { gap: 32px; }
    #wizard-credits .credits-mechanics h1 { font-size: 38px; line-height: 1.1; letter-spacing: -1.4px; }
    #wizard-credits .text-headline-lg { font-size: 32px; line-height: 1.15; letter-spacing: -1px; }
    #wizard-credits .credits-section > div:first-child > p { font-size: 19px; line-height: 1.45; }
    #wizard-credits :is(.credits-mechanics, .credits-earn) > .grid { gap: 16px; }
    #wizard-credits .credits-plan { padding: 36px 28px 28px; }
    #wizard-credits .credits-plans { gap: 20px; }
    #wizard-credits .credits-custom { padding: 28px; }
    #wizard-credits .credits-tracking { padding: 28px; align-items: flex-start; }
    #wizard-credits .credits-tracking > div { align-items: flex-start; gap: 8px; }
    #wizard-credits .credits-tracking .w-14 { width: 36px; height: 36px; }
    #wizard-credits .credits-tracking a { padding-left: 44px; }
    #wizard-credits .credits-faq h3 { font-size: 32px; letter-spacing: -1px; }
}
@media (max-width: 374px) {
    #wizard-credits .credits-layout { padding-left: 16px; padding-right: 16px; }
    #wizard-credits .credits-mechanics h1 { font-size: 34px; }
    #wizard-credits .credits-custom { padding: 24px; }
    #wizard-credits .credits-section > div:first-child .inline-flex { flex-wrap: wrap; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    #wizard-credits *, #wizard-credits ::before, #wizard-credits ::after { transition: none; }
}

/* Introduction: free basic access, Xi generation and the supplied privacy copy. */
#wizard-credits .credits-intro { width: 100%; }
#wizard-credits .credits-collect-heading { max-width: 820px; margin: 0 auto; font-size: 32px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; text-align: center; text-wrap: balance; }
#wizard-credits h1.credits-intro-title {
    max-width: none;
    margin: 0 0 28px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.3px;
    text-align: left;
    text-wrap: pretty;
}
#wizard-credits .credits-intro-title strong { color: var(--credits-blue); font-weight: 600; }
#wizard-credits .credits-intro-grid { border-radius: 24px; background: var(--credits-tile); }
#wizard-credits .credits-intro-panel { min-width: 0; padding: 48px 32px; background: transparent; text-align: center; }
#wizard-credits .credits-intro-panel > .material-symbols-outlined { display: block; margin-bottom: 20px; color: var(--credits-blue); font-size: 30px; }
#wizard-credits .credits-intro-brand { margin: 0 auto 16px; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -1px; text-wrap: balance; }
#wizard-credits .credits-intro-panel p { max-width: 860px; margin: 0 auto; color: var(--credits-muted); font-size: 22px; line-height: 1.6; text-wrap: pretty; }
#wizard-credits .credits-intro-panel p + p { margin-top: 24px; }
#wizard-credits .credits-intro-panel p strong { color: var(--credits-ink); font-weight: 600; }
#wizard-credits .credits-patthai-brand { color: #7c3aed; font-weight: 600; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
    #wizard-credits .credits-patthai-brand {
        background: linear-gradient(120deg, #7c3aed, #06b6d4, #ec4899, #7c3aed);
        background-size: 220% auto;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: wizard-credits-brand-shine 4s linear infinite;
    }
}
@keyframes wizard-credits-brand-shine {
    0% { background-position: 0% center; }
    100% { background-position: 220% center; }
}
@media (prefers-reduced-motion: reduce) {
    #wizard-credits .credits-patthai-brand { animation: none; }
}
@media (max-width: 767px) {
    #wizard-credits h1.credits-intro-title { margin-bottom: 24px; font-size: 18px; letter-spacing: -.2px; }
    #wizard-credits .credits-collect-heading { font-size: 26px; letter-spacing: -.5px; }
    #wizard-credits .credits-intro-panel { padding: 32px 24px; }
    #wizard-credits .credits-intro-brand { font-size: 30px; letter-spacing: -.7px; }
    #wizard-credits .credits-intro-panel p { font-size: 20px; }
}

/* Vertical introduction video, followed by a direct link into Formula Studio. */
#wizard-credits .credits-walkthrough { display: grid; grid-template-columns: 320px minmax(0, 1fr); align-items: center; gap: 64px; padding: 48px; border-radius: 32px; background: var(--credits-tile); }
#wizard-credits .credits-walkthrough-player { position: relative; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 24px; background: #16191f; box-shadow: 0 16px 40px rgba(29, 29, 31, .12); }
#wizard-credits .credits-walkthrough-player iframe { display: block; width: 100%; height: 100%; border: 0; }
#wizard-credits .credits-walkthrough-source:focus-visible,
#wizard-credits .credits-walkthrough-link:focus-visible { outline: 3px solid #0066cc; outline-offset: 4px; }
#wizard-credits .credits-walkthrough-details { min-width: 0; }
#wizard-credits .credits-walkthrough-eyebrow { margin-bottom: 16px; color: var(--credits-muted); font-size: 14px; font-weight: 600; }
#wizard-credits .credits-walkthrough h2 { max-width: 420px; font-size: 40px; font-weight: 600; line-height: 1.15; letter-spacing: -1.2px; text-wrap: balance; }
#wizard-credits .credits-walkthrough-description { max-width: 440px; margin-top: 20px; color: var(--credits-muted); font-size: 18px; line-height: 1.6; }
#wizard-credits .credits-walkthrough-steps { display: grid; gap: 16px; margin: 28px 0 32px; padding: 0; list-style: none; }
#wizard-credits .credits-walkthrough-steps li { display: flex; align-items: center; gap: 12px; font-size: 16px; line-height: 1.5; }
#wizard-credits .credits-walkthrough-steps li > span { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: #e1edff; color: #0066cc; font-size: 13px; font-weight: 600; }
#wizard-credits .credits-walkthrough-link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 22px; border-radius: 999px; background: var(--credits-blue); color: #fff; font-size: 16px; font-weight: 500; }
#wizard-credits .credits-walkthrough-link:hover { background: #0077ed; }
#wizard-credits .credits-walkthrough-link .material-symbols-outlined { font-size: 20px; }
#wizard-credits .credits-walkthrough-note { margin-top: 14px; color: var(--credits-muted); font-size: 13px; line-height: 1.5; }
#wizard-credits .credits-walkthrough-source { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; color: #0066cc; font-size: 14px; line-height: 1.5; }
#wizard-credits .credits-walkthrough-source:hover { text-decoration: underline; }
#wizard-credits .credits-walkthrough-source .material-symbols-outlined { font-size: 16px; }
@media (max-width: 1099px) {
    #wizard-credits .credits-walkthrough { gap: 40px; padding: 36px; }
}
@media (max-width: 899px) {
    #wizard-credits .credits-walkthrough { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 36px; }
    #wizard-credits .credits-walkthrough-player { max-width: 320px; }
    #wizard-credits .credits-walkthrough-details { width: 100%; max-width: 440px; }
    #wizard-credits .credits-walkthrough h2 { font-size: 34px; }
}
@media (max-width: 639px) {
    #wizard-credits .credits-walkthrough { padding: 24px; border-radius: 24px; gap: 28px; }
    #wizard-credits .credits-walkthrough-player { border-radius: 18px; }
    #wizard-credits .credits-walkthrough h2 { font-size: 30px; letter-spacing: -.8px; }
    #wizard-credits .credits-walkthrough-description { font-size: 17px; }
    #wizard-credits .credits-walkthrough-steps li { font-size: 15px; }
    #wizard-credits .credits-walkthrough-link { width: 100%; font-size: 15px; padding-left: 16px; padding-right: 16px; }
}