/* [next]/internal/font/google/geologica_23a8f048.module.css [app-client] (css) */
@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/a0e30198fe14ae79.0~urff7_lj_a5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9658f0192ab0ffeb.0105lgm4h8z7j.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/e41c767cff28c121.0tfmqt_~kw403.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/c1a869d230520933.07v9nyr8jfnrd.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/982092e5d66e97ff.0~o~uq_uygj-y.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/0981397205f5a2e0.p.0h8w1pexbh0ml.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.geologica_23a8f048-module__q1ek5q__className {
  font-family: Geologica, Inter, system-ui, sans-serif;
  font-style: normal;
}

.geologica_23a8f048-module__q1ek5q__variable {
  --font-heading: "Geologica", Inter, system-ui, sans-serif;
}

/* [next]/internal/font/google/rubik_9fd90e33.module.css [app-client] (css) */
@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/098850a6eb1f8577.0g1t.0rh7pnnu.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/6dac7af80352e41b.0n5n1r_vv7.6y.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702.0iuj2wol7j-3b.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd.06avho5za9mi..woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb.07mp_d91dgmcu.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b.p.08ydm43xlmlw2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.rubik_9fd90e33-module__ODb2Iq__className {
  font-family: Rubik, Inter, system-ui, sans-serif;
  font-style: normal;
}

.rubik_9fd90e33-module__ODb2Iq__variable {
  --font-body: "Rubik", Inter, system-ui, sans-serif;
}

/* [next]/internal/font/google/inter_7b064e0d.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_7b064e0d-module__MOT0tq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_7b064e0d-module__MOT0tq__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@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-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-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-outline-style: solid;
      --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;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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-200: #ffcaca;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-amber-700: #b75000;
    --color-yellow-400: #fac800;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-800: #016630;
    --color-cyan-600: #0092b5;
    --color-blue-400: #54a2ff;
    --color-violet-700: #7008e7;
    --color-slate-950: #020618;
    --color-neutral-700: #404040;
    --color-stone-100: #f5f5f4;
    --color-stone-200: #e7e5e4;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --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);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --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-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --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);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
      --color-neutral-700: lab(27.036% 0 0);
      --color-stone-100: lab(96.5286% -.0991821 .364268);
      --color-stone-200: lab(91.055% .663072 .865579);
    }
  }
}

@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, ui-sans-serif, system-ui, 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;
    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 {
    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;
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .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: calc(var(--spacing) * 0);
  }

  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }

  .inset-8 {
    inset: calc(var(--spacing) * 8);
  }

  .inset-\[3\.5px\] {
    inset: 3.5px;
  }

  .inset-\[72px\] {
    inset: 72px;
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-x-3\.5 {
    inset-inline: calc(var(--spacing) * 3.5);
  }

  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .inset-y-0\.5 {
    inset-block: calc(var(--spacing) * .5);
  }

  .inset-y-1\.5 {
    inset-block: calc(var(--spacing) * 1.5);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .start\! {
    inset-inline-start: var(--spacing) !important;
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-6 {
    top: calc(var(--spacing) * -6);
  }

  .-top-7 {
    top: calc(var(--spacing) * -7);
  }

  .-top-8 {
    top: calc(var(--spacing) * -8);
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-80 {
    top: calc(var(--spacing) * 80);
  }

  .top-\[-3rem\] {
    top: -3rem;
  }

  .top-\[3px\] {
    top: 3px;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[44\%\] {
    top: 44%;
  }

  .top-\[45\%\] {
    top: 45%;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[52px\] {
    top: 52px;
  }

  .top-\[56px\] {
    top: 56px;
  }

  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }

  .top-\[calc\(100\%\+10px\)\] {
    top: calc(100% + 10px);
  }

  .top-\[var\(--rb-announcement-offset\,0px\)\] {
    top: var(--rb-announcement-offset, 0px);
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-6 {
    right: calc(var(--spacing) * -6);
  }

  .-right-7 {
    right: calc(var(--spacing) * -7);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-1\/2 {
    right: 50%;
  }

  .right-1\/4 {
    right: 25%;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .right-\[-5px\] {
    right: -5px;
  }

  .right-\[26\%\] {
    right: 26%;
  }

  .right-\[calc\(100\%\+10px\)\] {
    right: calc(100% + 10px);
  }

  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }

  .bottom-\[-26px\] {
    bottom: -26px;
  }

  .bottom-\[25\%\] {
    bottom: 25%;
  }

  .bottom-\[84px\] {
    bottom: 84px;
  }

  .bottom-\[120\%\] {
    bottom: 120%;
  }

  .bottom-\[calc\(100\%\+10px\)\] {
    bottom: calc(100% + 10px);
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-\[-4\.5rem\] {
    left: -4.5rem;
  }

  .left-\[28\%\] {
    left: 28%;
  }

  .left-\[33\.3\%\] {
    left: 33.3%;
  }

  .left-\[46\%\] {
    left: 46%;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[66\.6\%\] {
    left: 66.6%;
  }

  .left-\[72px\] {
    left: 72px;
  }

  .left-\[calc\(100\%\+10px\)\] {
    left: calc(100% + 10px);
  }

  .left-\[calc\(100\%\+12px\)\] {
    left: calc(100% + 12px);
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[3\] {
    z-index: 3;
  }

  .z-\[4\] {
    z-index: 4;
  }

  .z-\[5\] {
    z-index: 5;
  }

  .z-\[6\] {
    z-index: 6;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[75\] {
    z-index: 75;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[91\] {
    z-index: 91;
  }

  .z-\[95\] {
    z-index: 95;
  }

  .z-\[110\] {
    z-index: 110;
  }

  .z-\[115\] {
    z-index: 115;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .z-\[125\] {
    z-index: 125;
  }

  .z-\[130\] {
    z-index: 130;
  }

  .z-\[150\] {
    z-index: 150;
  }

  .z-\[200\] {
    z-index: 200;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-4 {
    grid-row: span 4 / span 4;
  }

  .row-start-1 {
    grid-row-start: 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-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-2 {
    margin: calc(var(--spacing) * 2);
  }

  .m-\[2px\] {
    margin: 2px;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .ms-3\.5 {
    margin-inline-start: calc(var(--spacing) * 3.5);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-\[34px\] {
    margin-top: 34px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-\[-1rem\] {
    margin-left: -1rem;
  }

  .ml-\[-2\.5rem\] {
    margin-left: -2.5rem;
  }

  .ml-\[1rem\] {
    margin-left: 1rem;
  }

  .ml-\[2\.5rem\] {
    margin-left: 2.5rem;
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .aspect-\[0\.72\] {
    aspect-ratio: .72;
  }

  .aspect-\[0\.76\] {
    aspect-ratio: .76;
  }

  .aspect-\[0\.78\] {
    aspect-ratio: .78;
  }

  .aspect-\[1\.7\] {
    aspect-ratio: 1.7;
  }

  .aspect-\[1\/0\.1\] {
    aspect-ratio: 1 / .1;
  }

  .aspect-\[1\/0\.5\] {
    aspect-ratio: 1 / .5;
  }

  .aspect-\[1\/0\.8\] {
    aspect-ratio: 1 / .8;
  }

  .aspect-\[1\/1\] {
    aspect-ratio: 1;
  }

  .aspect-\[2\.2\] {
    aspect-ratio: 2.2;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
  }

  .aspect-\[7\/3\] {
    aspect-ratio: 7 / 3;
  }

  .aspect-\[16\/7\] {
    aspect-ratio: 16 / 7;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/4 {
    height: 25%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-2\/3 {
    height: 66.6667%;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .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-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-52 {
    height: calc(var(--spacing) * 52);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-\[0px\] {
    height: 0;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[12px\] {
    height: 12px;
  }

  .h-\[15\%\] {
    height: 15%;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[42\%\] {
    height: 42%;
  }

  .h-\[44\%\] {
    height: 44%;
  }

  .h-\[45\%\] {
    height: 45%;
  }

  .h-\[50\%\] {
    height: 50%;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[55\%\] {
    height: 55%;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[58px\] {
    height: 58px;
  }

  .h-\[62px\] {
    height: 62px;
  }

  .h-\[64px\] {
    height: 64px;
  }

  .h-\[66px\] {
    height: 66px;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[80\%\] {
    height: 80%;
  }

  .h-\[82vh\] {
    height: 82vh;
  }

  .h-\[84px\] {
    height: 84px;
  }

  .h-\[84vh\] {
    height: 84vh;
  }

  .h-\[85\%\] {
    height: 85%;
  }

  .h-\[88px\] {
    height: 88px;
  }

  .h-\[88vh\] {
    height: 88vh;
  }

  .h-\[92px\] {
    height: 92px;
  }

  .h-\[98px\] {
    height: 98px;
  }

  .h-\[100dvh\] {
    height: 100dvh;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[118px\] {
    height: 118px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[124px\] {
    height: 124px;
  }

  .h-\[132px\] {
    height: 132px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[172px\] {
    height: 172px;
  }

  .h-\[174px\] {
    height: 174px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[184px\] {
    height: 184px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[210px\] {
    height: 210px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[360px\] {
    height: 360px;
  }

  .h-\[380px\] {
    height: 380px;
  }

  .h-\[390px\] {
    height: 390px;
  }

  .h-\[540px\] {
    height: 540px;
  }

  .h-\[640px\] {
    height: 640px;
  }

  .h-\[720px\] {
    height: 720px;
  }

  .h-\[750px\] {
    height: 750px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[calc\(100dvh-180px\)\] {
    height: calc(100dvh - 180px);
  }

  .h-\[calc\(100vh-58px\)\] {
    height: calc(100vh - 58px);
  }

  .h-\[clamp\(320px\,52vh\,460px\)\] {
    height: clamp(320px, 52vh, 460px);
  }

  .h-\[min\(70vh\,680px\)\] {
    height: min(70vh, 680px);
  }

  .h-\[var\(--live-win-tile\)\] {
    height: var(--live-win-tile);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-7 {
    max-height: calc(var(--spacing) * 7);
  }

  .max-h-9 {
    max-height: calc(var(--spacing) * 9);
  }

  .max-h-11 {
    max-height: calc(var(--spacing) * 11);
  }

  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }

  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }

  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }

  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-\[52vh\] {
    max-height: 52vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[82vh\] {
    max-height: 82vh;
  }

  .max-h-\[84vh\] {
    max-height: 84vh;
  }

  .max-h-\[86vh\] {
    max-height: 86vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[94dvh\] {
    max-height: 94dvh;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[224px\] {
    max-height: 224px;
  }

  .max-h-\[236px\] {
    max-height: 236px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[260px\] {
    max-height: 260px;
  }

  .max-h-\[280px\] {
    max-height: 280px;
  }

  .max-h-\[306px\] {
    max-height: 306px;
  }

  .max-h-\[360px\] {
    max-height: 360px;
  }

  .max-h-\[392px\] {
    max-height: 392px;
  }

  .max-h-\[560px\] {
    max-height: 560px;
  }

  .max-h-\[calc\(100dvh-8rem\)\] {
    max-height: calc(100dvh - 8rem);
  }

  .max-h-\[calc\(100dvh-118px\)\] {
    max-height: calc(100dvh - 118px);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

  .min-h-52 {
    min-height: calc(var(--spacing) * 52);
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[45\%\] {
    min-height: 45%;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[78px\] {
    min-height: 78px;
  }

  .min-h-\[92px\] {
    min-height: 92px;
  }

  .min-h-\[96px\] {
    min-height: 96px;
  }

  .min-h-\[102px\] {
    min-height: 102px;
  }

  .min-h-\[132px\] {
    min-height: 132px;
  }

  .min-h-\[152px\] {
    min-height: 152px;
  }

  .min-h-\[164px\] {
    min-height: 164px;
  }

  .min-h-\[184px\] {
    min-height: 184px;
  }

  .min-h-\[210px\] {
    min-height: 210px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[350px\] {
    min-height: 350px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[430px\] {
    min-height: 430px;
  }

  .min-h-\[470px\] {
    min-height: 470px;
  }

  .min-h-\[500px\] {
    min-height: 500px;
  }

  .min-h-\[520px\] {
    min-height: 520px;
  }

  .min-h-\[560px\] {
    min-height: 560px;
  }

  .min-h-\[640px\] {
    min-height: 640px;
  }

  .min-h-\[720px\] {
    min-height: 720px;
  }

  .min-h-\[calc\(100dvh-180px\)\] {
    min-height: calc(100dvh - 180px);
  }

  .min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem);
  }

  .min-h-\[calc\(100vh-140px\)\] {
    min-height: calc(100vh - 140px);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .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-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-30 {
    width: calc(var(--spacing) * 30);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[0px\] {
    width: 0;
  }

  .w-\[2px\] {
    width: 2px;
  }

  .w-\[5\%\] {
    width: 5%;
  }

  .w-\[9\%\] {
    width: 9%;
  }

  .w-\[12px\] {
    width: 12px;
  }

  .w-\[15\%\] {
    width: 15%;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20\%\] {
    width: 20%;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[22\%\] {
    width: 22%;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[28\%\] {
    width: 28%;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[33\.3\%\] {
    width: 33.3%;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[42\%\] {
    width: 42%;
  }

  .w-\[44\%\] {
    width: 44%;
  }

  .w-\[46\%\] {
    width: 46%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[58\%\] {
    width: 58%;
  }

  .w-\[58px\] {
    width: 58px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[62px\] {
    width: 62px;
  }

  .w-\[68px\] {
    width: 68px;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[82px\] {
    width: 82px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[100\%\] {
    width: 100%;
  }

  .w-\[104px\] {
    width: 104px;
  }

  .w-\[116px\] {
    width: 116px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[148px\] {
    width: 148px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[168px\] {
    width: 168px;
  }

  .w-\[170px\] {
    width: 170px;
  }

  .w-\[210px\] {
    width: 210px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[226px\] {
    width: 226px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[284px\] {
    width: 284px;
  }

  .w-\[286px\] {
    width: 286px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[348px\] {
    width: 348px;
  }

  .w-\[350px\] {
    width: 350px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[calc\(100\%-0\.5rem\)\] {
    width: calc(100% - .5rem);
  }

  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }

  .w-\[calc\(100\%_-_48px\)\] {
    width: calc(100% - 48px);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[clamp\(150px\,15vw\,178px\)\] {
    width: clamp(150px, 15vw, 178px);
  }

  .w-\[clamp\(288px\,26vw\,340px\)\] {
    width: clamp(288px, 26vw, 340px);
  }

  .w-\[clamp\(292px\,32vw\,352px\)\] {
    width: clamp(292px, 32vw, 352px);
  }

  .w-\[min\(94vw\,440px\)\] {
    width: min(94vw, 440px);
  }

  .w-\[min\(100\%\,1220px\)\] {
    width: min(100%, 1220px);
  }

  .w-\[min\(100\%\,1420px\)\] {
    width: min(100%, 1420px);
  }

  .w-\[min\(100\%\,1520px\)\] {
    width: min(100%, 1520px);
  }

  .w-\[min\(520px\,calc\(100vw-32px\)\)\] {
    width: min(520px, 100vw - 32px);
  }

  .w-\[var\(--live-win-card\)\] {
    width: var(--live-win-card);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-screen {
    width: 100vw;
  }

  .w-svw {
    width: 100svw;
  }

  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[44px\] {
    max-width: 44px;
  }

  .max-w-\[45vw\] {
    max-width: 45vw;
  }

  .max-w-\[48px\] {
    max-width: 48px;
  }

  .max-w-\[55\%\] {
    max-width: 55%;
  }

  .max-w-\[64px\] {
    max-width: 64px;
  }

  .max-w-\[68px\] {
    max-width: 68px;
  }

  .max-w-\[72\%\] {
    max-width: 72%;
  }

  .max-w-\[78\%\] {
    max-width: 78%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[80px\] {
    max-width: 80px;
  }

  .max-w-\[82\%\] {
    max-width: 82%;
  }

  .max-w-\[86\%\] {
    max-width: 86%;
  }

  .max-w-\[88px\] {
    max-width: 88px;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[92px\] {
    max-width: 92px;
  }

  .max-w-\[100\%\] {
    max-width: 100%;
  }

  .max-w-\[110px\] {
    max-width: 110px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[146px\] {
    max-width: 146px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[190px\] {
    max-width: 190px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[248px\] {
    max-width: 248px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[530px\] {
    max-width: 530px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[594px\] {
    max-width: 594px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[1100px\] {
    max-width: 1100px;
  }

  .max-w-\[1240px\] {
    max-width: 1240px;
  }

  .max-w-\[1280px\] {
    max-width: 1280px;
  }

  .max-w-\[1300px\] {
    max-width: 1300px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1472px\] {
    max-width: 1472px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[1520px\] {
    max-width: 1520px;
  }

  .max-w-\[1800px\] {
    max-width: 1800px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[min\(50vw\,176px\)\] {
    max-width: min(50vw, 176px);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-\[3rem\] {
    min-width: 3rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[34px\] {
    min-width: 34px;
  }

  .min-w-\[50px\] {
    min-width: 50px;
  }

  .min-w-\[60px\] {
    min-width: 60px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[88px\] {
    min-width: 88px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[210px\] {
    min-width: 210px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[224px\] {
    min-width: 224px;
  }

  .min-w-\[226px\] {
    min-width: 226px;
  }

  .min-w-\[248px\] {
    min-width: 248px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[340px\] {
    min-width: 340px;
  }

  .min-w-\[860px\] {
    min-width: 860px;
  }

  .min-w-\[920px\] {
    min-width: 920px;
  }

  .min-w-\[980px\] {
    min-width: 980px;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_0_42\%\] {
    flex: 0 0 42%;
  }

  .flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .origin-left {
    transform-origin: 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * -5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[30\%\] {
    --tw-translate-x: calc(30% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[1200px\] {
    --tw-translate-x: 1200px;
    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-2\/3 {
    --tw-translate-y: calc(calc(2 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[2px\] {
    --tw-translate-y: calc(2px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[70px\] {
    --tw-translate-y: calc(70px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[0px\] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[4px\] {
    --tw-translate-y: 4px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[6px\] {
    --tw-translate-y: 6px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[8px\] {
    --tw-translate-y: 8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    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);
  }

  .scale-\[1\.02\] {
    scale: 1.02;
  }

  .scale-\[1\.04\] {
    scale: 1.04;
  }

  .-rotate-6 {
    rotate: -6deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-y-180 {
    --tw-rotate-y: rotateY(180deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[rb-balance-delta-down_1\.2s_ease-out_forwards\] {
    animation: 1.2s ease-out forwards rb-balance-delta-down;
  }

  .animate-\[search-shimmer_1\.45s_infinite\] {
    animation: 1.45s infinite search-shimmer;
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-pl-1 {
    scroll-padding-left: calc(var(--spacing) * 1);
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-\[1\.1fr_1fr_\.65fr_\.75fr_\.8fr_\.8fr_\.55fr_\.75fr_72px\] {
    grid-template-columns: 1.1fr 1fr .65fr .75fr .8fr .8fr .55fr .75fr 72px;
  }

  .grid-cols-\[2\.1fr_1\.4fr_1fr_1\.15fr_1fr_1\.05fr\] {
    grid-template-columns: 2.1fr 1.4fr 1fr 1.15fr 1fr 1.05fr;
  }

  .grid-cols-\[2\.2fr_1fr_1\.1fr_1fr_1fr_1\.1fr\] {
    grid-template-columns: 2.2fr 1fr 1.1fr 1fr 1fr 1.1fr;
  }

  .grid-cols-\[24px_24px_1fr_auto\] {
    grid-template-columns: 24px 24px 1fr auto;
  }

  .grid-cols-\[32px_minmax\(0\,1fr\)\] {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .grid-cols-\[44px_1fr_44px_44px\] {
    grid-template-columns: 44px 1fr 44px 44px;
  }

  .grid-cols-\[44px_minmax\(0\,1fr\)\] {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .grid-cols-\[52px_1fr_86px\] {
    grid-template-columns: 52px 1fr 86px;
  }

  .grid-cols-\[54px_1fr_92px\] {
    grid-template-columns: 54px 1fr 92px;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_84px\] {
    grid-template-columns: minmax(0, 1fr) 84px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .place-items-end {
    place-items: end;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :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)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[1px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[1px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-white\/\[0\.08\] > :not(:last-child)) {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/\[0\.08\] > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .\[overscroll-behavior\:contain\] {
    overscroll-behavior: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[22px\] {
    border-radius: 22px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[26px\] {
    border-radius: 26px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[999px\] {
    border-radius: 999px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .rounded-t-\[22px\] {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  }

  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .rounded-t-\[26px\] {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
  }

  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }

  .rounded-t-\[30px\] {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-top-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-\[12px\] {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .rounded-l-\[24px\] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

  .rounded-l-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-bottom-left-radius: calc(var(--radius) - 4px);
  }

  .rounded-tl-\[3px\] {
    border-top-left-radius: 3px;
  }

  .rounded-tl-\[14px\] {
    border-top-left-radius: 14px;
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-r-sm {
    border-top-right-radius: calc(var(--radius) - 4px);
    border-bottom-right-radius: calc(var(--radius) - 4px);
  }

  .rounded-tr-none {
    border-top-right-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br-sm {
    border-bottom-right-radius: calc(var(--radius) - 4px);
  }

  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .rounded-bl-sm {
    border-bottom-left-radius: calc(var(--radius) - 4px);
  }

  .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-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-\[8px\] {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .border-y-\[8px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-\[11px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 11px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-8 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-\[11px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 11px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#00e701\] {
    border-color: #00e701;
  }

  .border-\[\#2f4553\] {
    border-color: #2f4553;
  }

  .border-\[\#2fe42f\] {
    border-color: #2fe42f;
  }

  .border-\[\#3dff23b4\] {
    border-color: #3dff23b4;
  }

  .border-\[\#36e95d\] {
    border-color: #36e95d;
  }

  .border-\[\#020202bb\] {
    border-color: #020202bb;
  }

  .border-\[\#b6b6b6b7\] {
    border-color: #b6b6b6b7;
  }

  .border-\[\#da9820\] {
    border-color: #da9820;
  }

  .border-\[\#ffe81a\] {
    border-color: #ffe81a;
  }

  .border-\[\#fff\] {
    border-color: #fff;
  }

  .border-\[\#ffffff8f\] {
    border-color: #ffffff8f;
  }

  .border-\[\#ffffff9c\] {
    border-color: #ffffff9c;
  }

  .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_30\%\,transparent\)\] {
    border-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_30\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--rb-gold) 30%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_40\%\,transparent\)\] {
    border-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--rb-gold) 40%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_46\%\,transparent\)\] {
    border-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--rb-gold\)_46\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--rb-gold) 46%,transparent);
    }
  }

  .border-\[var\(--rb-border\)\] {
    border-color: var(--rb-border);
  }

  .border-\[var\(--rb-border\,rgba\(255\,255\,255\,0\.1\)\)\] {
    border-color: var(--rb-border, #ffffff1a);
  }

  .border-\[var\(--rb-border\,rgba\(255\,255\,255\,0\.08\)\)\] {
    border-color: var(--rb-border, #ffffff14);
  }

  .border-\[var\(--rb-border-strong\)\] {
    border-color: var(--rb-border-strong);
  }

  .border-\[var\(--rb-gold\)\] {
    border-color: var(--rb-gold);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-border {
    border-color: hsl(var(--border));
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-input {
    border-color: hsl(var(--input));
  }

  .border-primary {
    border-color: hsl(var(--primary));
  }

  .border-red-400\/30 {
    border-color: #ff65684d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/30 {
      border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/6 {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/6 {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/7 {
    border-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/7 {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }

  .border-white\/8 {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/8 {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .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\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, 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\/\[0\.04\] {
    border-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.04\] {
      border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/\[0\.07\] {
    border-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.07\] {
      border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .border-white\/\[0\.08\] {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .border-y-transparent {
    border-block-color: #0000;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-r-\[var\(--rb-gold\)\]\/55 {
    border-right-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-r-\[var\(--rb-gold\)\]\/55 {
      border-right-color: color-mix(in oklab, var(--rb-gold) 55%, transparent);
    }
  }

  .border-l-\[var\(--rb-gold\)\]\/55 {
    border-left-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-l-\[var\(--rb-gold\)\]\/55 {
      border-left-color: color-mix(in oklab, var(--rb-gold) 55%, transparent);
    }
  }

  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }

  .bg-\[\#0a0a0aaf\] {
    background-color: #0a0a0aaf;
  }

  .bg-\[\#0f212e\] {
    background-color: #0f212e;
  }

  .bg-\[\#00e701\] {
    background-color: #00e701;
  }

  .bg-\[\#000000\] {
    background-color: #000;
  }

  .bg-\[\#1a2c38\] {
    background-color: #1a2c38;
  }

  .bg-\[\#1b1b1b4b\] {
    background-color: #1b1b1b4b;
  }

  .bg-\[\#2d2d2d\] {
    background-color: #2d2d2d;
  }

  .bg-\[\#2f4553\] {
    background-color: #2f4553;
  }

  .bg-\[\#21bd13\] {
    background-color: #21bd13;
  }

  .bg-\[\#22c55e\] {
    background-color: #22c55e;
  }

  .bg-\[\#22c55e\]\/12 {
    background-color: #22c55e1f;
    background-color: lab(70.2187% -57.9808 39.4382 / .12);
  }

  .bg-\[\#00000040\] {
    background-color: #00000040;
  }

  .bg-\[\#00000048\] {
    background-color: #00000048;
  }

  .bg-\[\#172c38\] {
    background-color: #172c38;
  }

  .bg-\[\#10100f\] {
    background-color: #10100f;
  }

  .bg-\[\#11380fb0\] {
    background-color: #11380fb0;
  }

  .bg-\[\#181818\] {
    background-color: #181818;
  }

  .bg-\[\#213743\] {
    background-color: #213743;
  }

  .bg-\[\#316200ab\] {
    background-color: #316200ab;
  }

  .bg-\[\#538124b4\] {
    background-color: #538124b4;
  }

  .bg-\[\#d8b228\] {
    background-color: #d8b228;
  }

  .bg-\[\#e9113c\] {
    background-color: #e9113c;
  }

  .bg-\[\#ef4444\]\/12 {
    background-color: #ef44441f;
    background-color: lab(55.7852% 65.6164 40.7976 / .12);
  }

  .bg-\[\#fa35aa\] {
    background-color: #fa35aa;
  }

  .bg-\[\#ff9d00\] {
    background-color: #ff9d00;
  }

  .bg-\[\#ffbd16\] {
    background-color: #ffbd16;
  }

  .bg-\[\#fff\] {
    background-color: #fff;
  }

  .bg-\[color-mix\(in_srgb\,\#ef4444_14\%\,var\(--rb-card\)\)\] {
    background-color: #ef4444;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,\#ef4444_14\%\,var\(--rb-card\)\)\] {
      background-color: color-mix(in srgb,#ef4444 14%,var(--rb-card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-bg\)_72\%\,transparent\)\] {
    background-color: var(--rb-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-bg\)_72\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-bg) 72%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_14\%\,transparent\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_14\%\,var\(--rb-card\)\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_14\%\,var\(--rb-card\)\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 14%,var(--rb-card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_16\%\,transparent\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_16\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_16\%\,var\(--rb-surface-strong\)\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_16\%\,var\(--rb-surface-strong\)\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 16%,var(--rb-surface-strong));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_18\%\,transparent\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_20\%\,transparent\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_20\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 20%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_22\%\,transparent\)\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-gold\)_22\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-gold) 22%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-green\)_16\%\,transparent\)\] {
    background-color: var(--rb-green);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-green\)_16\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-green) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-text\)_8\%\,transparent\)\] {
    background-color: var(--rb-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-text\)_8\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-text) 8%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--rb-text\)_18\%\,transparent\)\] {
    background-color: var(--rb-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--rb-text\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--rb-text) 18%,transparent);
    }
  }

  .bg-\[rgba\(20\,132\,74\,0\.94\)\] {
    background-color: #14844af0;
  }

  .bg-\[rgba\(32\,39\,56\,0\.06\)\] {
    background-color: #2027380f;
  }

  .bg-\[rgba\(204\,55\,61\,0\.94\)\] {
    background-color: #cc373df0;
  }

  .bg-\[rgba\(220\,60\,60\,0\.12\)\] {
    background-color: #dc3c3c1f;
  }

  .bg-\[rgba\(224\,182\,75\,0\.08\)\] {
    background-color: #e0b64b14;
  }

  .bg-\[var\(--markets-bg\)\] {
    background-color: var(--markets-bg);
  }

  .bg-\[var\(--markets-dark\)\] {
    background-color: var(--markets-dark);
  }

  .bg-\[var\(--markets-deep\)\]\/95 {
    background-color: var(--markets-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--markets-deep\)\]\/95 {
      background-color: color-mix(in oklab, var(--markets-deep) 95%, transparent);
    }
  }

  .bg-\[var\(--markets-error-bg\)\] {
    background-color: var(--markets-error-bg);
  }

  .bg-\[var\(--markets-input\)\] {
    background-color: var(--markets-input);
  }

  .bg-\[var\(--markets-overlay\)\]\/85 {
    background-color: var(--markets-overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--markets-overlay\)\]\/85 {
      background-color: color-mix(in oklab, var(--markets-overlay) 85%, transparent);
    }
  }

  .bg-\[var\(--markets-panel\)\] {
    background-color: var(--markets-panel);
  }

  .bg-\[var\(--markets-surface\)\] {
    background-color: var(--markets-surface);
  }

  .bg-\[var\(--markets-tab\)\] {
    background-color: var(--markets-tab);
  }

  .bg-\[var\(--rb-bg\)\] {
    background-color: var(--rb-bg);
  }

  .bg-\[var\(--rb-bg\,\#070b12\)\] {
    background-color: var(--rb-bg, #070b12);
  }

  .bg-\[var\(--rb-card\)\] {
    background-color: var(--rb-card);
  }

  .bg-\[var\(--rb-card-active\)\] {
    background-color: var(--rb-card-active);
  }

  .bg-\[var\(--rb-card-deep\)\] {
    background-color: var(--rb-card-deep);
  }

  .bg-\[var\(--rb-card-deep\)\]\/72 {
    background-color: var(--rb-card-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-card-deep\)\]\/72 {
      background-color: color-mix(in oklab, var(--rb-card-deep) 72%, transparent);
    }
  }

  .bg-\[var\(--rb-card-deep\)\]\/86 {
    background-color: var(--rb-card-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-card-deep\)\]\/86 {
      background-color: color-mix(in oklab, var(--rb-card-deep) 86%, transparent);
    }
  }

  .bg-\[var\(--rb-card-sunken\)\] {
    background-color: var(--rb-card-sunken);
  }

  .bg-\[var\(--rb-card-sunken\)\]\/68 {
    background-color: var(--rb-card-sunken);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-card-sunken\)\]\/68 {
      background-color: color-mix(in oklab, var(--rb-card-sunken) 68%, transparent);
    }
  }

  .bg-\[var\(--rb-card-sunken\)\]\/72 {
    background-color: var(--rb-card-sunken);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-card-sunken\)\]\/72 {
      background-color: color-mix(in oklab, var(--rb-card-sunken) 72%, transparent);
    }
  }

  .bg-\[var\(--rb-card-sunken\)\]\/80 {
    background-color: var(--rb-card-sunken);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-card-sunken\)\]\/80 {
      background-color: color-mix(in oklab, var(--rb-card-sunken) 80%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\] {
    background-color: var(--rb-dark);
  }

  .bg-\[var\(--rb-dark\)\]\/48 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/48 {
      background-color: color-mix(in oklab, var(--rb-dark) 48%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\]\/58 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/58 {
      background-color: color-mix(in oklab, var(--rb-dark) 58%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\]\/60 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/60 {
      background-color: color-mix(in oklab, var(--rb-dark) 60%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\]\/66 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/66 {
      background-color: color-mix(in oklab, var(--rb-dark) 66%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\]\/72 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/72 {
      background-color: color-mix(in oklab, var(--rb-dark) 72%, transparent);
    }
  }

  .bg-\[var\(--rb-dark\)\]\/82 {
    background-color: var(--rb-dark);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-dark\)\]\/82 {
      background-color: color-mix(in oklab, var(--rb-dark) 82%, transparent);
    }
  }

  .bg-\[var\(--rb-gold\)\] {
    background-color: var(--rb-gold);
  }

  .bg-\[var\(--rb-gold\)\]\/15 {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-gold\)\]\/15 {
      background-color: color-mix(in oklab, var(--rb-gold) 15%, transparent);
    }
  }

  .bg-\[var\(--rb-gold\)\]\/\[0\.025\] {
    background-color: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-gold\)\]\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--rb-gold) 2.5%, transparent);
    }
  }

  .bg-\[var\(--rb-gold\,\#f5c451\)\] {
    background-color: var(--rb-gold, #f5c451);
  }

  .bg-\[var\(--rb-gold-deep\)\]\/14 {
    background-color: var(--rb-gold-deep);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-gold-deep\)\]\/14 {
      background-color: color-mix(in oklab, var(--rb-gold-deep) 14%, transparent);
    }
  }

  .bg-\[var\(--rb-gold-strong\)\] {
    background-color: var(--rb-gold-strong);
  }

  .bg-\[var\(--rb-green\)\]\/10 {
    background-color: var(--rb-green);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-green\)\]\/10 {
      background-color: color-mix(in oklab, var(--rb-green) 10%, transparent);
    }
  }

  .bg-\[var\(--rb-green\)\]\/12 {
    background-color: var(--rb-green);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-green\)\]\/12 {
      background-color: color-mix(in oklab, var(--rb-green) 12%, transparent);
    }
  }

  .bg-\[var\(--rb-placeholder\)\] {
    background-color: var(--rb-placeholder);
  }

  .bg-\[var\(--rb-red\)\] {
    background-color: var(--rb-red);
  }

  .bg-\[var\(--rb-red\)\]\/10 {
    background-color: var(--rb-red);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--rb-red\)\]\/10 {
      background-color: color-mix(in oklab, var(--rb-red) 10%, transparent);
    }
  }

  .bg-background {
    background-color: hsl(var(--background));
  }

  .bg-background\/80 {
    background-color: hsl(var(--background));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, hsl(var(--background)) 80%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/15 {
    background-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/15 {
      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .bg-black\/18 {
    background-color: #0000002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/18 {
      background-color: color-mix(in oklab, var(--color-black) 18%, transparent);
    }
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/22 {
    background-color: #00000038;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/22 {
      background-color: color-mix(in oklab, var(--color-black) 22%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .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\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/62 {
    background-color: #0000009e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/62 {
      background-color: color-mix(in oklab, var(--color-black) 62%, transparent);
    }
  }

  .bg-black\/68 {
    background-color: #000000ad;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/68 {
      background-color: color-mix(in oklab, var(--color-black) 68%, 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\/75 {
    background-color: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .bg-black\/76 {
    background-color: #000000c2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/76 {
      background-color: color-mix(in oklab, var(--color-black) 76%, transparent);
    }
  }

  .bg-black\/92 {
    background-color: #000000eb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/92 {
      background-color: color-mix(in oklab, var(--color-black) 92%, transparent);
    }
  }

  .bg-black\/\[0\.04\] {
    background-color: #0000000a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }

  .bg-black\/\[0\.06\] {
    background-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

  .bg-black\/\[0\.08\] {
    background-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .bg-border {
    background-color: hsl(var(--border));
  }

  .bg-card {
    background-color: hsl(var(--card));
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-current\/15 {
    background-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/15 {
      background-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
  }

  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }

  .bg-destructive {
    background-color: hsl(var(--destructive));
  }

  .bg-foreground {
    background-color: hsl(var(--foreground));
  }

  .bg-green-400 {
    background-color: var(--color-green-400);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-green-800 {
    background-color: var(--color-green-800);
  }

  .bg-muted {
    background-color: hsl(var(--muted));
  }

  .bg-primary {
    background-color: hsl(var(--primary));
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-secondary {
    background-color: hsl(var(--secondary));
  }

  .bg-transparent {
    background-color: #0000;
  }

  .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\/12 {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/12 {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .bg-white\/14 {
    background-color: #ffffff24;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/14 {
      background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/16 {
    background-color: #ffffff29;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/16 {
      background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/52 {
    background-color: #ffffff85;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/52 {
      background-color: color-mix(in oklab, var(--color-white) 52%, 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\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/75 {
    background-color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/82 {
    background-color: #ffffffd1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/82 {
      background-color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }

  .bg-white\/\[0\.1\] {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.1\] {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.05\] {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.05\] {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[0\.07\] {
    background-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/\[0\.12\] {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.12\] {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .bg-white\/\[0\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-white\/\[0\.045\] {
    background-color: #ffffff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
  }

  .bg-white\/\[0\.055\] {
    background-color: #ffffff0e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.055\] {
      background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
    }
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[image\:linear-gradient\(150deg\,color-mix\(in_srgb\,var\(--rb-gold\)_12\%\,var\(--rb-card\)\)_0\%\,var\(--rb-card\)_60\%\)\] {
    background-image: linear-gradient(150deg,var(--rb-gold) 0%,var(--rb-card) 60%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[image\:linear-gradient\(150deg\,color-mix\(in_srgb\,var\(--rb-gold\)_12\%\,var\(--rb-card\)\)_0\%\,var\(--rb-card\)_60\%\)\] {
      background-image: linear-gradient(150deg,color-mix(in srgb,var(--rb-gold) 12%,var(--rb-card)) 0%,var(--rb-card) 60%);
    }
  }

  .bg-\[image\:var\(--rb-glow-left\)\] {
    background-image: var(--rb-glow-left);
  }

  .bg-\[image\:var\(--rb-glow-top\)\] {
    background-image: var(--rb-glow-top);
  }

  .bg-\[image\:var\(--rb-glow-top-section\)\,var\(--rb-surface\)\] {
    background-image: var(--rb-glow-top-section),var(--rb-surface);
  }

  .bg-\[image\:var\(--rb-glow-top-section\)\,var\(--rb-surface-sunken\)\] {
    background-image: var(--rb-glow-top-section),var(--rb-surface-sunken);
  }

  .bg-\[image\:var\(--rb-gold-gradient\)\] {
    background-image: var(--rb-gold-gradient);
  }

  .bg-\[image\:var\(--rb-panel-glow\)\,var\(--rb-surface-active\)\] {
    background-image: var(--rb-panel-glow),var(--rb-surface-active);
  }

  .bg-\[image\:var\(--rb-surface\)\] {
    background-image: var(--rb-surface);
  }

  .bg-\[image\:var\(--rb-surface-active\)\] {
    background-image: var(--rb-surface-active);
  }

  .bg-\[image\:var\(--rb-surface-strong\)\] {
    background-image: var(--rb-surface-strong);
  }

  .bg-\[image\:var\(--rb-surface-sunken\)\] {
    background-image: var(--rb-surface-sunken);
  }

  .bg-\[linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.82\)_0\%\,rgba\(0\,0\,0\,0\.35\)_55\%\,transparent_100\%\)\] {
    background-image: linear-gradient(0deg, #000000d1 0%, #00000059 55%, #0000 100%);
  }

  .bg-\[linear-gradient\(0deg\,rgba\(8\,12\,18\,0\.92\)_0\%\,rgba\(8\,12\,18\,0\.2\)_58\%\,transparent_100\%\)\] {
    background-image: linear-gradient(0deg, #080c12eb 0%, #080c1233 58%, #0000 100%);
  }

  .bg-\[linear-gradient\(0deg\,var\(--rb-card-sunken\)_0\%\,transparent_100\%\)\] {
    background-image: linear-gradient(0deg,var(--rb-card-sunken) 0%,transparent 100%);
  }

  .bg-\[linear-gradient\(90deg\,\#77df6f_0\%\,\#4cbf4b_100\%\)\] {
    background-image: linear-gradient(90deg, #77df6f 0%, #4cbf4b 100%);
  }

  .bg-\[linear-gradient\(90deg\,\#f5d56b_0\%\,\#d3a62b_100\%\)\] {
    background-image: linear-gradient(90deg, #f5d56b 0%, #d3a62b 100%);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(5\,8\,13\,0\.78\)_0\%\,rgba\(5\,8\,13\,0\.36\)_56\%\,rgba\(5\,8\,13\,0\.06\)_100\%\)\] {
    background-image: linear-gradient(90deg, #05080dc7 0%, #05080d5c 56%, #05080d0f 100%);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(5\,8\,13\,0\.78\)_0\%\,rgba\(5\,8\,13\,0\.38\)_54\%\,rgba\(5\,8\,13\,0\.08\)_100\%\)\] {
    background-image: linear-gradient(90deg, #05080dc7 0%, #05080d61 54%, #05080d14 100%);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(5\,8\,14\,0\.88\)\,rgba\(5\,8\,14\,0\.42\)\)\] {
    background-image: linear-gradient(90deg, #05080ee0, #05080e6b);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(12\,17\,25\,0\.82\)_0\%\,rgba\(12\,17\,25\,0\.34\)_100\%\)\] {
    background-image: linear-gradient(90deg, #0c1119d1 0%, #0c111957 100%);
  }

  .bg-\[linear-gradient\(90deg\,transparent_0\%\,rgba\(255\,255\,255\,0\.16\)_48\%\,transparent_100\%\)\] {
    background-image: linear-gradient(90deg, #0000 0%, #ffffff29 48%, #0000 100%);
  }

  .bg-\[linear-gradient\(90deg\,transparent_0\%\,rgba\(255\,255\,255\,0\.18\)_48\%\,transparent_100\%\)\] {
    background-image: linear-gradient(90deg, #0000 0%, #ffffff2e 48%, #0000 100%);
  }

  .bg-\[linear-gradient\(90deg\,transparent_0\%\,rgba\(255\,255\,255\,0\.55\)_48\%\,transparent_100\%\)\] {
    background-image: linear-gradient(90deg, #0000 0%, #ffffff8c 48%, #0000 100%);
  }

  .bg-\[linear-gradient\(90deg\,transparent_0\%\,rgba\(255\,255\,255\,0\.065\)_48\%\,transparent_100\%\)\] {
    background-image: linear-gradient(90deg, #0000 0%, #fff1 48%, #0000 100%);
  }

  .bg-\[linear-gradient\(90deg\,var\(--rb-bg\)_0\%\,transparent_100\%\)\] {
    background-image: linear-gradient(90deg,var(--rb-bg) 0%,transparent 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#7e8797_0\%\,\#646d7e_100\%\)\] {
    background-image: linear-gradient(#7e8797 0%, #646d7e 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#8fa7ff_0\%\,\#5f74da_100\%\)\] {
    background-image: linear-gradient(#8fa7ff 0%, #5f74da 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#9aa7b8_0\%\,\#7d8999_100\%\)\] {
    background-image: linear-gradient(#9aa7b8 0%, #7d8999 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#48d59a_0\%\,\#2cab74_100\%\)\] {
    background-image: linear-gradient(#48d59a 0%, #2cab74 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#76df73_0\%\,\#43b95a_100\%\)\] {
    background-image: linear-gradient(#76df73 0%, #43b95a 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f4cf62_0\%\,\#dc9724_100\%\)\] {
    background-image: linear-gradient(#f4cf62 0%, #dc9724 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f5f8fb_0\%\,\#e9eff6_100\%\)\] {
    background-image: linear-gradient(#f5f8fb 0%, #e9eff6 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f6f8fc_0\%\,\#edf1f7_100\%\)\] {
    background-image: linear-gradient(#f6f8fc 0%, #edf1f7 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f7f9fc_0\%\,\#e9eff6_100\%\)\] {
    background-image: linear-gradient(#f7f9fc 0%, #e9eff6 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f7f9fc_0\%\,\#e9eff7_100\%\)\] {
    background-image: linear-gradient(#f7f9fc 0%, #e9eff7 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#f7faff_0\%\,\#edf2f8_100\%\)\] {
    background-image: linear-gradient(#f7faff 0%, #edf2f8 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#ffffff_0\%\,\#e8eef7_100\%\)\] {
    background-image: linear-gradient(#fff 0%, #e8eef7 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#ffffff_0\%\,\#eaf0f7_100\%\)\] {
    background-image: linear-gradient(#fff 0%, #eaf0f7 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#ffffff_0\%\,\#eef3fa_100\%\)\] {
    background-image: linear-gradient(#fff 0%, #eef3fa 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.02\)_0\%\,rgba\(0\,0\,0\,0\.42\)_100\%\)\] {
    background-image: linear-gradient(#00000005 0%, #0000006b 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.55\)_0\%\,transparent_100\%\)\] {
    background-image: linear-gradient(#0000008c 0%, #0000 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(6\,8\,14\,0\.08\)_0\%\,rgba\(6\,8\,14\,0\.78\)_100\%\)\] {
    background-image: linear-gradient(#06080e14 0%, #06080ec7 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(233\,239\,246\,0\)_0\%\,rgba\(233\,239\,246\,0\.94\)_24\%\,\#e9eff6_100\%\)\] {
    background-image: linear-gradient(#e9eff600 0%, #e9eff6f0 24%, #e9eff6 100%);
  }

  .bg-\[linear-gradient\(180deg\,transparent_0\%\,rgba\(10\,12\,18\,0\.85\)_100\%\)\] {
    background-image: linear-gradient(#0000 0%, #0a0c12d9 100%);
  }

  .bg-\[linear-gradient\(180deg\,transparent_0\%\,var\(--rb-card-deep\)\/94_24\%\,var\(--rb-card-deep\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent 0%,var(--rb-card-deep)/94 24%,var(--rb-card-deep) 100%);
  }

  .bg-\[linear-gradient\(180deg\,transparent_45\%\,rgba\(5\,8\,13\,0\.88\)_100\%\)\] {
    background-image: linear-gradient(#0000 45%, #05080de0 100%);
  }

  .bg-\[linear-gradient\(180deg\,var\(--rb-card\)_0\%\,var\(--rb-card-deep\)_100\%\)\] {
    background-image: linear-gradient(180deg,var(--rb-card) 0%,var(--rb-card-deep) 100%);
  }

  .bg-\[linear-gradient\(180deg\,var\(--rb-card-sunken\)_0\%\,transparent_100\%\)\] {
    background-image: linear-gradient(180deg,var(--rb-card-sunken) 0%,transparent 100%);
  }

  .bg-\[linear-gradient\(270deg\,var\(--rb-bg\)_0\%\,transparent_100\%\)\] {
    background-image: linear-gradient(270deg,var(--rb-bg) 0%,transparent 100%);
  }

  .bg-\[radial-gradient\(circle\,\#3f4654_0\%\,\#232935_100\%\)\] {
    background-image: radial-gradient(circle, #3f4654 0%, #232935 100%);
  }

  .bg-\[radial-gradient\(circle\,\#4b5566_0\%\,\#2a313d_100\%\)\] {
    background-image: radial-gradient(circle, #4b5566 0%, #2a313d 100%);
  }

  .bg-\[radial-gradient\(circle\,\#414959_0\%\,\#242a35_100\%\)\] {
    background-image: radial-gradient(circle, #414959 0%, #242a35 100%);
  }

  .bg-\[radial-gradient\(circle\,rgba\(244\,207\,98\,0\.16\)_0\%\,rgba\(244\,207\,98\,0\.04\)_36\%\,transparent_72\%\)\] {
    background-image: radial-gradient(circle, #f4cf6229 0%, #f4cf620a 36%, #0000 72%);
  }

  .bg-\[radial-gradient\(circle_at_12\%_18\%\,rgba\(111\,205\,93\,0\.08\)\,transparent_24\%\)\,radial-gradient\(circle_at_86\%_18\%\,rgba\(244\,207\,98\,0\.12\)\,transparent_28\%\)\,radial-gradient\(circle_at_50\%_100\%\,rgba\(60\,68\,84\,0\.22\)\,transparent_36\%\)\] {
    background-image: radial-gradient(circle at 12% 18%, #6fcd5d14, #0000 24%), radial-gradient(circle at 86% 18%, #f4cf621f, #0000 28%), radial-gradient(circle at 50% 100%, #3c445438, #0000 36%);
  }

  .bg-\[radial-gradient\(circle_at_30\%_20\%\,\#ffe68a_0\%\,\#d79a25_40\%\,\#5d3812_100\%\)\] {
    background-image: radial-gradient(circle at 30% 20%, #ffe68a 0%, #d79a25 40%, #5d3812 100%);
  }

  .bg-\[radial-gradient\(circle_at_35\%_35\%\,\#9fb1cb_0\%\,\#657289_65\%\,\#4e596d_100\%\)\] {
    background-image: radial-gradient(circle at 35% 35%, #9fb1cb 0%, #657289 65%, #4e596d 100%);
  }

  .bg-\[radial-gradient\(circle_at_35\%_35\%\,\#ffe68a_0\%\,\#f0c34b_58\%\,\#d89a25_100\%\)\] {
    background-image: radial-gradient(circle at 35% 35%, #ffe68a 0%, #f0c34b 58%, #d89a25 100%);
  }

  .bg-\[radial-gradient\(circle_at_50\%_72\%\,rgba\(245\,202\,85\,0\.34\)_0\%\,transparent_44\%\)\] {
    background-image: radial-gradient(circle at 50% 72%, #f5ca5557 0%, #0000 44%);
  }

  .bg-\[radial-gradient\(circle_at_70\%_22\%\,rgba\(255\,255\,255\,0\.32\)\,transparent_32\%\)\] {
    background-image: radial-gradient(circle at 70% 22%, #ffffff52, #0000 32%);
  }

  .bg-\[radial-gradient\(circle_at_78\%_0\%\,var\(--rb-gold-glow\)_0\%\,transparent_34\%\)\,linear-gradient\(135deg\,var\(--rb-card\)_0\%\,var\(--rb-bg\)_100\%\)\] {
    background-image: radial-gradient(circle at 78% 0%,var(--rb-gold-glow) 0%,transparent 34%),linear-gradient(135deg,var(--rb-card) 0%,var(--rb-bg) 100%);
  }

  .bg-\[radial-gradient\(circle_at_78\%_20\%\,rgba\(255\,255\,255\,0\.28\)_0\%\,transparent_28\%\)\,radial-gradient\(circle_at_20\%_100\%\,var\(--rb-gold-glow\)_0\%\,transparent_34\%\)\] {
    background-image: radial-gradient(circle at 78% 20%,#ffffff47 0%,transparent 28%),radial-gradient(circle at 20% 100%,var(--rb-gold-glow) 0%,transparent 34%);
  }

  .bg-\[radial-gradient\(circle_at_left\,rgba\(216\,156\,43\,0\.38\)_0\%\,rgba\(216\,156\,43\,0\.18\)_38\%\,rgba\(216\,156\,43\,0\.06\)_62\%\,transparent_88\%\)\] {
    background-image: radial-gradient(circle at 0, #d89c2b61 0%, #d89c2b2e 38%, #d89c2b0f 62%, #0000 88%);
  }

  .bg-\[radial-gradient\(ellipse_at_top\,rgba\(216\,156\,43\,0\.42\)_0\%\,rgba\(216\,156\,43\,0\.18\)_22\%\,rgba\(216\,156\,43\,0\.06\)_48\%\,transparent_74\%\)\] {
    background-image: radial-gradient(at top, #d89c2b6b 0%, #d89c2b2e 22%, #d89c2b0f 48%, #0000 74%);
  }

  .from-\[\#3a3120\] {
    --tw-gradient-from: #3a3120;
    --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-\[\#3b331d\] {
    --tw-gradient-from: #3b331d;
    --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-\[\#43d0ff\] {
    --tw-gradient-from: #43d0ff;
    --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-\[\#58c98f\] {
    --tw-gradient-from: #58c98f;
    --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-\[\#b85ad1\] {
    --tw-gradient-from: #b85ad1;
    --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-\[\#c96f58\] {
    --tw-gradient-from: #c96f58;
    --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-\[\#d89f42\] {
    --tw-gradient-from: #d89f42;
    --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-\[rgba\(140\,156\,182\,0\.45\)\] {
    --tw-gradient-from: #8c9cb673;
    --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-\[var\(--rb-card-deep\)\] {
    --tw-gradient-from: var(--rb-card-deep);
    --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-\[var\(--rb-card-sunken\)\] {
    --tw-gradient-from: var(--rb-card-sunken);
    --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-\[var\(--rb-gold\)\] {
    --tw-gradient-from: var(--rb-gold);
    --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-\[var\(--rb-gold-strong\)\] {
    --tw-gradient-from: var(--rb-gold-strong);
    --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-\[var\(--rb-green\)\] {
    --tw-gradient-from: var(--rb-green);
    --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-\[var\(--rb-red\)\] {
    --tw-gradient-from: var(--rb-red);
    --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-black\/60 {
    --tw-gradient-from: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .from-black\/60 {
    --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-black\/70 {
    --tw-gradient-from: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .from-black\/70 {
    --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-black\/72 {
    --tw-gradient-from: #000000b8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/72 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 72%, transparent);
    }
  }

  .from-black\/72 {
    --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\/16 {
    --tw-gradient-from: #ffffff29;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/16 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
  }

  .from-white\/16 {
    --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-\[\#3da8b8\] {
    --tw-gradient-via: #3da8b8;
    --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-\[\#5b3b13\] {
    --tw-gradient-via: #5b3b13;
    --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-\[\#7d64ff\] {
    --tw-gradient-via: #7d64ff;
    --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-\[\#8f6a2a\] {
    --tw-gradient-via: #8f6a2a;
    --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-\[\#725b25\] {
    --tw-gradient-via: #725b25;
    --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-\[\#a77828\] {
    --tw-gradient-via: #a77828;
    --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-\[\#a87920\] {
    --tw-gradient-via: #a87920;
    --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-\[\#b8923d\] {
    --tw-gradient-via: #b8923d;
    --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-\[rgba\(140\,156\,182\,0\.28\)\] {
    --tw-gradient-via: #8c9cb647;
    --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-\[var\(--rb-card-active\)\] {
    --tw-gradient-via: var(--rb-card-active);
    --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-\[var\(--rb-gold\)\] {
    --tw-gradient-via: var(--rb-gold);
    --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-black\/30 {
    --tw-gradient-via: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .via-black\/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);
  }

  .via-white\/10 {
    --tw-gradient-via: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .via-white\/10 {
    --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-\[\#ad1237\] {
    --tw-gradient-to: #ad1237;
    --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-\[\#f65e64\] {
    --tw-gradient-to: #f65e64;
    --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-\[var\(--rb-card\)\] {
    --tw-gradient-to: var(--rb-card);
    --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-\[var\(--rb-card-deep\)\] {
    --tw-gradient-to: var(--rb-card-deep);
    --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-\[var\(--rb-card-sunken\)\] {
    --tw-gradient-to: var(--rb-card-sunken);
    --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-\[var\(--rb-gold\)\] {
    --tw-gradient-to: var(--rb-gold);
    --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-\[var\(--rb-gold-strong\)\] {
    --tw-gradient-to: var(--rb-gold-strong);
    --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-\[var\(--rb-green\)\] {
    --tw-gradient-to: var(--rb-green);
    --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-black\/40 {
    --tw-gradient-to: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .to-black\/40 {
    --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));
  }

  .bg-\[length\:100\%_auto\] {
    background-size: 100%;
  }

  .bg-\[length\:400px_200px\] {
    background-size: 400px 200px;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-border {
    background-clip: border-box;
  }

  .bg-center {
    background-position: center;
  }

  .bg-top {
    background-position: top;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-origin-border {
    background-origin: border-box;
  }

  .fill-\[\#2f4553\] {
    fill: #2f4553;
  }

  .fill-\[\#3e8a9775\] {
    fill: #3e8a9775;
  }

  .fill-\[\#7F47FD\] {
    fill: #7f47fd;
  }

  .fill-\[\#888d8649\] {
    fill: #888d8649;
  }

  .fill-\[\#888d8675\] {
    fill: #888d8675;
  }

  .fill-\[\#FFF\] {
    fill: #fff;
  }

  .fill-\[\#d8b228\] {
    fill: #d8b228;
  }

  .fill-\[\#fa35aa\] {
    fill: #fa35aa;
  }

  .fill-\[\#ffce00\] {
    fill: #ffce00;
  }

  .fill-\[\#fff\] {
    fill: #fff;
  }

  .fill-\[var\(--rb-gold\)\] {
    fill: var(--rb-gold);
  }

  .fill-foreground {
    fill: hsl(var(--foreground));
  }

  .fill-green-600 {
    fill: var(--color-green-600);
  }

  .fill-none {
    fill: none;
  }

  .fill-white {
    fill: var(--color-white);
  }

  .stroke-\[\#181717\] {
    stroke: #181717;
  }

  .stroke-\[\#c2c2c279\] {
    stroke: #c2c2c279;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .object-right-bottom {
    object-position: right bottom;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[1\.5px\] {
    padding: 1.5px;
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[7px\] {
    padding: 7px;
  }

  .p-px {
    padding: 1px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-\[calc\(58px_\+_var\(--rb-announcement-offset\,0px\)\)\] {
    padding-top: calc(58px + var(--rb-announcement-offset, 0px));
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }

  .pb-\[84px\] {
    padding-bottom: 84px;
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+8px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+16px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+22px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 22px);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\)\+96px\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 96px);
  }

  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,16px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 16px);
  }

  .pb-\[max\(env\(safe-area-inset-bottom\)\,18px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 18px);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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-\[\.7em\] {
    font-size: .7em;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem;
  }

  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .text-\[1\.3em\] {
    font-size: 1.3em;
  }

  .text-\[1\.04rem\] {
    font-size: 1.04rem;
  }

  .text-\[1\.4rem\] {
    font-size: 1.4rem;
  }

  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }

  .text-\[1\.5em\] {
    font-size: 1.5em;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }

  .text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

  .text-\[1\.12rem\] {
    font-size: 1.12rem;
  }

  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }

  .text-\[1\.22rem\] {
    font-size: 1.22rem;
  }

  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .text-\[1\.28rem\] {
    font-size: 1.28rem;
  }

  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }

  .text-\[1\.45rem\] {
    font-size: 1.45rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[6px\] {
    font-size: 6px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[42px\] {
    font-size: 42px;
  }

  .text-\[52px\] {
    font-size: 52px;
  }

  .text-\[clamp\(9px\,2\.35vw\,12px\)\] {
    font-size: clamp(9px, 2.35vw, 12px);
  }

  .text-\[clamp\(18px\,1\.45vw\,24px\)\] {
    font-size: clamp(18px, 1.45vw, 24px);
  }

  .text-\[clamp\(20px\,1\.75vw\,29px\)\] {
    font-size: clamp(20px, 1.75vw, 29px);
  }

  .text-\[clamp\(24px\,8vw\,30px\)\] {
    font-size: clamp(24px, 8vw, 30px);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.14\] {
    --tw-leading: 1.14;
    line-height: 1.14;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[14px\] {
    --tw-font-weight: 14px;
    font-weight: 14px;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .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);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#00e701\] {
    color: #00e701;
  }

  .text-\[\#2c2c2ccc\] {
    color: #2c2c2ccc;
  }

  .text-\[\#2f4553\] {
    color: #2f4553;
  }

  .text-\[\#7F47FD\] {
    color: #7f47fd;
  }

  .text-\[\#22c55e\] {
    color: #22c55e;
  }

  .text-\[\#36e95d\] {
    color: #36e95d;
  }

  .text-\[\#071e2c\] {
    color: #071e2c;
  }

  .text-\[\#1475e1\] {
    color: #1475e1;
  }

  .text-\[\#879097\] {
    color: #879097;
  }

  .text-\[\#b0b8c8\] {
    color: #b0b8c8;
  }

  .text-\[\#bdbcbc\] {
    color: #bdbcbc;
  }

  .text-\[\#bebebe\] {
    color: #bebebe;
  }

  .text-\[\#c5c5c5\] {
    color: #c5c5c5;
  }

  .text-\[\#c7c7c7\] {
    color: #c7c7c7;
  }

  .text-\[\#cccbcb\] {
    color: #cccbcb;
  }

  .text-\[\#cd7f32\] {
    color: #cd7f32;
  }

  .text-\[\#d1d1d1\] {
    color: #d1d1d1;
  }

  .text-\[\#d8b228\] {
    color: #d8b228;
  }

  .text-\[\#ef4444\] {
    color: #ef4444;
  }

  .text-\[\#ff6b6b\] {
    color: #ff6b6b;
  }

  .text-\[\#ffce00\] {
    color: #ffce00;
  }

  .text-\[\#fff\] {
    color: #fff;
  }

  .text-\[\#ffffff6c\] {
    color: #ffffff6c;
  }

  .text-\[\#ffffff38\] {
    color: #ffffff38;
  }

  .text-\[var\(--markets-dark\)\] {
    color: var(--markets-dark);
  }

  .text-\[var\(--markets-text\)\] {
    color: var(--markets-text);
  }

  .text-\[var\(--markets-text-muted\)\] {
    color: var(--markets-text-muted);
  }

  .text-\[var\(--markets-text-soft\)\] {
    color: var(--markets-text-soft);
  }

  .text-\[var\(--rb-dark\)\] {
    color: var(--rb-dark);
  }

  .text-\[var\(--rb-gold\)\] {
    color: var(--rb-gold);
  }

  .text-\[var\(--rb-gold\,\#f5c451\)\] {
    color: var(--rb-gold, #f5c451);
  }

  .text-\[var\(--rb-gold-deep\)\] {
    color: var(--rb-gold-deep);
  }

  .text-\[var\(--rb-gold-strong\)\] {
    color: var(--rb-gold-strong);
  }

  .text-\[var\(--rb-green\)\] {
    color: var(--rb-green);
  }

  .text-\[var\(--rb-green-deep\)\] {
    color: var(--rb-green-deep);
  }

  .text-\[var\(--rb-red\)\] {
    color: var(--rb-red);
  }

  .text-\[var\(--rb-text\)\] {
    color: var(--rb-text);
  }

  .text-\[var\(--rb-text\,\#f8fafc\)\] {
    color: var(--rb-text, #f8fafc);
  }

  .text-\[var\(--rb-text-faint\)\] {
    color: var(--rb-text-faint);
  }

  .text-\[var\(--rb-text-faint\,\#94a3b8\)\] {
    color: var(--rb-text-faint, #94a3b8);
  }

  .text-\[var\(--rb-text-soft\)\] {
    color: var(--rb-text-soft);
  }

  .text-\[var\(--rb-text-soft\,\#cbd5e1\)\] {
    color: var(--rb-text-soft, #cbd5e1);
  }

  .text-\[var\(--rb-tier-ink\,\#1d1304\)\] {
    color: var(--rb-tier-ink, #1d1304);
  }

  .text-amber-700\/100 {
    color: var(--color-amber-700);
  }

  .text-background {
    color: hsl(var(--background));
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-card-foreground {
    color: hsl(var(--card-foreground));
  }

  .text-current {
    color: currentColor;
  }

  .text-current\/60 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/60 {
      color: color-mix(in oklab, currentcolor 60%, transparent);
    }
  }

  .text-current\/70 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/70 {
      color: color-mix(in oklab, currentcolor 70%, transparent);
    }
  }

  .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
  }

  .text-foreground {
    color: hsl(var(--foreground));
  }

  .text-foreground\/60 {
    color: hsl(var(--foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, hsl(var(--foreground)) 60%, transparent);
    }
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-muted-foreground {
    color: hsl(var(--muted-foreground));
  }

  .text-primary {
    color: hsl(var(--primary));
  }

  .text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
  }

  .text-stone-100 {
    color: var(--color-stone-100);
  }

  .text-stone-200 {
    color: var(--color-stone-200);
  }

  .text-violet-700\/100 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/24 {
    color: #ffffff3d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/24 {
      color: color-mix(in oklab, var(--color-white) 24%, transparent);
    }
  }

  .text-white\/25 {
    color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/25 {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .text-white\/26 {
    color: #ffffff42;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/26 {
      color: color-mix(in oklab, var(--color-white) 26%, transparent);
    }
  }

  .text-white\/28 {
    color: #ffffff47;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/28 {
      color: color-mix(in oklab, var(--color-white) 28%, transparent);
    }
  }

  .text-white\/34 {
    color: #ffffff57;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/34 {
      color: color-mix(in oklab, var(--color-white) 34%, transparent);
    }
  }

  .text-white\/36 {
    color: #ffffff5c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/36 {
      color: color-mix(in oklab, var(--color-white) 36%, transparent);
    }
  }

  .text-white\/38 {
    color: #ffffff61;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/38 {
      color: color-mix(in oklab, var(--color-white) 38%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/42 {
    color: #ffffff6b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/42 {
      color: color-mix(in oklab, var(--color-white) 42%, transparent);
    }
  }

  .text-white\/44 {
    color: #ffffff70;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/44 {
      color: color-mix(in oklab, var(--color-white) 44%, transparent);
    }
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/46 {
    color: #ffffff75;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/46 {
      color: color-mix(in oklab, var(--color-white) 46%, transparent);
    }
  }

  .text-white\/48 {
    color: #ffffff7a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/48 {
      color: color-mix(in oklab, var(--color-white) 48%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/52 {
    color: #ffffff85;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/52 {
      color: color-mix(in oklab, var(--color-white) 52%, transparent);
    }
  }

  .text-white\/54 {
    color: #ffffff8a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/54 {
      color: color-mix(in oklab, var(--color-white) 54%, transparent);
    }
  }

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/56 {
    color: #ffffff8f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/56 {
      color: color-mix(in oklab, var(--color-white) 56%, transparent);
    }
  }

  .text-white\/58 {
    color: #ffffff94;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/58 {
      color: color-mix(in oklab, var(--color-white) 58%, transparent);
    }
  }

  .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\/62 {
    color: #ffffff9e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/62 {
      color: color-mix(in oklab, var(--color-white) 62%, transparent);
    }
  }

  .text-white\/64 {
    color: #ffffffa3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/64 {
      color: color-mix(in oklab, var(--color-white) 64%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .text-white\/66 {
    color: #ffffffa8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/66 {
      color: color-mix(in oklab, var(--color-white) 66%, transparent);
    }
  }

  .text-white\/68 {
    color: #ffffffad;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/68 {
      color: color-mix(in oklab, var(--color-white) 68%, 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\/72 {
    color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/72 {
      color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .text-white\/74 {
    color: #ffffffbd;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/74 {
      color: color-mix(in oklab, var(--color-white) 74%, transparent);
    }
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-white\/76 {
    color: #ffffffc2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/76 {
      color: color-mix(in oklab, var(--color-white) 76%, transparent);
    }
  }

  .text-white\/78 {
    color: #ffffffc7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/78 {
      color: color-mix(in oklab, var(--color-white) 78%, 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\/82 {
    color: #ffffffd1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/82 {
      color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }

  .text-white\/84 {
    color: #ffffffd6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/84 {
      color: color-mix(in oklab, var(--color-white) 84%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-white\/86 {
    color: #ffffffdb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/86 {
      color: color-mix(in oklab, var(--color-white) 86%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .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, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-\[var\(--rb-gold\)\] {
    accent-color: var(--rb-gold);
  }

  .accent-\[var\(--rb-gold-strong\)\] {
    accent-color: var(--rb-gold-strong);
  }

  .accent-foreground {
    accent-color: hsl(var(--foreground));
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-18 {
    opacity: .18;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-72 {
    opacity: .72;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-82 {
    opacity: .82;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.94\] {
    opacity: .94;
  }

  .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-\[\.\.\.\] {
    --tw-shadow: ...;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-18px_44px_rgba\(73\,90\,119\,0\.22\)\] {
    --tw-shadow: 0 -18px 44px var(--tw-shadow-color, #495a7738);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-18px_50px_rgba\(5\,8\,14\,0\.4\)\] {
    --tw-shadow: 0 -18px 50px var(--tw-shadow-color, #05080e66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2px_var\(--rb-gold-shadow\,rgba\(245\,202\,85\,0\.24\)\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--rb-gold-shadow, #f5ca553d));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_var\(--rb-gold-shadow\,rgba\(245\,202\,85\,0\.24\)\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--rb-gold-shadow, #f5ca553d));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_8px_rgba\(34\,197\,94\,0\.9\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #22c55ee6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_12px_rgba\(245\,202\,85\,0\.45\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, #f5ca5573);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_16px_var\(--rb-gold-glow\)\] {
    --tw-shadow: 0 0 16px var(--tw-shadow-color, var(--rb-gold-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_18px_rgba\(246\,212\,95\,\.34\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #f6d45f57);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_30px_rgba\(245\,202\,85\,0\.12\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, #f5ca551f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_48px_rgba\(0\,0\,0\,0\.42\)\] {
    --tw-shadow: 0 0 48px var(--tw-shadow-color, #0000006b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 2px 8px 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-\[0_4px_0_rgba\(57\,38\,7\,0\.35\)\] {
    --tw-shadow: 0 4px 0 var(--tw-shadow-color, #39260759);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 4px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_12px_var\(--rb-gold-shadow\)\] {
    --tw-shadow: 0 6px 12px var(--tw-shadow-color, var(--rb-gold-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_18px_rgba\(0\,0\,0\,0\.14\)\] {
    --tw-shadow: 0 8px 18px var(--tw-shadow-color, #00000024);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_18px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 8px 18px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 8px 20px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--rb-gold\)_28\%\,transparent\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, var(--rb-gold));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--rb-gold\)_28\%\,transparent\)\] {
      --tw-shadow: 0 8px 24px var(--tw-shadow-color, color-mix(in srgb,var(--rb-gold) 28%,transparent));
    }
  }

  .shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--rb-gold\)_28\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_20px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 10px 20px var(--tw-shadow-color, #00000038);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_20px_var\(--rb-gold-shadow\)\] {
    --tw-shadow: 0 10px 20px var(--tw-shadow-color, var(--rb-gold-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_22px_rgba\(13\,16\,24\,0\.32\)\,inset_0_2px_0_rgba\(255\,249\,213\,0\.6\)\] {
    --tw-shadow: 0 10px 22px var(--tw-shadow-color, #0d101852), inset 0 2px 0 var(--tw-shadow-color, #fff9d599);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.26\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #00000042), inset 0 1px 0 var(--tw-shadow-color, #ffffff0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_24px_rgba\(62\,76\,107\,0\.12\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.82\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #3e4c6b1f), inset 0 1px 0 var(--tw-shadow-color, #ffffffd1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_26px_rgba\(0\,0\,0\,0\.42\)\] {
    --tw-shadow: 0 10px 26px var(--tw-shadow-color, #0000006b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_28px_var\(--rb-gold-glow\,rgba\(245\,202\,85\,0\.35\)\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, var(--rb-gold-glow, #f5ca5559));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_24px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: 0 12px 24px var(--tw-shadow-color, #0000003d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_24px_rgba\(18\,146\,63\,\.22\)\] {
    --tw-shadow: 0 12px 24px var(--tw-shadow-color, #12923f38);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_24px_rgba\(255\,49\,95\,\.20\)\] {
    --tw-shadow: 0 12px 24px var(--tw-shadow-color, #ff315f33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.26\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #00000042);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgba\(76\,94\,123\,0\.2\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #4c5e7b33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_26px_var\(--rb-gold-shadow\)\] {
    --tw-shadow: 0 14px 26px var(--tw-shadow-color, var(--rb-gold-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_28px_rgba\(7\,10\,16\,0\.2\)\] {
    --tw-shadow: 0 14px 28px var(--tw-shadow-color, #070a1033);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_28px_var\(--rb-gold-shadow\)\] {
    --tw-shadow: 0 14px 28px var(--tw-shadow-color, var(--rb-gold-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_34px_rgba\(16\,20\,29\,0\.34\)\] {
    --tw-shadow: 0 14px 34px var(--tw-shadow-color, #10141d57);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_34px_rgba\(5\,8\,14\,0\.38\)\] {
    --tw-shadow: 0 16px 34px var(--tw-shadow-color, #05080e61);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_34px_rgba\(62\,76\,107\,0\.14\)\] {
    --tw-shadow: 0 16px 34px var(--tw-shadow-color, #3e4c6b24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_38px_rgba\(0\,0\,0\,0\.34\)\] {
    --tw-shadow: 0 18px 38px var(--tw-shadow-color, #00000057);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_38px_rgba\(6\,9\,15\,0\.42\)\,0_1px_0_rgba\(255\,255\,255\,0\.04\)\] {
    --tw-shadow: 0 18px 38px var(--tw-shadow-color, #06090f6b), 0 1px 0 var(--tw-shadow-color, #ffffff0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_38px_rgba\(62\,76\,107\,0\.18\)\,0_1px_0_rgba\(168\,182\,205\,0\.32\)\] {
    --tw-shadow: 0 18px 38px var(--tw-shadow-color, #3e4c6b2e), 0 1px 0 var(--tw-shadow-color, #a8b6cd52);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_rgba\(5\,8\,14\,0\.45\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, #05080e73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_rgba\(62\,76\,107\,0\.18\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, #3e4c6b2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_44px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 18px 44px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 18px 50px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_40px_rgba\(18\,24\,34\,0\.32\)\] {
    --tw-shadow: 0 20px 40px var(--tw-shadow-color, #12182252);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_44px_rgba\(0\,0\,0\,0\.38\)\] {
    --tw-shadow: 0 20px 44px var(--tw-shadow-color, #00000061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_50px_rgba\(62\,76\,107\,0\.18\)\] {
    --tw-shadow: 0 20px 50px var(--tw-shadow-color, #3e4c6b2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_60px_rgba\(5\,8\,14\,0\.45\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #05080e73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_44px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: 0 22px 44px var(--tw-shadow-color, #0000003d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_46px_rgba\(0\,0\,0\,0\.34\)\] {
    --tw-shadow: 0 22px 46px var(--tw-shadow-color, #00000057);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_46px_rgba\(0\,0\,0\,0\.42\)\] {
    --tw-shadow: 0 22px 46px var(--tw-shadow-color, #0000006b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_48px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: 0 22px 48px var(--tw-shadow-color, #00000047);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_50px_rgba\(17\,22\,31\,0\.34\)\] {
    --tw-shadow: 0 24px 50px var(--tw-shadow-color, #11161f57);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_54px_rgba\(0\,0\,0\,0\.44\)\] {
    --tw-shadow: 0 24px 54px var(--tw-shadow-color, #00000070);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_70px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_60px_rgba\(0\,0\,0\,0\.48\)\] {
    --tw-shadow: 0 28px 60px var(--tw-shadow-color, #0000007a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_60px_rgba\(62\,76\,107\,0\.18\)\] {
    --tw-shadow: 0 28px 60px var(--tw-shadow-color, #3e4c6b2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_80px_rgba\(0\,0\,0\,0\.36\)\] {
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, #0000005c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_90px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 28px 90px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_100px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 30px 100px var(--tw-shadow-color, #000000b3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_15px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 0px 15px 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-\[inset_0_-1px_0_rgba\(245\,202\,85\,0\.08\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, #f5ca5514);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_rgba\(255\,255\,255\,0\.04\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, #ffffff0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, #ffffff0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_var\(--rb-border\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--rb-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(168\,182\,205\,0\.35\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #a8b6cd59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(172\,187\,209\,0\.2\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #acbbd133);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(173\,187\,209\,0\.28\)\,0_18px_40px_rgba\(62\,76\,107\,0\.18\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #adbbd147), 0 18px 40px var(--tw-shadow-color, #3e4c6b2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(174\,190\,214\,0\.22\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #aebed638);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--rb-gold-shadow\,rgba\(245\,202\,85\,0\.24\)\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--rb-gold-shadow, #f5ca553d));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_2px_rgba\(132\,146\,166\,0\.58\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #8492a694);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_2px_var\(--rb-bg\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--rb-bg));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(127\,140\,160\,0\.09\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #7f8ca017);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(130\,148\,178\,0\.14\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #8294b224);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,248\,214\,0\.8\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fff8d6cc);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,248\,214\,0\.72\)\,inset_0_-4px_8px_rgba\(148\,98\,17\,0\.22\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fff8d6b8), inset 0 -4px 8px var(--tw-shadow-color, #94621138);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,248\,214\,0\.82\)\,inset_0_-6px_10px_rgba\(148\,98\,17\,0\.26\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fff8d6d1), inset 0 -6px 10px var(--tw-shadow-color, #94621142);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,249\,213\,0\.7\)\,inset_0_-6px_10px_rgba\(142\,94\,18\,0\.3\)\,0_8px_16px_rgba\(13\,16\,24\,0\.18\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fff9d5b3), inset 0 -6px 10px var(--tw-shadow-color, #8e5e124d), 0 8px 16px var(--tw-shadow-color, #0d10182e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\,inset_0_-8px_18px_rgba\(7\,10\,16\,0\.38\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08), inset 0 -8px 18px var(--tw-shadow-color, #070a1061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\,inset_0_-10px_18px_rgba\(7\,10\,16\,0\.34\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08), inset 0 -10px 18px var(--tw-shadow-color, #070a1057);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\,0_18px_34px_rgba\(8\,12\,20\,0\.22\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0a), 0 18px 34px var(--tw-shadow-color, #080c1438);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\,inset_0_-8px_16px_rgba\(6\,8\,14\,0\.32\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0a), inset 0 -8px 16px var(--tw-shadow-color, #06080e52);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\,0_8px_18px_rgba\(0\,0\,0\,0\.14\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0d), 0 8px 18px var(--tw-shadow-color, #00000024);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\,0_8px_18px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0d), 0 8px 18px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\,inset_0_-10px_18px_rgba\(8\,11\,18\,0\.36\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0d), inset 0 -10px 18px var(--tw-shadow-color, #080b125c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\,0_22px_48px_rgba\(0\,0\,0\,0\.44\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff14), 0 22px 48px var(--tw-shadow-color, #00000070);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\,inset_0_-8px_18px_rgba\(194\,205\,222\,0\.42\)\,inset_0_0_0_1px_rgba\(172\,187\,209\,0\.24\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffe6), inset 0 -8px 18px var(--tw-shadow-color, #c2cdde6b), inset 0 0 0 1px var(--tw-shadow-color, #acbbd13d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffe6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_10px_20px_var\(--rb-gold-shadow\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff47), 0 10px 20px var(--tw-shadow-color, var(--rb-gold-shadow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.035\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff09);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.92\)\,inset_0_-10px_18px_rgba\(190\,202\,220\,0\.52\)\,inset_0_0_0_1px_rgba\(168\,182\,205\,0\.28\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffeb), inset 0 -10px 18px var(--tw-shadow-color, #becadc85), inset 0 0 0 1px var(--tw-shadow-color, #a8b6cd47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.92\)\,inset_0_-10px_18px_rgba\(194\,205\,222\,0\.46\)\,inset_0_0_0_1px_rgba\(172\,187\,209\,0\.24\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffeb), inset 0 -10px 18px var(--tw-shadow-color, #c2cdde75), inset 0 0 0 1px var(--tw-shadow-color, #acbbd13d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.92\)\,inset_0_0_0_1px_rgba\(172\,187\,209\,0\.24\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffeb), inset 0 0 0 1px var(--tw-shadow-color, #acbbd13d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.95\)\,0_8px_18px_rgba\(62\,76\,107\,0\.1\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fffffff2), 0 8px 18px var(--tw-shadow-color, #3e4c6b1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_var\(--rb-border\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--rb-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_var\(--rb-border-strong\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--rb-border-strong));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_2px_1px_rgba\(255\,255\,255\,0\.04\)\,inset_0_-10px_18px_rgba\(7\,10\,16\,0\.48\)\,0_10px_20px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: inset 0 2px 1px var(--tw-shadow-color, #ffffff0a), inset 0 -10px 18px var(--tw-shadow-color, #070a107a), 0 10px 20px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_2px_1px_rgba\(255\,255\,255\,0\.95\)\,inset_0_-10px_18px_rgba\(190\,202\,220\,0\.58\)\,inset_0_0_0_1px_rgba\(168\,182\,205\,0\.34\)\,0_12px_22px_rgba\(62\,76\,107\,0\.12\)\] {
    --tw-shadow: inset 0 2px 1px var(--tw-shadow-color, #fffffff2), inset 0 -10px 18px var(--tw-shadow-color, #becadc94), inset 0 0 0 1px var(--tw-shadow-color, #a8b6cd57), 0 12px 22px var(--tw-shadow-color, #3e4c6b1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_2px_2px_rgba\(255\,255\,255\,0\.34\)\,inset_0_-8px_12px_rgba\(0\,0\,0\,0\.26\)\,0_8px_18px_rgba\(0\,0\,0\,0\.26\)\] {
    --tw-shadow: inset 0 2px 2px var(--tw-shadow-color, #ffffff57), inset 0 -8px 12px var(--tw-shadow-color, #00000042), 0 8px 18px var(--tw-shadow-color, #00000042);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.48\)\] {
    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, #0000007a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_3px_0_rgba\(255\,255\,255\,0\.36\)\] {
    --tw-shadow: inset 0 3px 0 var(--tw-shadow-color, #ffffff5c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_12px_18px_rgba\(0\,0\,0\,0\.35\)\,inset_0_-12px_18px_rgba\(0\,0\,0\,0\.38\)\] {
    --tw-shadow: inset 0 12px 18px var(--tw-shadow-color, #00000059), inset 0 -12px 18px var(--tw-shadow-color, #00000061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_3px_0_0_var\(--rb-gold\)\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--rb-gold));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_8px_8px_0_rgba\(255\,255\,255\,0\.18\)\,0_18px_35px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: inset 8px 8px 0 var(--tw-shadow-color, #ffffff2e), 0 18px 35px var(--tw-shadow-color, #00000047);
    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-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --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-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);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --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);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-input {
    --tw-shadow-color: hsl(var(--input));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-input {
      --tw-shadow-color: color-mix(in oklab, hsl(var(--input)) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-neutral-700 {
    --tw-shadow-color: #404040;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-neutral-700 {
      --tw-shadow-color: lab(27.036% 0 0);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-neutral-700 {
      --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-950 {
    --tw-shadow-color: #020618;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-slate-950 {
      --tw-shadow-color: lab(1.76974% 1.32743 -9.28855);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-950 {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-950) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[var\(--rb-border\)\] {
    --tw-ring-color: var(--rb-border);
  }

  .ring-\[var\(--rb-border\,rgba\(255\,255\,255\,0\.08\)\)\] {
    --tw-ring-color: var(--rb-border, #ffffff14);
  }

  .ring-\[var\(--rb-border-strong\)\] {
    --tw-ring-color: var(--rb-border-strong);
  }

  .ring-\[var\(--rb-gold\)\] {
    --tw-ring-color: var(--rb-gold);
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-ring\/50 {
    --tw-ring-color: hsl(var(--ring));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .ring-white\/10 {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .ring-white\/\[0\.06\] {
    --tw-ring-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/\[0\.06\] {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .ring-white\/\[0\.07\] {
    --tw-ring-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/\[0\.07\] {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .ring-white\/\[0\.08\] {
    --tw-ring-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/\[0\.08\] {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-\[var\(--rb-card-sunken\)\] {
    --tw-ring-offset-color: var(--rb-card-sunken);
  }

  .ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-\[2px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-\[4px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-\[\#00be00\] {
    outline-color: #00be00;
  }

  .outline-\[\#00e701\] {
    outline-color: #00e701;
  }

  .outline-\[\#0000004f\] {
    outline-color: #0000004f;
  }

  .outline-\[\#1475e1\] {
    outline-color: #1475e1;
  }

  .outline-\[\#e9113c\] {
    outline-color: #e9113c;
  }

  .outline-\[\#ff9d00\] {
    outline-color: #ff9d00;
  }

  .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-2xl {
    --tw-blur: blur(var(--blur-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, );
  }

  .blur-lg {
    --tw-blur: blur(var(--blur-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, );
  }

  .blur-md {
    --tw-blur: blur(var(--blur-md));
    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-sm {
    --tw-blur: blur(var(--blur-sm));
    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 {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    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-\[0_0_8px_rgba\(240\,194\,77\,0\.35\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #f0c24d59));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_1px_3px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, #0009));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_1px_4px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 4px var(--tw-drop-shadow-color, #0009));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 5px var(--tw-drop-shadow-color, #0006));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_2px_6px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 6px var(--tw-drop-shadow-color, #00000059));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_2px_8px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, #0009));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_2px_10px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 10px var(--tw-drop-shadow-color, #0009));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_3px_2px_rgba\(0\,0\,0\,0\.85\)\] {
    --tw-drop-shadow-size: drop-shadow(0 3px 2px var(--tw-drop-shadow-color, #000000d9));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_4px_10px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 4px 10px var(--tw-drop-shadow-color, #0006));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_5px_12px_rgba\(0\,0\,0\,0\.38\)\] {
    --tw-drop-shadow-size: drop-shadow(0 5px 12px var(--tw-drop-shadow-color, #00000061));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_8px_12px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 12px var(--tw-drop-shadow-color, #0009));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_20px_50px_rgba\(75\,93\,124\,0\.32\)\] {
    --tw-drop-shadow-size: drop-shadow(0 20px 50px var(--tw-drop-shadow-color, #4b5d7c52));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_24px_60px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 24px 60px var(--tw-drop-shadow-color, #00000073));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    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 {
    --tw-backdrop-blur: blur(8px);
    -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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -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-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -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-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -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-\[8px\] {
    --tw-backdrop-blur: blur(8px);
    -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-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-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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-filter\:blur\(10px\)\] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .\[backdrop-filter\:blur\(18px\)_saturate\(1\.2\)\] {
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    backdrop-filter: blur(18px) saturate(1.2);
  }

  .\[backdrop-filter\:blur\(20px\)\] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .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-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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-shadow {
    transition-property: box-shadow;
    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));
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .delay-400 {
    transition-delay: .4s;
  }

  .delay-500 {
    transition-delay: .5s;
  }

  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .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);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .\[-webkit-backdrop-filter\:blur\(10px\)\] {
    -webkit-backdrop-filter: blur(10px);
  }

  .\[-webkit-backdrop-filter\:blur\(18px\)_saturate\(1\.2\)\] {
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
  }

  .\[-webkit-backdrop-filter\:blur\(20px\)\] {
    -webkit-backdrop-filter: blur(20px);
  }

  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }

  .\[scrollbar-color\:\#3a4354_transparent\] {
    scrollbar-color: #3a4354 transparent;
  }

  .\[scrollbar-color\:\#526073_transparent\] {
    scrollbar-color: #526073 transparent;
  }

  .\[scrollbar-color\:rgba\(104\,119\,143\,0\.48\)_transparent\] {
    scrollbar-color: #68778f7a transparent;
  }

  .\[scrollbar-color\:var\(--rb-card-active\)_transparent\] {
    scrollbar-color: var(--rb-card-active) transparent;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
      scale: 1.05;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.08\]:is(:where(.group):hover *) {
      scale: 1.08;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.045\]:is(:where(.group):hover *) {
      scale: 1.045;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/burger\:w-full:is(:where(.group\/burger):hover *) {
      width: 100%;
    }
  }

  @media (hover: hover) {
    .group-hover\/nav\:pointer-events-auto:is(:where(.group\/nav):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\/nav\:flex:is(:where(.group\/nav):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/nav\:rotate-180:is(:where(.group\/nav):hover *) {
      rotate: 180deg;
    }
  }

  @media (hover: hover) {
    .group-hover\/nav\:opacity-100:is(:where(.group\/nav):hover *) {
      opacity: 1;
    }
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * 9);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    height: fit-content;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    justify-content: flex-start;
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .selection\:bg-primary ::selection, .selection\:bg-primary::selection {
    background-color: hsl(var(--primary));
  }

  .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection {
    color: hsl(var(--primary-foreground));
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: hsl(var(--foreground));
  }

  .placeholder\:text-\[var\(--markets-placeholder\)\]::placeholder {
    color: var(--markets-placeholder);
  }

  .placeholder\:text-\[var\(--rb-text-faint\)\]::placeholder {
    color: var(--rb-text-faint);
  }

  .placeholder\:text-current\/42::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-current\/42::placeholder {
      color: color-mix(in oklab, currentcolor 42%, transparent);
    }
  }

  .placeholder\:text-current\/44::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-current\/44::placeholder {
      color: color-mix(in oklab, currentcolor 44%, transparent);
    }
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground));
  }

  .placeholder\:text-white\/24::placeholder {
    color: #ffffff3d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/24::placeholder {
      color: color-mix(in oklab, var(--color-white) 24%, transparent);
    }
  }

  .placeholder\:text-white\/30::placeholder {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/30::placeholder {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .placeholder\:text-white\/32::placeholder {
    color: #ffffff52;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/32::placeholder {
      color: color-mix(in oklab, var(--color-white) 32%, transparent);
    }
  }

  .placeholder\:text-white\/42::placeholder {
    color: #ffffff6b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/42::placeholder {
      color: color-mix(in oklab, var(--color-white) 42%, transparent);
    }
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:bg-\[var\(--rb-gold-strong\)\]\/44:before {
    content: var(--tw-content);
    background-color: var(--rb-gold-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-\[var\(--rb-gold-strong\)\]\/44:before {
      background-color: color-mix(in oklab, var(--rb-gold-strong) 44%, transparent);
    }
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .after\:bg-\[var\(--rb-gold-strong\)\]\/44:after {
    content: var(--tw-content);
    background-color: var(--rb-gold-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-\[var\(--rb-gold-strong\)\]\/44:after {
      background-color: color-mix(in oklab, var(--rb-gold-strong) 44%, transparent);
    }
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: hsl(var(--foreground));
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .odd\:bg-white\/\[0\.035\]:nth-child(odd) {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .odd\:bg-white\/\[0\.035\]:nth-child(odd) {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:z-\[2\]:hover {
      z-index: 2;
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @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);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#557086\]:hover {
      border-color: #557086;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--rb-gold\)\]:hover {
      border-color: var(--rb-gold);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#3f8d2780\]:hover {
      background-color: #3f8d2780;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#557086\]:hover {
      background-color: #557086;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#5353539d\]:hover {
      background-color: #5353539d;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#29374793\]:hover {
      background-color: #29374793;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--markets-nav\)\]:hover {
      background-color: var(--markets-nav);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--rb-card\)\]:hover {
      background-color: var(--rb-card);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--rb-card-active\)\]:hover {
      background-color: var(--rb-card-active);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--rb-card-active\)\]\/60:hover {
      background-color: var(--rb-card-active);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--rb-card-active\)\]\/60:hover {
        background-color: color-mix(in oklab, var(--rb-card-active) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--rb-card-deep\)\]:hover {
      background-color: var(--rb-card-deep);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--rb-card-sunken\)\]:hover {
      background-color: var(--rb-card-sunken);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: hsl(var(--accent));
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/50:hover {
      background-color: #00000080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/50:hover {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/70:hover {
      background-color: #000000b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/70:hover {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/75:hover {
      background-color: #000000bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/75:hover {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/80:hover {
      background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/90:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/90:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-secondary\/80:hover {
      background-color: hsl(var(--secondary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/25:hover {
      background-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.1\]:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.1\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.05\]:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.07\]:hover {
      background-color: #ffffff12;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.09\]:hover {
      background-color: #ffffff17;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 9%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.12\]:hover {
      background-color: #ffffff1f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.055\]:hover {
      background-color: #ffffff0e;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.055\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:fill-\[\#d8b228\]:hover {
      fill: #d8b228;
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--rb-gold\)\]:hover {
      color: var(--rb-gold);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--rb-gold-strong\)\]:hover {
      color: var(--rb-gold-strong);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--rb-text\)\]:hover {
      color: var(--rb-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--rb-text-soft\)\]:hover {
      color: var(--rb-text-soft);
    }
  }

  @media (hover: hover) {
    .hover\:text-accent-foreground:hover {
      color: hsl(var(--accent-foreground));
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: hsl(var(--foreground));
    }
  }

  @media (hover: hover) {
    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/60:hover {
      color: #fff9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/60:hover {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/70:hover {
      color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/70:hover {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/72:hover {
      color: #ffffffb8;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/72:hover {
        color: color-mix(in oklab, var(--color-white) 72%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/76:hover {
      color: #ffffffc2;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/76:hover {
        color: color-mix(in oklab, var(--color-white) 76%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/78:hover {
      color: #ffffffc7;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/78:hover {
        color: color-mix(in oklab, var(--color-white) 78%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/80:hover {
      color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/80:hover {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/82:hover {
      color: #ffffffd1;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/82:hover {
        color: color-mix(in oklab, var(--color-white) 82%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_18px_45px_rgba\(0\,0\,0\,0\.48\)\]:hover {
      --tw-shadow: 0 18px 45px var(--tw-shadow-color, #0000007a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --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);
    }
  }

  @media (hover: hover) {
    .hover\:ring-4:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
    }
  }

  @media (hover: hover) {
    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-125:hover {
      --tw-brightness: brightness(125%);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-\[1\.02\]:hover {
      --tw-brightness: brightness(1.02);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-\[1\.04\]:hover {
      --tw-brightness: brightness(1.04);
      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, );
    }
  }

  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent));
  }

  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground));
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  .focus\:ring-\[\#d8b228\]:focus {
    --tw-ring-color: #d8b228;
  }

  .focus\:ring-\[var\(--rb-gold\)\]:focus {
    --tw-ring-color: var(--rb-gold);
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .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;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: hsl(var(--ring));
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  .focus-visible\:ring-4:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: hsl(var(--ring));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: hsl(var(--ring));
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: hsl(var(--destructive));
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 44);
  }

  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }

  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: hsl(var(--background));
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: hsl(var(--foreground));
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
    --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);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: hsl(var(--accent));
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: hsl(var(--secondary));
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:block {
      display: block;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:max-h-\[calc\(100dvh-6rem\)\] {
      max-height: calc(100dvh - 6rem);
    }
  }

  @media (min-width: 380px) {
    .min-\[380px\]\:w-\[96px\] {
      width: 96px;
    }
  }

  @media (min-width: 380px) {
    .min-\[380px\]\:max-w-\[112px\] {
      max-width: 112px;
    }
  }

  @media (min-width: 380px) {
    .min-\[380px\]\:max-w-\[min\(54vw\,204px\)\] {
      max-width: min(54vw, 204px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-auto {
      inset-inline: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-3 {
      top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-12 {
      top: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-\[calc\(100\%\+10px\)\] {
      top: calc(100% + 10px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:bottom-auto {
      bottom: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:left-0 {
      left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:left-3 {
      left: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:left-4 {
      left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:z-30 {
      z-index: 30;
    }
  }

  @media (min-width: 40rem) {
    .sm\:order-1 {
      order: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:order-2 {
      order: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:order-3 {
      order: 3;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-7 {
      height: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[66px\] {
      height: 66px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[96px\] {
      height: 96px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[148px\] {
      height: 148px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[198px\] {
      height: 198px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[240px\] {
      height: 240px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[270px\] {
      height: 270px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[calc\(100dvh-24px\)\] {
      height: calc(100dvh - 24px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[min\(820px\,calc\(100vh-48px\)\)\] {
      height: min(820px, 100vh - 48px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-16 {
      max-height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-80 {
      max-height: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-96 {
      max-height: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-\[456px\] {
      max-height: 456px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[204px\] {
      min-height: 204px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[240px\] {
      min-height: 240px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[270px\] {
      min-height: 270px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-7 {
      width: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[42\%\] {
      width: 42%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[66px\] {
      width: 66px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[150px\] {
      width: 150px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[196px\] {
      width: 196px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[280px\] {
      width: 280px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[360px\] {
      width: 360px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[min\(460px\,calc\(100vw-32px\)\)\] {
      width: min(460px, 100vw - 32px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-fit {
      width: fit-content;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[54px\] {
      max-width: 54px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[154px\] {
      max-width: 154px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[170px\] {
      max-width: 170px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[184px\] {
      max-width: 184px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[420px\] {
      max-width: 420px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[560px\] {
      max-width: 560px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[min\(78vw\,292px\)\] {
      max-width: min(78vw, 292px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[132px\] {
      min-width: 132px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[240px\] {
      min-width: 240px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[260px\] {
      min-width: 260px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[365px\] {
      min-width: 365px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[780px\] {
      min-width: 780px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-\[0_0_50\%\] {
      flex: 0 0 50%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:translate-y-3 {
      --tw-translate-y: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[44px_1fr_44px_44px\] {
      grid-template-columns: 44px 1fr 44px 44px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media (min-width: 40rem) {
    .sm\:place-items-center {
      place-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-7 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-y-3 {
      row-gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[10px\] {
      border-radius: 10px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[12px\] {
      border-radius: 12px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[16px\] {
      border-radius: 16px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[20px\] {
      border-radius: 20px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[22px\] {
      border-radius: 22px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[26px\] {
      border-radius: 26px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[28px\] {
      border-radius: 28px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-lg {
      border-radius: var(--radius);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-md {
      border-radius: calc(var(--radius) - 2px);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-t-\[16px\] {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-1 {
      padding: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pe-4 {
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.2rem\] {
      font-size: 1.2rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.6rem\] {
      font-size: 1.6rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.28rem\] {
      font-size: 1.28rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.45rem\] {
      font-size: 1.45rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[2\.25rem\] {
      font-size: 2.25rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[9px\] {
      font-size: 9px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[12px\] {
      font-size: 12px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[14px\] {
      font-size: 14px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[15px\] {
      font-size: 15px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[26px\] {
      font-size: 26px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[34px\] {
      font-size: 34px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[38px\] {
      font-size: 38px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:shadow-\[0_34px_100px_rgba\(0\,0\,0\,0\.72\)\] {
      --tw-shadow: 0 34px 100px var(--tw-shadow-color, #000000b8);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 40rem) {
    .sm\:outline-\[4px\] {
      outline-style: var(--tw-outline-style);
      outline-width: 4px;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[5px\] {
      height: 5px;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-h-\[560px\] {
      min-height: 560px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-14 {
      width: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[30\%\] {
      width: 30%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[30px\] {
      width: 30px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[90px\] {
      width: 90px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[100px\] {
      width: 100px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[110px\] {
      width: 110px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[500px\] {
      width: 500px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-\[430px\] {
      min-width: 430px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[250px_1fr\] {
      grid-template-columns: 250px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_220px_280px\] {
      grid-template-columns: minmax(0, 1fr) 220px 280px;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-md {
      border-radius: calc(var(--radius) - 2px);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[\.8em\] {
      font-size: .8em;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[1\.2em\] {
      font-size: 1.2em;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[1\.8em\] {
      font-size: 1.8em;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[2\.1em\] {
      font-size: 2.1em;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[2\.2em\] {
      font-size: 2.2em;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[100\%\] {
      font-size: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:outline-\[6px\] {
      outline-style: var(--tw-outline-style);
      outline-width: 6px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:fixed {
      position: fixed;
    }
  }

  @media (min-width: 64rem) {
    .lg\:relative {
      position: relative;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inset-auto {
      inset: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:left-\[68px\] {
      left: 68px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:left-\[240px\] {
      left: 240px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-3 {
      order: 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-\[var\(--rb-announcement-offset\,0px\)\] {
      margin-top: var(--rb-announcement-offset, 0px);
    }
  }

  @media (min-width: 64rem) {
    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:aspect-auto {
      aspect-ratio: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-\[328px\] {
      height: 328px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-\[360px\] {
      height: 360px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-full {
      height: 100%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[272px\] {
      min-height: 272px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[300px\] {
      min-height: 300px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[328px\] {
      min-height: 328px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[360px\] {
      min-height: 360px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[620px\] {
      min-height: 620px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[166px\] {
      width: 166px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[54\%\] {
      max-width: 54%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[58\%\] {
      max-width: 58%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[260px\] {
      max-width: 260px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[280px\] {
      max-width: 280px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[440px\] {
      max-width: 440px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-none {
      flex: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:auto-rows-fr {
      grid-auto-rows: minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_0\.9fr\] {
      grid-template-columns: 1fr .9fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_0\.85fr\] {
      grid-template-columns: 1fr .85fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_360px\] {
      grid-template-columns: 1fr 360px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[70px_minmax\(0\,1fr\)\] {
      grid-template-columns: 70px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
      grid-template-columns: 260px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[300px_1fr_420px\] {
      grid-template-columns: 300px 1fr 420px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(320px\,1fr\)\] {
      grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,580px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 580px);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-l-none {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-\[calc\(58px_\+_var\(--rb-announcement-offset\,0px\)\)\] {
      padding-top: calc(58px + var(--rb-announcement-offset, 0px));
    }
  }

  @media (min-width: 64rem) {
    .lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pr-\[348px\] {
      padding-right: 348px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-\[68px\] {
      padding-left: 68px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-\[104px\] {
      padding-left: 104px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-\[240px\] {
      padding-left: 240px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-\[286px\] {
      padding-left: 286px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-start {
      text-align: start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[1rem\] {
      font-size: 1rem;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[52px\] {
      font-size: 52px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:leading-\[24px\] {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }
  }

  @media (min-width: 80rem) {
    .xl\:inline {
      display: inline;
    }
  }

  @media (min-width: 80rem) {
    .xl\:h-\[calc\(100vh-120px\)\] {
      height: calc(100vh - 120px);
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-\[0_0_33\.333\%\] {
      flex: 0 0 33.333%;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[280px_minmax\(0\,1fr\)_500px\] {
      grid-template-columns: 280px minmax(0, 1fr) 500px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[310px_minmax\(0\,1fr\)_300px\] {
      grid-template-columns: 310px minmax(0, 1fr) 300px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 80rem) {
    .xl\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 80rem) {
    .xl\:overflow-y-auto {
      overflow-y: auto;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-input {
      border-color: hsl(var(--input));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-destructive\/60 {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-destructive\/60 {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 60%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-input\/30 {
      background-color: hsl(var(--input));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-input\/30 {
        background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-muted-foreground {
      color: hsl(var(--muted-foreground));
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-accent\/50:hover {
        background-color: hsl(var(--accent));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-accent\/50:hover {
          background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-input\/50:hover {
        background-color: hsl(var(--input));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-input\/50:hover {
          background-color: color-mix(in oklab, hsl(var(--input)) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-foreground:hover {
        color: hsl(var(--foreground));
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:focus-visible\:ring-destructive\/40:focus-visible {
      --tw-ring-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:focus-visible\:ring-destructive\/40:focus-visible {
        --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
      --tw-ring-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
        --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:border-input[data-state="active"] {
      border-color: hsl(var(--input));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"] {
      background-color: hsl(var(--input));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"] {
        background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:text-foreground[data-state="active"] {
      color: hsl(var(--foreground));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
      border-color: #0000;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
      background-color: #0000;
    }
  }

  .\[\&_a\]\:text-\[var\(--rb-gold\)\] a {
    color: var(--rb-gold);
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  @media (hover: hover) {
    .hover\:\[\&_a\]\:underline:hover a {
      text-decoration-line: underline;
    }
  }

  .\[\&_strong\]\:font-black strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:h-\[1em\] svg {
    height: 1em;
  }

  .\[\&_svg\]\:w-\[1em\] svg {
    width: 1em;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:fill-current svg {
    fill: currentColor;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: hsl(var(--muted-foreground));
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
    width: calc(var(--spacing) * 1);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/18::-webkit-scrollbar-thumb {
    background-color: #ffffff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/18::-webkit-scrollbar-thumb {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\>\*\]\:snap-start > * {
    scroll-snap-align: start;
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>img\]\:order-first > img {
      order: -9999;
    }
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:h-full > svg {
    height: 100%;
  }

  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }

  .\[\&\>svg\]\:object-contain > svg {
    object-fit: contain;
  }

  .\[\&\>svg\]\:object-cover > svg {
    object-fit: cover;
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: hsl(var(--accent));
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: hsl(var(--secondary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--secondary)) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: hsl(var(--accent-foreground));
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
}

@keyframes rb-balance-delta-up {
  0% {
    opacity: 0;
    transform: translateY(8px)scale(.96);
  }

  18% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(-18px)scale(.98);
  }
}

.rbp-promo-card {
  text-decoration: none;
}

.rbp-layout-icon {
  object-fit: contain;
  width: 16px;
  height: 16px;
}

.rbp-desktop-shell {
  display: none;
}

@media (min-width: 761px) {
  .rbp-page {
    width: min(100%, 1120px);
    padding: 14px 0 48px;
    display: block;
    box-shadow: none !important;
    background: none !important;
  }

  .rbp-desktop-shell {
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
    display: grid;
  }

  .rbp-desktop-sidebar {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
    gap: 18px;
    display: grid;
    position: sticky;
    top: 86px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-sidebar {
      background: color-mix(in srgb, var(--rb-card) 94%, var(--rb-bg));
    }
  }

  .rbp-desktop-sidebar {
    box-shadow: none;
    padding: 10px;
  }

  .rbp-desktop-user-card {
    background: var(--rb-card);
    border-radius: 8px;
    gap: 12px;
    min-height: 96px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-user-card {
      background: color-mix(in srgb, var(--rb-card) 86%, var(--rb-bg));
    }
  }

  .rbp-desktop-user-card {
    color: var(--rb-text);
    box-shadow: none;
    padding: 12px;
  }

  .rbp-desktop-user-top {
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    display: grid;
  }

  .rbp-desktop-avatar, .rbp-desktop-upload-preview {
    background: var(--rb-card);
    border-radius: 8px;
    place-items: center;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-avatar, .rbp-desktop-upload-preview {
      background: color-mix(in srgb, var(--rb-card) 88%, transparent);
    }
  }

  .rbp-desktop-avatar, .rbp-desktop-upload-preview {
    cursor: pointer;
  }

  .rbp-desktop-avatar {
    border: 0;
    width: 38px;
    height: 38px;
  }

  .rbp-desktop-avatar img, .rbp-desktop-upload-preview img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .rbp-desktop-avatar input, .rbp-desktop-upload-preview input, .rbp-desktop-upload-button input {
    display: none;
  }

  .rbp-desktop-avatar-camera {
    background: var(--rb-gold-gradient);
    width: 18px;
    height: 18px;
    color: var(--rb-gold-deep);
    border: 2px solid #00000061;
    border-radius: 999px;
    padding: 3px;
    position: absolute;
    bottom: -2px;
    right: -2px;
  }

  .rbp-desktop-user-top strong, .rbp-desktop-user-top span {
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .rbp-desktop-user-top strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 750;
    overflow: hidden;
  }

  .rbp-desktop-user-top span {
    gap: 5px;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 650;
  }

  .rbp-desktop-vip-line {
    color: var(--rb-text-soft);
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    font-weight: 500;
    display: flex;
  }

  .rbp-desktop-progress {
    background: #00000057;
    border-radius: 999px;
    height: 4px;
    overflow: hidden;
  }

  .rbp-desktop-progress i {
    border-radius: inherit;
    background: var(--rb-text);
    height: 100%;
    display: block;
  }

  .rbp-desktop-user-id {
    background: var(--rb-bg);
    border: 0;
    border-radius: 7px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 8px;
    min-height: 34px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-user-id {
      background: color-mix(in srgb, var(--rb-bg) 42%, transparent);
    }
  }

  .rbp-desktop-user-id {
    color: var(--rb-text);
    text-align: left;
    padding: 7px 9px;
  }

  .rbp-desktop-user-id span {
    color: var(--rb-text-soft);
    grid-column: 1 / -1;
    font-size: 10px;
    font-weight: 700;
  }

  .rbp-desktop-user-id strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
  }

  .rbp-desktop-user-id svg {
    color: var(--rb-gold);
  }

  .rbp-desktop-menu {
    gap: 6px;
    display: grid;
  }

  .rbp-desktop-menu button {
    min-height: 40px;
    color: var(--rb-text-soft);
    text-align: left;
    border: 0;
    border-radius: 7px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 650;
    transition: background .15s, color .15s;
    display: grid;
  }

  .rbp-desktop-menu button:hover, .rbp-desktop-menu button.is-active {
    background: var(--rb-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-menu button:hover, .rbp-desktop-menu button.is-active {
      background: color-mix(in srgb, var(--rb-gold) 16%, var(--rb-card));
    }
  }

  .rbp-desktop-menu button:hover, .rbp-desktop-menu button.is-active {
    color: var(--rb-text);
  }

  .rbp-desktop-menu button.is-active svg {
    color: var(--rb-gold);
  }

  .rbp-desktop-menu button.is-child {
    min-height: 36px;
    margin-left: 12px;
    font-size: 12px;
  }

  .rbp-desktop-menu-chevron {
    color: var(--rb-text-soft);
    transition: transform .16s;
  }

  .rbp-desktop-menu button.is-open .rbp-desktop-menu-chevron {
    transform: rotate(90deg);
  }

  .rbp-desktop-menu button.is-logout {
    color: #ff6b73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-menu button.is-logout {
      color: color-mix(in srgb, #ff6b73 82%, var(--rb-text));
    }
  }

  .rbp-desktop-content {
    z-index: 2;
    min-width: 0;
    position: relative;
  }

  .rbp-desktop-embedded-panel {
    min-width: 0;
  }

  .rbp-desktop-embedded-panel .rb-settings-page {
    width: 100%;
    padding: 0;
  }

  .rbp-desktop-embedded-panel .rb-settings-hero {
    display: none;
  }

  .rbp-desktop-embedded-panel .rb-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .rbp-desktop-embedded-panel .rb-settings-grid > .rb-settings-panel, .rbp-desktop-embedded-panel .rb-settings-profile-panel, .rbp-desktop-embedded-panel .rb-settings-password-panel, .rbp-desktop-embedded-panel .rb-settings-pin-panel {
    grid-area: auto / span 1 !important;
  }

  .rbp-desktop-embedded-panel .rb-settings-savebar {
    position: sticky;
    bottom: 14px;
  }

  .rbp-desktop-embedded-panel > section, .rbp-desktop-embedded-panel .rb-settings-panel, .rbp-desktop-embedded-panel .bonus-list-panel {
    border: 0;
  }

  .rbp-desktop-account-head {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-account-head {
      background: color-mix(in srgb, var(--rb-card) 92%, var(--rb-bg));
    }
  }

  .rbp-desktop-account-head {
    padding: 14px;
  }

  .rbp-desktop-account-head div {
    align-items: center;
    gap: 10px;
    display: inline-flex;
  }

  .rbp-desktop-account-head h2 {
    color: var(--rb-text);
    margin: 0;
    font-size: 20px;
    font-weight: 760;
    line-height: 1.1;
  }

  .rbp-desktop-copy-id {
    background: var(--rb-card);
    border: 0;
    border-radius: 7px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 260px;
    min-height: 34px;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-copy-id {
      background: color-mix(in srgb, var(--rb-card) 82%, var(--rb-bg));
    }
  }

  .rbp-desktop-copy-id {
    color: var(--rb-text-soft);
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
  }

  .rbp-desktop-copy-id span {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .rbp-desktop-copy-id svg {
    color: var(--rb-gold);
    flex: none;
  }

  .rbp-desktop-panel-stack {
    gap: 18px;
    display: grid;
  }

  .rbp-desktop-avatar-panel, .rbp-desktop-verification article, .rbp-desktop-stats article, .rbp-desktop-table-panel, .rbp-desktop-card-grid article, .rbp-desktop-placeholder {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-avatar-panel, .rbp-desktop-verification article, .rbp-desktop-stats article, .rbp-desktop-table-panel, .rbp-desktop-card-grid article, .rbp-desktop-placeholder {
      background: color-mix(in srgb, var(--rb-card) 92%, var(--rb-bg));
    }
  }

  .rbp-desktop-avatar-panel {
    gap: 8px;
    padding: 14px;
    display: grid;
  }

  .rbp-desktop-avatar-panel > span, .rbp-desktop-form-grid label > span {
    color: var(--rb-text-soft);
    font-size: 12px;
    font-weight: 650;
  }

  .rbp-desktop-avatar-panel > div {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .rbp-desktop-upload-preview {
    width: 58px;
    height: 58px;
  }

  .rbp-desktop-upload-button {
    background: var(--rb-gold-gradient);
    min-height: 34px;
    color: var(--rb-gold-deep);
    cursor: pointer;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .rbp-desktop-avatar-panel small {
    color: var(--rb-text-soft);
    font-size: 11px;
  }

  .rbp-desktop-form-grid {
    gap: 12px;
    display: grid;
  }

  .rbp-desktop-form-grid label {
    background: none;
    grid-template-columns: minmax(0, 1fr) 74px;
    gap: 8px;
    display: grid;
  }

  .rbp-desktop-form-grid label > span {
    grid-column: 1 / -1;
  }

  .rbp-desktop-form-grid input {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
    min-width: 0;
    min-height: 36px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-form-grid input {
      background: color-mix(in srgb, var(--rb-card) 82%, var(--rb-bg));
    }
  }

  .rbp-desktop-form-grid input {
    box-shadow: inset 0 0 0 1px var(--rb-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-form-grid input {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 5%, transparent);
    }
  }

  .rbp-desktop-form-grid input {
    color: var(--rb-text);
    padding: 0 12px;
    font-size: 13px;
    font-weight: 650;
  }

  .rbp-desktop-form-grid button {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
    min-height: 36px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-form-grid button {
      background: color-mix(in srgb, var(--rb-card) 70%, var(--rb-bg));
    }
  }

  .rbp-desktop-form-grid button {
    color: var(--rb-text-soft);
    font-size: 12px;
    font-weight: 750;
  }

  .rbp-desktop-verification, .rbp-desktop-stats, .rbp-desktop-favorites {
    gap: 14px;
    padding-top: 2px;
    display: grid;
  }

  .rbp-desktop-verification h2, .rbp-desktop-stats h2, .rbp-desktop-favorites h2 {
    color: var(--rb-text);
    margin: 0;
    font-size: 20px;
    font-weight: 780;
  }

  .rbp-desktop-verification > div, .rbp-desktop-stats > div, .rbp-desktop-card-grid, .rbp-desktop-favorites > div {
    gap: 10px;
    display: grid;
  }

  .rbp-desktop-verification > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rbp-desktop-verification article {
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 2px 10px;
    min-height: 66px;
    padding: 14px;
    display: grid;
  }

  .rbp-desktop-verification article strong, .rbp-desktop-stats article strong, .rbp-desktop-card-grid article strong, .rbp-desktop-placeholder strong {
    color: var(--rb-text);
    font-weight: 780;
  }

  .rbp-desktop-verification article span, .rbp-desktop-stats article span, .rbp-desktop-card-grid article p, .rbp-desktop-placeholder p {
    color: var(--rb-text-soft);
    font-size: 12px;
  }

  .rbp-desktop-verification article svg {
    color: var(--rb-gold);
    grid-row: span 2;
  }

  .rbp-desktop-stats > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rbp-desktop-stats-panel {
    gap: 18px;
    display: grid;
  }

  .rbp-desktop-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .rbp-desktop-stats article, .rbp-desktop-stats-grid article {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 8px 10px;
    min-height: 64px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-stats article, .rbp-desktop-stats-grid article {
      background: color-mix(in srgb, var(--rb-card) 94%, var(--rb-bg));
    }
  }

  .rbp-desktop-stats article, .rbp-desktop-stats-grid article {
    padding: 14px 16px;
  }

  .rbp-desktop-stats article svg, .rbp-desktop-stats-grid article svg {
    color: var(--rb-gold);
    grid-area: span 2 / 2;
    place-self: center end;
  }

  .rbp-desktop-stats article strong, .rbp-desktop-stats-grid article strong {
    min-width: 0;
    color: var(--rb-text);
    overflow-wrap: anywhere;
    font-size: 17px;
    line-height: 1.1;
  }

  .rbp-desktop-stats-grid article span {
    color: var(--rb-text-soft);
    grid-column: 1;
    font-size: 12px;
    font-weight: 650;
  }

  .rbp-desktop-stats article span {
    grid-column: 1;
  }

  .rbp-desktop-stats-grid article:nth-child(3), .rbp-desktop-stats-grid article:nth-child(5) {
    grid-column: span 2;
  }

  .rbp-desktop-favorites header {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .rbp-desktop-favorites h2 {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .rbp-desktop-favorites h2 svg {
    color: var(--rb-gold);
  }

  .rbp-desktop-favorites header button {
    background: var(--rb-card);
    border: 0;
    border-radius: 7px;
    min-height: 30px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-favorites header button {
      background: color-mix(in srgb, var(--rb-card) 85%, var(--rb-bg));
    }
  }

  .rbp-desktop-favorites header button {
    color: var(--rb-text);
    padding: 0 12px;
    font-size: 12px;
    font-weight: 750;
  }

  .rbp-desktop-favorites > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rbp-desktop-favorites.is-full > div {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rbp-desktop-favorite-card {
    background: var(--rb-card);
    border-radius: 8px;
    align-items: end;
    min-height: 118px;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-desktop-favorite-card {
      background: color-mix(in srgb, var(--rb-card) 88%, var(--rb-bg));
    }
  }

  .rbp-desktop-favorite-card {
    color: var(--rb-text);
    text-decoration: none;
  }

  .rbp-desktop-favorite-card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .rbp-desktop-favorite-card:after {
    content: "";
    background: linear-gradient(#0000 36%, #000000b3);
    position: absolute;
    inset: 0;
  }

  .rbp-desktop-favorite-card > svg, .rbp-desktop-favorite-card span {
    z-index: 1;
    position: relative;
  }

  .rbp-desktop-favorite-card span {
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
  }

  .rbp-desktop-empty {
    color: var(--rb-text-soft);
    grid-column: 1 / -1;
    margin: 0;
    font-size: 13px;
  }

  .rbp-desktop-table-panel {
    padding: 12px;
  }

  .rbp-desktop-table-panel .rbp-table-head, .rbp-desktop-table-panel .rbp-table-row {
    grid-template-columns: minmax(160px, 1.4fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(160px, 1.1fr);
  }

  .rbp-desktop-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rbp-desktop-card-grid article {
    gap: 8px;
    padding: 18px;
    display: grid;
  }

  .rbp-desktop-card-grid article svg {
    color: var(--rb-gold);
  }

  .rbp-desktop-card-grid article p, .rbp-desktop-placeholder p {
    margin: 0;
    line-height: 1.5;
  }

  .rbp-desktop-placeholder {
    text-align: center;
    place-items: center;
    min-height: 280px;
    padding: 32px;
    display: grid;
  }

  .rbp-desktop-placeholder svg {
    color: var(--rb-gold);
  }

  .rbp-page > .rbp-hero, .rbp-page > .rbp-metrics, .rbp-page > .rbp-desktop-promo-card, .rbp-page > .rbp-tabs, .rbp-page > .rbp-overview-grid, .rbp-page > .rbp-security-grid, .rbp-page > .rbp-table-card, .rbp-page > .rbp-game-strip {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .rbp-desktop-shell {
    display: none !important;
  }

  .rbp-mobile-stats span {
    font-weight: 500 !important;
  }

  .rbp-mobile-stats strong {
    font-size: 15px !important;
    font-weight: 550 !important;
  }

  .rbp-mobile-stats small {
    font-weight: 500 !important;
  }

  .rbp-desktop-promo-card {
    display: none;
  }

  .rbp-mobile-promo-card {
    min-height: 138px;
    display: block;
  }

  .rbp-promo-card-copy {
    align-content: end;
    max-width: none;
    padding: 14px;
  }

  .rbp-promo-card-copy strong {
    font-size: 20px;
  }

  .rbp-promo-card-copy span {
    font-size: 12px;
  }
}

.loot-page, .loot-open-page {
  background: var(--loot-page-bg);
  width: min(1180px, 100vw - 32px);
  color: var(--loot-text);
  margin: 0 auto;
  padding: 18px 0 40px;
  font-weight: 500;
}

.loot-hero {
  background: radial-gradient(circle at 78% 45%,
      var(--loot-accent),
      transparent 36%),
    var(--loot-panel-bg);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
  align-items: center;
  min-height: 150px;
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-hero {
    background: radial-gradient(circle at 78% 45%,
      color-mix(in srgb, var(--loot-accent) 18%, transparent),
      transparent 36%),
    var(--loot-panel-bg);
  }
}

.loot-hero {
  box-shadow: 0 18px 44px #060c1c29;
}

.loot-hero > div {
  z-index: 1;
  padding: 22px 24px;
  position: relative;
}

.loot-hero h1, .loot-open-head h1 {
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.05;
}

.loot-hero p, .loot-open-head p {
  color: var(--loot-text-soft);
  align-items: center;
  gap: 6px;
  margin: 12px 0 0;
  font-size: 14px;
  display: inline-flex;
}

.loot-hero img {
  object-fit: cover;
  object-position: center;
  align-self: stretch;
  width: 100%;
  height: 168px;
}

.loot-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
  display: grid;
}

.loot-stat, .loot-shell, .free-chest-section, .loot-rewards-panel, .your-chests-panel, .loot-result {
  background: var(--loot-panel-bg);
  border-radius: 8px;
  box-shadow: 0 14px 34px #060c1c1f;
}

.loot-stat {
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 14px 18px;
  display: flex;
}

.loot-stat > span {
  width: 34px;
  height: 34px;
  color: var(--loot-accent);
  place-items: center;
  display: grid;
}

.loot-stat svg, .loot-stat img {
  object-fit: contain;
  width: 28px;
  height: 28px;
}

.loot-stat small, .loot-box-card small, .loot-list-card small, .free-chest-card small, .loot-rewards-panel small {
  color: var(--loot-text-soft);
  font-size: 12px;
  display: block;
}

.loot-vip-badge, .loot-vip-requirement {
  border: 1px solid var(--loot-accent);
  width: fit-content;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-vip-badge, .loot-vip-requirement {
    border: 1px solid color-mix(in srgb, var(--loot-accent) 30%, transparent);
  }
}

.loot-vip-badge, .loot-vip-requirement {
  background: var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-vip-badge, .loot-vip-requirement {
    background: color-mix(in srgb, var(--loot-accent) 12%, transparent);
  }
}

.loot-vip-badge, .loot-vip-requirement {
  color: var(--loot-accent);
  font-weight: 700;
}

.loot-box-card .loot-vip-badge, .loot-list-card .loot-vip-badge {
  border-radius: 999px;
  margin-top: 7px;
  padding: 5px 8px;
  font-size: 11px;
}

.loot-stat strong {
  margin-top: 4px;
  font-size: 26px;
  font-weight: 760;
  line-height: 1;
  display: block;
}

.loot-shell, .free-chest-section {
  padding: 14px;
}

.loot-tabs {
  border-bottom: 1px solid var(--loot-border);
  align-items: center;
  gap: 18px;
  min-height: 48px;
  margin-bottom: 16px;
  display: flex;
}

.loot-tabs button {
  height: 48px;
  color: var(--loot-text-soft);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  font-weight: 650;
}

.loot-tabs button.is-active {
  border-color: var(--loot-accent);
  color: var(--loot-text);
}

.loot-tabs span {
  color: var(--loot-text-soft);
  align-items: center;
  gap: 6px;
  margin-left: auto;
  font-size: 12px;
  display: inline-flex;
}

.loot-desktop-grid {
  scroll-snap-type: x proximity;
  gap: 14px;
  padding-bottom: 10px;
  display: flex;
  overflow-x: auto;
}

.loot-filter-bar {
  gap: 8px;
  margin: 0 0 14px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.loot-filter-bar button {
  border: 1px solid var(--loot-border);
  background: var(--loot-card-bg);
  min-height: 36px;
  color: var(--loot-text-soft);
  cursor: pointer;
  border-radius: 999px;
  flex: none;
  padding: 0 14px;
  font-weight: 650;
}

.loot-filter-bar button.is-active {
  border-color: var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-filter-bar button.is-active {
    border-color: color-mix(in srgb, var(--loot-accent) 50%, transparent);
  }
}

.loot-filter-bar button.is-active {
  background: var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-filter-bar button.is-active {
    background: color-mix(in srgb, var(--loot-accent) 16%, var(--loot-card-bg));
  }
}

.loot-filter-bar button.is-active {
  color: var(--loot-accent);
}

.loot-box-card, .loot-list-card, .free-chest-card, .your-chests-panel a, .loot-rewards-panel article {
  background: var(--loot-card-bg);
  color: var(--loot-text);
  border-radius: 8px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.loot-box-card {
  text-align: center;
  scroll-snap-align: start;
  flex-direction: column;
  flex: 0 0 178px;
  align-items: center;
  min-height: 262px;
  padding: 18px 14px 10px;
  display: flex;
}

.loot-box-card > strong {
  color: var(--loot-accent);
  font-size: 18px;
}

.loot-box-card img {
  object-fit: contain;
  filter: drop-shadow(0 18px 22px #00000047);
  width: min(150px, 84%);
  height: 132px;
}

.loot-empty {
  color: var(--loot-text-soft);
  text-align: center;
  margin: 18px 0 0;
  font-size: 14px;
}

.loot-box-card > span, .loot-key-pill {
  background: var(--loot-button-bg);
  min-height: 42px;
  color: var(--rb-gold-deep);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-weight: 740;
  display: inline-flex;
}

.loot-box-card.is-disabled, .loot-list-card.is-disabled, .free-chest-card.is-disabled {
  cursor: not-allowed;
  opacity: .58;
}

.loot-lock-note {
  color: var(--loot-accent);
  margin-top: 6px;
  font-weight: 700;
  display: block;
}

.loot-box-card > span {
  align-self: stretch;
  margin-top: auto;
}

.loot-mobile-list {
  display: none;
}

.free-chest-section {
  margin-top: 14px;
}

.free-chest-section h2, .loot-rewards-panel h2, .your-chests-panel h2 {
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
  font-size: 20px;
  display: flex;
}

.free-chest-grid {
  gap: 14px;
  padding-bottom: 8px;
  display: flex;
  overflow-x: auto;
}

.free-chest-card {
  text-align: center;
  flex-direction: column;
  flex: 0 0 168px;
  align-items: center;
  min-height: 160px;
  padding: 14px 12px 10px;
  display: flex;
}

.free-chest-card img {
  object-fit: contain;
  width: 118px;
  height: 78px;
}

.free-chest-card strong, .your-chests-panel strong {
  margin-top: 8px;
  font-size: 13px;
}

.free-chest-card span {
  color: var(--loot-accent);
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  font-weight: 700;
  display: inline-flex;
}

.free-chest-card em {
  background: var(--loot-button-bg);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  top: 8px;
  right: 8px;
}

.loot-open-head {
  grid-template-columns: 150px minmax(0, 1fr) 150px;
  align-items: start;
  gap: 16px;
  display: grid;
}

.loot-open-head > div {
  text-align: center;
}

.loot-open-head button, .loot-odds-button {
  background: var(--loot-card-bg);
  min-height: 42px;
  color: var(--loot-text);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-weight: 680;
  display: inline-flex;
}

.loot-open-head span {
  background: var(--loot-card-bg);
  color: var(--loot-text);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  padding: 8px 12px;
  font-size: 13px;
  display: inline-flex;
}

.loot-open-head .loot-vip-requirement {
  border-color: var(--loot-accent);
  margin-left: 8px;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-head .loot-vip-requirement {
    border-color: color-mix(in srgb, var(--loot-accent) 30%, transparent);
  }
}

.loot-open-head .loot-vip-requirement {
  background: var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-head .loot-vip-requirement {
    background: color-mix(in srgb, var(--loot-accent) 12%, var(--loot-card-bg));
  }
}

.loot-open-head .loot-vip-requirement {
  color: var(--loot-accent);
}

.loot-open-stage {
  background: linear-gradient(180deg, #ffffff06, transparent 32%),
    radial-gradient(ellipse at 50% 68%,
      var(--loot-accent),
      transparent 34%),
    radial-gradient(ellipse at 50% 18%,
      #ffffff14,
      transparent 48%),
    linear-gradient(180deg, #090c18d1, #04060ef5);
  border-radius: 0;
  place-items: center;
  min-height: 430px;
  margin: 12px auto 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-stage {
    background: linear-gradient(180deg, #ffffff06, transparent 32%),
    radial-gradient(ellipse at 50% 68%,
      color-mix(in srgb, var(--loot-accent) 28%, transparent),
      transparent 34%),
    radial-gradient(ellipse at 50% 18%,
      #ffffff14,
      transparent 48%),
    linear-gradient(180deg, #090c18d1, #04060ef5);
  }
}

.loot-open-stage:before {
  content: "";
  background: linear-gradient(180deg, #ffffff2e, transparent 22%),
    radial-gradient(ellipse at center,
      var(--loot-accent),
      transparent 62%),
    linear-gradient(180deg, #ffffff14, #0000003d);
  border-radius: 999px;
  width: min(440px, 64vw);
  height: 96px;
  position: absolute;
  bottom: 82px;
  left: 50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-stage:before {
    background: linear-gradient(180deg, #ffffff2e, transparent 22%),
    radial-gradient(ellipse at center,
      color-mix(in srgb, var(--loot-accent) 34%, transparent),
      transparent 62%),
    linear-gradient(180deg, #ffffff14, #0000003d);
  }
}

.loot-open-stage:before {
  transform: translateX(-50%)perspective(560px)rotateX(68deg);
  box-shadow: 0 22px 48px #00000061, inset 0 1px #ffffff29;
}

.loot-open-stage:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 22% 36%,
      var(--loot-accent),
      transparent 4px),
    radial-gradient(circle at 76% 28%,
      #fff3,
      transparent 3px),
    radial-gradient(circle at 66% 68%,
      var(--loot-accent),
      transparent 3px);
  position: absolute;
  inset: 10% 12% 22%;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-stage:after {
    background: radial-gradient(circle at 22% 36%,
      color-mix(in srgb, var(--loot-accent) 30%, transparent),
      transparent 4px),
    radial-gradient(circle at 76% 28%,
      #fff3,
      transparent 3px),
    radial-gradient(circle at 66% 68%,
      color-mix(in srgb, var(--loot-accent) 24%, transparent),
      transparent 3px);
  }
}

.loot-open-stage:after {
  opacity: .72;
}

.loot-open-stage img {
  z-index: 1;
  object-fit: contain;
  width: min(340px, 64vw);
  max-height: 270px;
  filter: drop-shadow(0 34px 30px #00000075)
    drop-shadow(0 0 34px var(--loot-accent));
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-open-stage img {
    filter: drop-shadow(0 34px 30px #00000075)
    drop-shadow(0 0 34px color-mix(in srgb, var(--loot-accent) 24%, transparent));
  }
}

.loot-open-stage.is-opened img {
  transform: scale(1.04);
}

.loot-open-actions {
  z-index: 2;
  justify-content: center;
  gap: 12px;
  margin-top: -52px;
  display: flex;
  position: relative;
}

.loot-open-actions button {
  background: var(--loot-button-bg);
  width: min(420px, 52vw);
  min-height: 58px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  font-weight: 760;
}

.loot-open-actions button:disabled {
  cursor: not-allowed;
  opacity: .68;
}

.loot-open-actions label {
  align-items: center;
  min-width: 124px;
  display: inline-flex;
  position: relative;
}

.loot-open-actions select {
  appearance: none;
  background: var(--loot-panel-bg);
  width: 100%;
  min-height: 58px;
  color: var(--loot-text);
  border-radius: 8px;
  padding: 0 38px 0 18px;
  font-weight: 500;
}

.loot-open-actions label svg {
  pointer-events: none;
  position: absolute;
  right: 14px;
}

.loot-result {
  align-items: center;
  gap: 12px;
  width: min(420px, 100%);
  margin: 24px auto 0;
  padding: 14px 18px;
  display: flex;
}

.loot-result span {
  background: var(--loot-button-bg);
  width: 42px;
  height: 42px;
  color: var(--rb-gold-deep);
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.loot-result span img {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.loot-result p {
  margin: 0;
  font-weight: 700;
}

.loot-result em {
  color: var(--loot-accent);
  margin-left: auto;
  font-style: normal;
  font-weight: 700;
}

.loot-opening-modal {
  z-index: 9999;
  perspective: 1200px;
  background: #000000b8;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.loot-opening-dialog {
  aspect-ratio: 4 / 3;
  border: 1px solid var(--loot-accent);
  width: min(460px, 100vw - 32px);
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-dialog {
    border: 1px solid color-mix(in srgb, var(--loot-accent) 34%, transparent);
  }
}

.loot-opening-dialog {
  box-shadow: 0 32px 90px #0000009e,
    0 0 46px var(--loot-accent);
  background: #050711;
  border-radius: 16px;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-dialog {
    box-shadow: 0 32px 90px #0000009e,
    0 0 46px color-mix(in srgb, var(--loot-accent) 18%, transparent);
  }
}

.loot-opening-media {
  object-fit: cover;
  filter: saturate(1.08) contrast(1.04);
  width: 100%;
  height: 100%;
  display: block;
}

.loot-opening-media.is-frozen {
  opacity: 0;
}

.loot-opening-freeze {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.loot-opening-freeze.is-visible {
  opacity: 1;
}

.loot-opening-modal.is-revealed .loot-opening-media, .loot-opening-modal.is-revealed .loot-opening-freeze {
  filter: saturate(1.15) contrast(1.08) brightness(.74);
  transform: scale(1.02);
}

.loot-opening-reward {
  border: 1px solid var(--loot-accent);
  justify-items: center;
  gap: 6px;
  width: min(300px, 100vw - 64px);
  padding: 30px 22px 20px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-reward {
    border: 1px solid color-mix(in srgb, var(--loot-accent) 38%, transparent);
  }
}

.loot-opening-reward {
  background: radial-gradient(circle at 50% -8%,
      var(--loot-accent),
      transparent 52%),
    linear-gradient(160deg,
      #222534f5,
      #0b0c16f7 56%,
      #04060efa);
  border-radius: 24px;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-reward {
    background: radial-gradient(circle at 50% -8%,
      color-mix(in srgb, var(--loot-accent) 40%, transparent),
      transparent 52%),
    linear-gradient(160deg,
      #222534f5,
      #0b0c16f7 56%,
      #04060efa);
  }
}

.loot-opening-reward {
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 30px 80px #000000a8,
    0 0 60px var(--loot-accent),
    inset 0 1px 0 #ffffff38,
    inset 0 -1px 0 #ffffff0d;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-reward {
    box-shadow: 0 30px 80px #000000a8,
    0 0 60px color-mix(in srgb, var(--loot-accent) 30%, transparent),
    inset 0 1px 0 #ffffff38,
    inset 0 -1px 0 #ffffff0d;
  }
}

.loot-opening-reward {
  color: #fff;
  text-align: center;
  isolation: isolate;
  animation: .62s cubic-bezier(.16, 1.2, .3, 1) forwards lootRewardReveal;
  overflow: hidden;
  transform: translate(-50%, -50%)scale(.9);
}

.loot-reward-rays {
  z-index: -1;
  background: conic-gradient(from 0deg,
    var(--loot-accent) 0deg,
    transparent 14deg,
    var(--loot-accent) 30deg,
    transparent 44deg,
    var(--loot-accent) 60deg,
    transparent 74deg,
    var(--loot-accent) 90deg,
    transparent 104deg,
    var(--loot-accent) 120deg,
    transparent 134deg);
  width: 460px;
  height: 460px;
  position: absolute;
  top: 38%;
  left: 50%;
  translate: -50% -50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-reward-rays {
    background: conic-gradient(from 0deg,
    color-mix(in srgb, var(--loot-accent) 30%, transparent) 0deg,
    transparent 14deg,
    color-mix(in srgb, var(--loot-accent) 22%, transparent) 30deg,
    transparent 44deg,
    color-mix(in srgb, var(--loot-accent) 30%, transparent) 60deg,
    transparent 74deg,
    color-mix(in srgb, var(--loot-accent) 22%, transparent) 90deg,
    transparent 104deg,
    color-mix(in srgb, var(--loot-accent) 30%, transparent) 120deg,
    transparent 134deg);
  }
}

.loot-reward-rays {
  opacity: .85;
  animation: 9s linear infinite lootRaysSpin;
  -webkit-mask: radial-gradient(circle, #000 8%, #0000 62%);
  mask: radial-gradient(circle, #000 8%, #0000 62%);
}

.loot-reward-confetti {
  z-index: 1;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 34%;
  left: 50%;
}

.loot-reward-confetti i {
  background: var(--loot-accent);
  opacity: 0;
  transform-origin: center;
  width: 7px;
  height: 11px;
  animation: 1.1s cubic-bezier(.12, .7, .3, 1) forwards lootConfetti;
  animation-delay: calc(var(--i) * 26ms + .18s);
  rotate: calc(var(--i) * 26deg);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.loot-reward-confetti i:nth-child(3n) {
  background: #fff;
}

.loot-reward-confetti i:nth-child(3n+1) {
  background: var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-reward-confetti i:nth-child(3n+1) {
    background: color-mix(in srgb, var(--loot-accent) 60%, #fff);
  }
}

.loot-reward-congrats {
  z-index: 2;
  color: #ffffffeb;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.loot-reward-icon {
  z-index: 2;
  background: radial-gradient(circle at 36% 24%,
      #fffc,
      transparent 22%),
    var(--loot-button-bg);
  width: 84px;
  height: 84px;
  color: var(--rb-gold-deep);
  box-shadow: 0 18px 38px var(--loot-accent),
    inset 0 3px 0 #ffffff80,
    inset 0 -14px 22px #00000029;
  border: 2px solid #ffffff47;
  border-radius: 999px;
  place-items: center;
  margin-top: 4px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-reward-icon {
    box-shadow: 0 18px 38px color-mix(in srgb, var(--loot-accent) 40%, transparent),
    inset 0 3px 0 #ffffff80,
    inset 0 -14px 22px #00000029;
  }
}

.loot-reward-icon {
  animation: .7s cubic-bezier(.16, 1.4, .3, 1) .12s both lootIconPop;
}

.loot-reward-icon svg, .loot-reward-icon img {
  object-fit: contain;
  width: 40px;
  height: 40px;
}

.loot-reward-amount {
  z-index: 2;
  background: linear-gradient(100deg,
    var(--loot-accent) 0%,
    #fff 48%,
    var(--loot-accent) 96%);
  -webkit-text-fill-color: transparent;
  color: var(--loot-accent);
  letter-spacing: -.01em;
  filter: drop-shadow(0 0 20px var(--loot-accent));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 6px;
  font-size: 38px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-reward-amount {
    filter: drop-shadow(0 0 20px color-mix(in srgb, var(--loot-accent) 52%, transparent));
  }
}

.loot-reward-amount {
  animation: 2.4s linear infinite lootAmountShine;
}

.loot-reward-label {
  z-index: 2;
  color: #ffffff9e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.loot-opening-reward button {
  z-index: 2;
  background: var(--loot-button-bg);
  width: 100%;
  min-height: 46px;
  color: var(--rb-gold-deep);
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 14px 28px var(--loot-accent),
    inset 0 2px 0 #ffffff6b;
  border: 0;
  border-radius: 12px;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 800;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-opening-reward button {
    box-shadow: 0 14px 28px color-mix(in srgb, var(--loot-accent) 38%, transparent),
    inset 0 2px 0 #ffffff6b;
  }
}

.loot-opening-reward button {
  transition: transform .16s, filter .16s;
}

.loot-opening-reward button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.loot-opening-reward button:active {
  transform: translateY(0);
}

@keyframes lootRewardReveal {
  from {
    opacity: 0;
    transform: translate(-50%, -42%)scale(.78);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes lootRaysSpin {
  to {
    rotate: 360deg;
  }
}

@keyframes lootIconPop {
  0% {
    opacity: 0;
    transform: scale(.3)rotate(-20deg);
  }

  60% {
    transform: scale(1.12)rotate(6deg);
  }

  100% {
    opacity: 1;
    transform: scale(1)rotate(0);
  }
}

@keyframes lootAmountShine {
  to {
    background-position: -220% 0;
  }
}

@keyframes lootConfetti {
  0% {
    opacity: 0;
    transform: translate(0)scale(.6);
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(0, 132px)scale(1)rotate(220deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .loot-reward-rays, .loot-reward-confetti i, .loot-reward-amount {
    animation: none;
  }
}

@media (max-width: 720px) {
  .loot-opening-modal {
    padding: 14px;
  }

  .loot-opening-dialog {
    width: min(340px, 100vw - 24px);
    max-height: 72vh;
  }

  .loot-opening-reward {
    width: min(280px, 100% - 32px);
    padding: 26px 18px 18px;
  }

  .loot-reward-icon {
    width: 74px;
    height: 74px;
  }

  .loot-reward-congrats {
    font-size: 12px;
  }

  .loot-reward-amount {
    font-size: 33px;
  }
}

.loot-rewards-panel, .your-chests-panel {
  margin-top: 18px;
  padding: 14px;
}

.loot-rewards-panel > div, .your-chests-panel > div {
  gap: 10px;
  padding-bottom: 6px;
  display: flex;
  overflow-x: auto;
}

.loot-rewards-panel article {
  text-align: center;
  flex-direction: column;
  flex: 0 0 118px;
  align-items: center;
  min-height: 104px;
  padding: 12px 8px 10px;
  display: flex;
}

.loot-rewards-panel article span {
  background: var(--loot-accent);
  border-radius: 9px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-rewards-panel article span {
    background: color-mix(in srgb, var(--loot-accent) 14%, var(--loot-page-bg));
  }
}

.loot-rewards-panel article span {
  color: var(--loot-accent);
}

.loot-rewards-panel article span img {
  object-fit: contain;
  width: 23px;
  height: 23px;
}

.loot-rewards-panel strong {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.15;
}

.your-chests-panel > div {
  padding-bottom: 4px;
  overflow-x: auto;
}

.your-chests-panel a {
  text-align: center;
  flex-direction: column;
  align-items: center;
  min-width: 132px;
  min-height: 142px;
  padding: 12px;
  display: flex;
}

.your-chests-panel a.is-active {
  border-color: var(--loot-accent);
  box-shadow: inset 0 0 0 1px
    var(--loot-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .your-chests-panel a.is-active {
    box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--loot-accent) 55%, transparent);
  }
}

.your-chests-panel img {
  object-fit: contain;
  width: 92px;
  height: 70px;
}

.your-chests-panel span {
  background: var(--loot-panel-bg);
  min-width: 24px;
  height: 24px;
  color: var(--loot-text);
  border-radius: 999px;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

@media (max-width: 900px) {
  .loot-page, .loot-open-page {
    width: min(100vw - 18px, 520px);
    padding: 10px 0 28px;
  }

  .loot-hero {
    grid-template-columns: 1fr;
    min-height: 190px;
  }

  .loot-hero > div {
    padding: 14px 14px 0;
  }

  .loot-hero h1, .loot-open-head h1 {
    font-size: 25px;
  }

  .loot-hero img {
    height: 118px;
  }

  .loot-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .loot-stat {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 76px;
    padding: 8px 4px;
  }

  .loot-stat > span {
    width: 24px;
    height: 24px;
  }

  .loot-stat svg, .loot-stat img {
    width: 21px;
    height: 21px;
  }

  .loot-stat small {
    font-size: 10px;
  }

  .loot-stat strong {
    font-size: 15px;
  }

  .loot-tabs {
    gap: 14px;
    min-height: 44px;
    margin-bottom: 10px;
  }

  .loot-tabs button {
    height: 44px;
    font-size: 12px;
  }

  .loot-tabs span {
    font-size: 11px;
  }

  .loot-desktop-grid, .free-chest-section {
    display: none;
  }

  .loot-mobile-list {
    gap: 8px;
    display: grid;
  }

  .loot-list-card {
    grid-template-columns: 76px minmax(0, 1fr) 72px;
    align-items: center;
    gap: 10px;
    min-height: 86px;
    padding: 8px;
    display: grid;
  }

  .loot-list-card img {
    object-fit: contain;
    width: 76px;
    height: 66px;
  }

  .loot-list-card strong {
    font-size: 13px;
    display: block;
  }

  .loot-key-pill {
    min-height: 36px;
    font-size: 12px;
  }

  .loot-mobile-list .free-chest-card {
    min-height: 128px;
  }

  .loot-open-head {
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    align-items: start;
  }

  .loot-open-head button {
    width: 36px;
    min-width: 36px;
    padding: 0;
    font-size: 0;
  }

  .loot-open-head .loot-odds-button {
    border-radius: 999px;
  }

  .loot-odds-modal {
    z-index: 10000;
    place-items: center;
    padding: 20px;
    display: grid;
    position: fixed;
    inset: 0;
  }

  .loot-odds-backdrop {
    background: #000000a3;
    border: 0;
    position: absolute;
    inset: 0;
  }

  .loot-odds-sheet {
    z-index: 1;
    border: 1px solid var(--loot-border);
    background: var(--loot-panel-bg);
    border-radius: 14px;
    width: min(440px, 100%);
    max-height: min(620px, 100vh - 40px);
    padding: 16px;
    position: relative;
    overflow: auto;
    box-shadow: 0 26px 80px #00000080;
  }

  .loot-odds-sheet header, .loot-odds-sheet article {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .loot-odds-sheet header {
    margin-bottom: 14px;
  }

  .loot-odds-sheet header strong {
    font-size: 18px;
    font-weight: 760;
    display: block;
  }

  .loot-odds-sheet header small, .loot-odds-sheet article small {
    color: var(--loot-text-soft);
  }

  .loot-odds-sheet header button {
    background: var(--loot-button-bg);
    min-height: 34px;
    color: var(--rb-gold-deep);
    cursor: pointer;
    border: 0;
    border-radius: 8px;
    padding: 0 12px;
    font-weight: 740;
  }

  .loot-odds-sheet article {
    border-top: 1px solid var(--loot-border);
    min-height: 58px;
    padding: 10px 0;
  }

  .loot-odds-sheet article > span {
    background: var(--loot-accent);
    border-radius: 10px;
    place-items: center;
    width: 38px;
    height: 38px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .loot-odds-sheet article > span {
      background: color-mix(in srgb, var(--loot-accent) 14%, var(--loot-card-bg));
    }
  }

  .loot-odds-sheet article > span {
    color: var(--loot-accent);
  }

  .loot-odds-sheet article > div {
    flex: 1;
  }

  .loot-odds-sheet article strong {
    font-weight: 740;
    display: block;
  }

  .loot-odds-sheet article em {
    color: var(--loot-accent);
    font-style: normal;
    font-weight: 780;
  }

  .loot-open-head p {
    margin-top: 7px;
    font-size: 12px;
  }

  .loot-open-head span {
    margin-top: 9px;
    padding: 7px 10px;
  }

  .loot-open-stage {
    min-height: 326px;
    margin-top: 8px;
  }

  .loot-open-stage img {
    width: min(330px, 92vw);
    max-height: 270px;
  }

  .loot-open-actions {
    flex-direction: column;
    margin-top: -20px;
  }

  .loot-open-actions button, .loot-open-actions label {
    width: 100%;
  }

  .loot-open-actions button, .loot-open-actions select {
    min-height: 48px;
  }

  .loot-rewards-panel > div {
    padding-bottom: 6px;
    display: flex;
    overflow-x: auto;
  }

  .loot-rewards-panel article {
    min-width: 124px;
  }

  .your-chests-panel > div {
    display: flex;
  }

  .your-chests-panel a {
    min-width: 118px;
  }

  .loot-odds-modal {
    align-items: end;
    padding: 0;
  }

  .loot-odds-sheet {
    width: 100%;
    max-height: 78vh;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom));
    border-radius: 16px 16px 0 0;
  }
}

@keyframes rb-balance-delta-down {
  0% {
    opacity: 0;
    transform: translateY(-8px)scale(.96);
  }

  18% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(18px)scale(.98);
  }
}

.loot-odds-modal {
  z-index: 2147483000;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.loot-odds-backdrop {
  background: #000000a3;
  border: 0;
  position: absolute;
  inset: 0;
}

.loot-odds-sheet {
  z-index: 1;
  border: 1px solid var(--loot-border);
  background: var(--loot-panel-bg);
  border-radius: 14px;
  width: min(440px, 100%);
  max-height: min(620px, 100vh - 40px);
  padding: 16px;
  position: relative;
  overflow: auto;
  box-shadow: 0 26px 80px #00000080;
}

.loot-odds-sheet header, .loot-odds-sheet article {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.loot-odds-sheet header {
  margin-bottom: 14px;
}

.loot-odds-sheet header strong {
  font-size: 18px;
  font-weight: 760;
  display: block;
}

.loot-odds-sheet header small, .loot-odds-sheet article small {
  color: var(--loot-text-soft);
}

.loot-odds-sheet header button {
  background: var(--loot-button-bg);
  min-height: 34px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 740;
}

.loot-odds-sheet article {
  border-top: 1px solid var(--loot-border);
  min-height: 58px;
  padding: 10px 0;
}

.loot-odds-sheet article > span {
  background: var(--loot-accent);
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .loot-odds-sheet article > span {
    background: color-mix(in srgb, var(--loot-accent) 14%, var(--loot-card-bg));
  }
}

.loot-odds-sheet article > span {
  color: var(--loot-accent);
}

.loot-odds-sheet article > div {
  flex: 1;
}

.loot-odds-sheet article strong {
  font-weight: 740;
  display: block;
}

.loot-odds-sheet article em {
  color: var(--loot-accent);
  font-style: normal;
  font-weight: 780;
}

@media (max-width: 768px) {
  .loot-open-head .loot-odds-button {
    border-radius: 999px;
  }

  .loot-odds-modal {
    align-items: end;
    padding: 0;
  }

  .loot-odds-sheet {
    width: 100%;
    max-height: 78vh;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom));
    border-radius: 16px 16px 0 0;
  }
}

.scratch-page {
  background: radial-gradient(circle at 18% 12%,
      var(--rb-gold),
      transparent 24%),
    radial-gradient(circle at 82% 86%,
      var(--primary),
      transparent 28%),
    var(--rb-bg);
  min-height: 100vh;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-page {
    background: radial-gradient(circle at 18% 12%,
      color-mix(in srgb, var(--rb-gold) 14%, transparent),
      transparent 24%),
    radial-gradient(circle at 82% 86%,
      color-mix(in srgb, var(--primary) 12%, transparent),
      transparent 28%),
    var(--rb-bg);
  }
}

.scratch-page {
  color: var(--rb-text);
  background-size: cover;
  padding: clamp(12px, 2vw, 24px);
}

.scratch-original {
  gap: 14px;
  width: min(1480px, 100%);
  margin: 0 auto;
  display: grid;
}

.scratch-topbar, .scratch-panel, .scratch-stage {
  background: var(--rb-panel-glow), var(--rb-surface);
  box-shadow: 0 8px 32px var(--rb-text);
  border-radius: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-topbar, .scratch-panel, .scratch-stage {
    box-shadow: 0 8px 32px color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.scratch-topbar {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 86px;
  padding: 14px;
  display: flex;
}

.scratch-title {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.scratch-title img {
  object-fit: contain;
  width: 96px;
  height: 56px;
}

.scratch-title span, .scratch-meta small, .scratch-panel header, .scratch-control-row span, .scratch-controls label span, .scratch-result-strip span, .scratch-fair dt {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.scratch-title h1 {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  margin: 2px 0 0;
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 700;
  line-height: 1;
}

.scratch-meta {
  align-items: center;
  gap: 10px;
  display: flex;
}

.scratch-meta article {
  background: var(--rb-surface-sunken);
  border-radius: 8px;
  gap: 3px;
  min-width: 112px;
  padding: 10px 12px;
  display: grid;
}

.scratch-meta strong, .scratch-control-row strong, .scratch-controls label input, .scratch-result-strip strong {
  color: var(--rb-text);
  font-weight: 500;
}

.scratch-meta button, .scratch-controls button {
  background: var(--rb-gold-gradient);
  min-height: 42px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.scratch-layout {
  grid-template-columns: minmax(240px, .76fr) minmax(420px, 1.58fr) minmax(260px, .82fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.scratch-side, .scratch-panel, .scratch-controls {
  gap: 12px;
  display: grid;
}

.scratch-panel {
  padding: 14px;
}

.scratch-panel header {
  color: var(--rb-text);
  align-items: center;
  gap: 8px;
  display: flex;
}

.scratch-history-list {
  gap: 7px;
  max-height: 430px;
  display: grid;
  overflow: auto;
}

.scratch-history-list button {
  background: var(--rb-surface-sunken);
  min-height: 36px;
  color: var(--rb-text);
  text-align: left;
  cursor: pointer;
  border-radius: 7px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  transition: background .15s;
  display: grid;
}

.scratch-history-list p, .scratch-how p, .scratch-error {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.scratch-stage {
  gap: 12px;
  padding: clamp(12px, 2vw, 18px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.scratch-stage.is-winning:before {
  content: "";
  background: radial-gradient(circle,
    var(--success),
    transparent 58%);
  position: absolute;
  inset: -20%;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-stage.is-winning:before {
    background: radial-gradient(circle,
    color-mix(in srgb, var(--success) 24%, transparent),
    transparent 58%);
  }
}

.scratch-stage.is-winning:before {
  pointer-events: none;
  animation: 1.2s ease-out infinite scratch-win-pulse;
}

.scratch-result-strip {
  z-index: 1;
  border: 1px solid var(--rb-border);
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  display: flex;
  position: relative;
}

.scratch-result-strip strong {
  font-size: clamp(24px, 4vw, 42px);
}

.scratch-result-strip small {
  color: var(--rb-gold);
  font-size: 15px;
  font-weight: 500;
}

.is-win {
  color: var(--success) !important;
}

.is-loss {
  color: var(--danger) !important;
}

.scratch-grid-wrap {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--rb-gold);
  width: min(680px, 100%);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-grid-wrap {
    border: 1px solid color-mix(in srgb, var(--rb-gold) 48%, var(--rb-border));
  }
}

.scratch-grid-wrap {
  background: linear-gradient(135deg,
      var(--card),
      hsl(var(--card))),
    var(--rb-surface-sunken);
  border-radius: 8px;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-grid-wrap {
    background: linear-gradient(135deg,
      color-mix(in srgb, var(--card) 90%, var(--rb-gold) 10%),
      hsl(var(--card))),
    var(--rb-surface-sunken);
  }
}

.scratch-grid-wrap {
  box-shadow: inset 0 0 0 1px var(--rb-gold),
    0 0 44px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-grid-wrap {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-gold) 16%, transparent),
    0 0 44px color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.scratch-symbol-grid {
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: clamp(10px, 2vw, 18px);
  display: grid;
}

.scratch-symbol-cell {
  border: 1px solid var(--rb-border);
  background: var(--rb-surface-active);
  min-width: 0;
  min-height: 0;
  color: var(--rb-text);
  border-radius: 7px;
  place-items: center;
  gap: 5px;
  display: grid;
}

.scratch-symbol-cell svg, .scratch-symbol-cell img {
  object-fit: contain;
  width: clamp(30px, 8vw, 70px);
  height: clamp(30px, 8vw, 70px);
  color: var(--rb-gold);
  filter: drop-shadow(0 8px 18px var(--rb-gold));
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-symbol-cell svg, .scratch-symbol-cell img {
    filter: drop-shadow(0 8px 18px color-mix(in srgb, var(--rb-gold) 28%, transparent));
  }
}

.scratch-symbol-cell span {
  max-width: 90%;
  color: var(--rb-text-soft);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(10px, 1.6vw, 13px);
  font-weight: 500;
  overflow: hidden;
}

.scratch-idle-layer, .scratch-foil, .scratch-fx {
  position: absolute;
  inset: 0;
}

.scratch-idle-layer {
  background: var(--rb-bg);
  align-content: center;
  place-items: center;
  gap: 10px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-idle-layer {
    background: color-mix(in srgb, var(--rb-bg) 72%, transparent);
  }
}

.scratch-idle-layer {
  color: var(--rb-text);
  text-align: center;
}

.scratch-idle-layer img, .scratch-idle-layer svg {
  object-fit: contain;
  width: 74px;
  height: 74px;
  color: var(--rb-gold);
}

.scratch-idle-layer strong {
  max-width: 220px;
  color: var(--rb-text);
  font-size: 18px;
  font-weight: 500;
}

.scratch-foil {
  touch-action: none;
  cursor: grab;
  width: 100%;
  height: 100%;
}

.scratch-fx {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.scratch-controls label {
  gap: 7px;
  display: grid;
}

.scratch-controls label input {
  border: 1px solid var(--rb-border);
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  font-size: 18px;
}

.scratch-controls > input[type="range"] {
  width: 100%;
  accent-color: var(--rb-gold);
}

.scratch-control-row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  display: flex;
}

.scratch-controls button {
  width: 100%;
  min-height: 48px;
}

.scratch-controls button:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.scratch-controls .scratch-secondary {
  border: 1px solid var(--rb-border);
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.scratch-spin {
  animation: .9s linear infinite scratch-spin;
}

.scratch-error {
  color: var(--danger);
}

.scratch-fair dl {
  gap: 10px;
  margin: 0;
  display: grid;
}

.scratch-fair div {
  gap: 4px;
  display: grid;
}

.scratch-fair dd {
  min-width: 0;
  color: var(--rb-text);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
}

@keyframes scratch-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes scratch-win-pulse {
  0%, 100% {
    opacity: .2;
    transform: scale(.98);
  }

  50% {
    opacity: .7;
    transform: scale(1.02);
  }
}

@media (max-width: 1100px) {
  .scratch-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .scratch-side:first-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .scratch-page {
    min-height: auto;
    padding: 8px 8px calc(96px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }

  .scratch-topbar {
    border-radius: 8px;
    gap: 8px;
    min-height: 0;
    padding: 10px;
    display: grid;
  }

  .scratch-title {
    gap: 9px;
  }

  .scratch-title img {
    width: 62px;
    height: 38px;
  }

  .scratch-title h1 {
    font-size: clamp(20px, 7vw, 26px);
    line-height: 1.05;
  }

  .scratch-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    display: grid;
  }

  .scratch-meta article {
    min-width: 0;
    padding: 8px 9px;
  }

  .scratch-meta strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: clamp(12px, 3.6vw, 15px);
    overflow: hidden;
  }

  .scratch-layout {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .scratch-side:first-child {
    order: 2;
    grid-template-columns: 1fr;
  }

  .scratch-stage {
    order: 1;
    gap: 8px;
    width: 100%;
    min-height: 0;
    padding: 8px;
    overflow: visible;
  }

  .scratch-layout > .scratch-side:last-child {
    order: 3;
  }

  .scratch-result-strip {
    justify-content: space-between;
    gap: 8px;
    min-height: 46px;
    padding: 0 10px;
  }

  .scratch-result-strip strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: clamp(19px, 7vw, 28px);
    overflow: hidden;
  }

  .scratch-result-strip small {
    flex: none;
    font-size: 12px;
  }

  .scratch-grid-wrap {
    border-radius: 7px;
    width: min(100%, 100vw - 32px, 430px);
    max-width: 430px;
  }

  .scratch-symbol-grid {
    gap: 6px;
    padding: 8px;
  }

  .scratch-symbol-cell {
    border-radius: 6px;
    gap: 3px;
  }

  .scratch-symbol-cell svg, .scratch-symbol-cell img {
    width: clamp(26px, 11vw, 46px);
    height: clamp(26px, 11vw, 46px);
  }

  .scratch-symbol-cell span {
    font-size: clamp(8px, 2.5vw, 10px);
  }

  .scratch-idle-layer {
    gap: 7px;
    padding: 14px;
  }

  .scratch-idle-layer img, .scratch-idle-layer svg {
    width: 52px;
    height: 52px;
  }

  .scratch-idle-layer strong {
    max-width: 190px;
    font-size: 14px;
    line-height: 1.2;
  }

  .scratch-panel {
    border-radius: 8px;
    gap: 10px;
    padding: 10px;
  }

  .scratch-controls label input {
    min-height: 42px;
    font-size: 16px;
  }

  .scratch-control-row {
    min-height: 32px;
  }

  .scratch-control-row strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 13px;
    overflow: hidden;
  }

  .scratch-controls button {
    min-height: 44px;
  }

  .scratch-history-list {
    max-height: 220px;
  }

  .scratch-odds-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .scratch-odds-list article {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 7px;
    min-height: 52px;
    padding: 7px;
  }

  .scratch-odds-list article > span {
    width: 28px;
    height: 28px;
  }

  .scratch-odds-list b {
    grid-column: 2;
    justify-self: start;
    font-size: 11px;
  }
}

.scratch-page.is-embedded {
  background: radial-gradient(circle at 50% 0%,
      var(--rb-gold),
      transparent 34%),
    var(--rb-bg);
  min-height: auto;
  padding: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-page.is-embedded {
    background: radial-gradient(circle at 50% 0%,
      color-mix(in srgb, var(--rb-gold) 12%, transparent),
      transparent 34%),
    var(--rb-bg);
  }
}

.scratch-page .scratch-original {
  gap: 12px;
}

.scratch-page .scratch-topbar, .scratch-page .scratch-panel, .scratch-page .scratch-stage {
  background: radial-gradient(circle at 76% 0%,
      var(--rb-gold),
      transparent 34%),
    var(--rb-surface);
  border-radius: 7px;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-page .scratch-topbar, .scratch-page .scratch-panel, .scratch-page .scratch-stage {
    background: radial-gradient(circle at 76% 0%,
      color-mix(in srgb, var(--rb-gold) 9%, transparent),
      transparent 34%),
    var(--rb-surface);
  }
}

.scratch-page .scratch-topbar, .scratch-page .scratch-panel, .scratch-page .scratch-stage {
  box-shadow: none;
}

.scratch-page .scratch-layout {
  grid-template-columns: minmax(260px, .86fr) minmax(520px, 1.5fr) minmax(270px, .86fr);
}

.scratch-page .scratch-stage {
  align-content: start;
  min-height: 680px;
  padding: 16px;
}

.scratch-page .scratch-result-strip {
  justify-content: space-between;
  min-height: 64px;
  padding: 0 16px;
}

.scratch-page .scratch-grid-wrap {
  background: radial-gradient(circle at 50% 30%,
      var(--rb-gold),
      transparent 58%),
    var(--rb-surface-sunken);
  border-radius: 7px;
  width: min(620px, 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-page .scratch-grid-wrap {
    background: radial-gradient(circle at 50% 30%,
      color-mix(in srgb, var(--rb-gold) 10%, transparent),
      transparent 58%),
    var(--rb-surface-sunken);
  }
}

.scratch-page .scratch-symbol-grid {
  gap: 10px;
  padding: clamp(12px, 2vw, 20px);
}

.scratch-page .scratch-symbol-cell {
  background: linear-gradient(180deg,
    var(--rb-bg),
    var(--rb-bg));
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-page .scratch-symbol-cell {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-bg) 72%, transparent),
    color-mix(in srgb, var(--rb-bg) 92%, var(--rb-text) 8%));
  }
}

.scratch-page .scratch-symbol-cell svg, .scratch-page .scratch-symbol-cell img {
  width: clamp(38px, 6vw, 82px);
  height: clamp(38px, 6vw, 82px);
}

.scratch-page .scratch-controls {
  position: sticky;
  top: 84px;
}

.scratch-page .scratch-controls label input {
  min-height: 48px;
  font-size: 22px;
}

.scratch-page .scratch-controls button {
  min-height: 52px;
  font-size: 14px;
}

.scratch-odds-list {
  gap: 8px;
  display: grid;
}

.scratch-odds-list article {
  border: 1px solid var(--rb-border);
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 9px;
  display: grid;
}

.scratch-odds-list article > span {
  background: var(--rb-gold);
  border-radius: 7px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .scratch-odds-list article > span {
    background: color-mix(in srgb, var(--rb-gold) 12%, transparent);
  }
}

.scratch-odds-list article > span {
  color: var(--rb-gold);
}

.scratch-odds-list svg, .scratch-odds-list img {
  object-fit: contain;
  width: 20px;
  height: 20px;
}

.scratch-odds-list strong {
  color: var(--rb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.scratch-odds-list small {
  color: var(--rb-text-soft);
  font-size: 11px;
  font-weight: 500;
}

.scratch-odds-list b {
  color: var(--rb-gold);
  font-size: 13px;
  font-weight: 700;
}

.scratch-odds-list p {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 13px;
}

@media (max-width: 1100px) {
  .scratch-page .scratch-stage {
    min-height: 0;
  }

  .scratch-page .scratch-controls {
    position: static;
  }
}

@media (max-width: 720px) {
  .scratch-page.is-embedded {
    padding: 0 0 calc(88px + env(safe-area-inset-bottom));
  }

  .scratch-page .scratch-original {
    gap: 10px;
  }

  .scratch-page .scratch-layout {
    grid-template-columns: 1fr;
  }

  .scratch-page .scratch-stage {
    min-height: 0;
    padding: 8px;
  }

  .scratch-page .scratch-result-strip {
    min-height: 46px;
    padding: 0 10px;
  }

  .scratch-page .scratch-grid-wrap {
    width: min(100%, 100vw - 32px, 430px);
  }

  .scratch-page .scratch-symbol-grid {
    gap: 6px;
    padding: 8px;
  }

  .scratch-page .scratch-symbol-cell svg, .scratch-page .scratch-symbol-cell img {
    width: clamp(26px, 11vw, 46px);
    height: clamp(26px, 11vw, 46px);
  }

  .scratch-page .scratch-controls label input {
    min-height: 42px;
    font-size: 16px;
  }

  .scratch-page .scratch-controls button {
    min-height: 44px;
  }
}

:root {
  --font-heading-primary: var(--font-heading);
  --font-body-primary: var(--font-body);
  --font-sans-fallback: var(--font-inter);
  --font-heading-stack: var(--font-heading-primary), var(--font-sans-fallback), system-ui,
    sans-serif;
  --font-body-stack: var(--font-body-primary), var(--font-sans-fallback), system-ui, sans-serif;
  --font-sans: var(--font-body-stack);
  --background: 220 32% 96%;
  --foreground: 224 28% 18%;
  --card: 0 0% 100%;
  --card-foreground: 224 28% 18%;
  --popover: 0 0% 100%;
  --popover-foreground: 224 28% 18%;
  --primary: 44 96% 55%;
  --primary-foreground: 222 38% 14%;
  --secondary: 222 29% 92%;
  --secondary-foreground: 224 28% 18%;
  --muted: 220 27% 94%;
  --muted-foreground: 224 14% 43%;
  --accent: 221 28% 91%;
  --accent-foreground: 224 28% 18%;
  --destructive: 0 78% 58%;
  --destructive-foreground: 210 40% 98%;
  --border: 222 22% 87%;
  --input: 222 22% 87%;
  --ring: 44 96% 55%;
  --radius: .75rem;
  --rb-text: #202738;
  --rb-text-soft: #667085;
  --rb-text-faint: #8b97ab;
  --rb-bg: #eef3f8;
  --rb-bg-image: none;
  --rb-bg-size: 100% 100%;
  --rb-bg-position: center center;
  --rb-bg-repeat: no-repeat;
  --rb-overlay-image: none;
  --rb-overlay-opacity: 0;
  --rb-overlay-size: 100% 100%;
  --rb-overlay-position: center center;
  --rb-overlay-repeat: no-repeat;
  --rb-overlay-blend-mode: normal;
  --rb-border: #7f8ca02e;
  --rb-surface: linear-gradient(180deg, #fff 0%, #edf2f8 100%);
  --rb-surface-strong: linear-gradient(180deg, #f6f8fc 0%, #edf1f7 100%);
  --rb-surface-sunken: linear-gradient(180deg, #fdfefe 0%, #e6edf6 100%);
  --rb-surface-active: linear-gradient(180deg, #fff 0%, #eef3fa 100%);
  --rb-gold: #f5ca55;
  --rb-gold-strong: #d9a22a;
  --rb-gold-deep: #392607;
  --rb-gold-gradient: linear-gradient(180deg, #f5d56b 0%, #d9a22a 100%);
  --rb-gold-gradient-soft: linear-gradient(180deg, #fff0ae 0%, #f5d56b 100%);
  --rb-prize-gradient: conic-gradient(from -26.52deg at 48.56% 46.69%,
      #d1b860 0deg,
      #e1d17c 31.84deg,
      #feffaf 61.18deg,
      #feffaf 78.99deg,
      #b18a33 111.56deg,
      #f9ec92 171.3deg,
      #fff49a 210.88deg,
      #bb9231 242.64deg,
      #ac7d1b 261.9deg,
      #feffaf 293.47deg,
      #f0e997 339.07deg,
      #caae56 360deg),
    linear-gradient(0deg, #fffadc33, #fffadc33);
  --rb-panel-glow: radial-gradient(circle_at_72%_42%,
    #d9a22a1f 0%,
    transparent 34%);
  --rb-overlay: #05080db8;
  --rb-placeholder: #dbe3ee;
  --rb-muted-icon: #8b97ab;
  --rb-progress-track: #dce5f0;
  --rb-tier-ink: #201406;
  --rb-card: #fff;
  --rb-card-deep: #f0f5fb;
  --rb-card-sunken: #e8eef7;
  --rb-card-active: #eef3fa;
  --rb-dark: #060911;
  --rb-green: #22c55e;
  --rb-green-soft: #22c55e1a;
  --rb-green-deep: #14532d;
  --rb-red: #ef4444;
  --rb-red-soft: #ef44441a;
  --rb-blue: #3b82f6;
  --rb-blue-soft: #3b82f61a;
  --rb-border-strong: #646e8247;
  --sports-bg: var(--rb-bg);
  --sports-surface: var(--rb-surface);
  --sports-surface-strong: var(--rb-surface-strong);
  --sports-surface-muted: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --sports-surface-muted: color-mix(in srgb,
    var(--rb-bg) 82%,
    var(--rb-text) 8%);
  }
}

:root {
  --sports-border: var(--rb-border);
  --sports-text: var(--rb-text);
  --sports-text-soft: var(--rb-text-soft);
  --sports-accent: var(--rb-gold);
  --sports-accent-strong: var(--rb-gold-strong);
  --sports-accent-ink: var(--rb-gold-deep);
  --sports-live: #21a8ff;
  --sports-danger: #ff5d6c;
  --sports-radius: 7px;
  --missions-card-bg: #fff;
  --missions-banner-bg: #f5f7fa;
  --missions-success-color: #16a34a;
  --missions-kind-color: #7c3aed;
  --vip-surface: var(--rb-card-deep);
  --vip-surface-deep: var(--rb-card-sunken);
  --vip-glow: #d9a22a1f;
  --wm-bg-from: #f6f9fd;
  --wm-bg-to: #eef3f8;
  --wm-overlay-dark: #03070db8;
  --profile-panel-from: #f5f7fa;
  --profile-panel-to: #edf2f8;
  --profile-nav-active: #16a34a;
  --rb-glow-left: radial-gradient(circle at left, var(--rb-gold) 0%, var(--rb-gold) 38%, transparent 62%);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rb-glow-left: radial-gradient(circle at left, color-mix(in srgb,var(--rb-gold) 22%,transparent) 0%, color-mix(in srgb,var(--rb-gold) 10%,transparent) 38%, transparent 62%);
  }
}

:root {
  --rb-glow-top: radial-gradient(ellipse at top, var(--rb-gold) 0%, var(--rb-gold) 22%, transparent 48%);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rb-glow-top: radial-gradient(ellipse at top, color-mix(in srgb,var(--rb-gold) 18%,transparent) 0%, color-mix(in srgb,var(--rb-gold) 8%,transparent) 22%, transparent 48%);
  }
}

:root {
  --rb-glow-top-section: radial-gradient(circle at 50% 0%, var(--rb-gold) 0%, transparent 34%);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rb-glow-top-section: radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--rb-gold) 8%,transparent) 0%, transparent 34%);
  }
}

:root {
  --rb-gold-shadow: var(--rb-gold-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rb-gold-shadow: color-mix(in srgb,var(--rb-gold-strong) 14%,transparent);
  }
}

:root {
  --rb-gold-glow: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rb-gold-glow: color-mix(in srgb,var(--rb-gold) 22%,transparent);
  }
}

:root {
  --hero-image: none;
  --panel-image: none;
  --bg-image: none;
  --markets-bg: #141c29;
  --markets-panel: #0d141f;
  --markets-surface: #202938;
  --markets-deep: #0c121b;
  --markets-overlay: #17202d;
  --markets-text: #d6e0ef;
  --markets-text-soft: #8ea0b8;
  --markets-text-muted: #7f91aa;
  --markets-placeholder: #6f8199;
  --markets-dark: #101722;
  --markets-error-bg: #2a2230;
  --markets-input: #111925;
  --markets-tab: #0f1723;
  --markets-nav: #192333;
}

.rbp-avatar {
  background: linear-gradient(145deg,
    var(--rb-gold),
    #39455b61);
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 112px;
  height: 112px;
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-avatar {
    background: linear-gradient(145deg,
    color-mix(in srgb, var(--rb-gold) 20%, transparent),
    #39455b61);
  }
}

.rbp-avatar-edit {
  background: var(--rb-surface-sunken);
  width: 28px;
  height: 28px;
  color: var(--rb-text);
  cursor: pointer;
  border: 1px solid #7f8ca03d;
  border-radius: 999px;
  place-items: center;
  transition: filter .18s;
  display: grid;
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.rbp-avatar-edit:hover {
  filter: brightness(1.12);
}

.rbp-avatar-edit input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.rbp-mobile-dashboard {
  display: none;
}

.rbp-feature-card-strong {
  background: linear-gradient(180deg, var(--rb-gold), var(--rb-gold)),
    var(--rb-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-feature-card-strong {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rb-gold) 14%, transparent), color-mix(in srgb, var(--rb-gold) 4%, transparent)),
    var(--rb-surface);
  }
}

@media (max-width: 1100px) {
  .rbp-hero, .rbp-metrics, .rbp-overview-grid, .rbp-security-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .rbp-identity {
    flex-direction: column;
    align-items: flex-start;
  }

  .rbp-table-head {
    display: none;
  }

  .rbp-table-row {
    grid-template-columns: 1fr;
  }
}

html, body {
  color: var(--rb-text);
  background: var(--rb-bg) !important;
}

body :where(.rb-surface, .rb-surface-strong, .rb-surface-sunken, .rb-surface-active, .rb-panel-solid, .rb-panel-strong, .rb-panel-sunken-solid, .rb-panel-active-solid, .rbp-hero, .rbp-vip-panel, .rbp-tabs, .rbp-table-card, .rbp-metrics article, .rbp-overview-grid > article, .rbp-security-grid > article) {
  background-color: var(--rb-bg);
  background-clip: padding-box;
}

.rbp-page {
  gap: 16px;
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: 20px clamp(12px, 2vw, 24px) 40px;
  display: grid;
}

.rbp-page .rbp-hero, .rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel, .rbp-page .rbp-game-strip, .rbp-page .rbp-tabs, .rbp-page .rbp-table-card, .rbp-page .rbp-metrics article, .rbp-page .rbp-overview-grid > article, .rbp-page .rbp-security-grid > article {
  background: var(--rb-surface);
  border: 1px solid #94a3b829;
  border-radius: 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-page .rbp-hero, .rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel, .rbp-page .rbp-game-strip, .rbp-page .rbp-tabs, .rbp-page .rbp-table-card, .rbp-page .rbp-metrics article, .rbp-page .rbp-overview-grid > article, .rbp-page .rbp-security-grid > article {
    background: color-mix(in srgb, var(--rb-surface) 88%, transparent);
  }
}

.rbp-page .rbp-hero, .rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel, .rbp-page .rbp-game-strip, .rbp-page .rbp-tabs, .rbp-page .rbp-table-card, .rbp-page .rbp-metrics article, .rbp-page .rbp-overview-grid > article, .rbp-page .rbp-security-grid > article {
  box-shadow: none;
}

.rbp-page .rbp-hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  align-items: stretch;
  gap: 16px;
  min-height: auto;
  padding: 18px;
  display: grid;
}

.rbp-page .rbp-identity {
  background: none;
  border: 0;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.rbp-page .rbp-avatar {
  border-radius: 10px;
  width: 86px;
  height: 86px;
}

.rbp-page .rbp-avatar span {
  font-size: 28px;
}

.rbp-page .rbp-identity-copy {
  min-width: 0;
}

.rbp-page .rbp-identity-copy h1 {
  margin: 6px 0 4px;
  font-size: clamp(28px, 3.5vw, 44px);
  line-height: 1.05;
}

.rbp-page .rbp-identity-copy p {
  overflow-wrap: anywhere;
  max-width: 100%;
  margin: 0;
}

.rbp-page .rbp-status-row {
  gap: 8px;
  margin-top: 12px;
}

.rbp-page .rbp-status-row span, .rbp-page .rbp-wallet-actions a, .rbp-page .rbp-wallet-actions button {
  background: #0f172a6b;
  border-radius: 8px;
  min-height: 36px;
  padding: 0 11px;
}

.rbp-page .rbp-wallet-card {
  background: linear-gradient(180deg, var(--rb-gold), var(--rb-gold)),
    #0f172a75;
  border-radius: 10px;
  align-content: stretch;
  gap: 9px;
  padding: 16px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-page .rbp-wallet-card {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rb-gold) 8%, transparent), color-mix(in srgb, var(--rb-gold) 2%, transparent)),
    #0f172a75;
  }
}

.rbp-page .rbp-wallet-card strong {
  overflow-wrap: anywhere;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.rbp-page .rbp-wallet-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  display: grid;
}

.rbp-page .rbp-wallet-actions a, .rbp-page .rbp-wallet-actions button {
  white-space: nowrap;
  justify-content: center;
  width: 100%;
}

.rbp-page .rbp-command-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 16px;
  display: grid;
}

.rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel {
  padding: 16px;
}

.rbp-page .rbp-panel-heading, .rbp-page .rbp-section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.rbp-page .rbp-vip-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.rbp-page .rbp-vip-meta span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.rbp-page .rbp-account-list {
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.rbp-page .rbp-account-list div {
  background: #0f172a61;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 12px;
  display: flex;
}

.rbp-page .rbp-account-list strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.rbp-page .rbp-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rbp-page .rbp-metrics article {
  min-height: 104px;
  padding: 14px;
}

.rbp-page .rbp-metrics strong {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 18px;
}

.rbp-page .rbp-game-strip {
  padding: 16px;
}

.rbp-page .rbp-section-heading h2 {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.2;
}

.rbp-page .rbp-section-heading > span {
  background: var(--rb-gold);
  border-radius: 999px;
  flex: none;
  padding: 6px 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-page .rbp-section-heading > span {
    background: color-mix(in srgb, var(--rb-gold) 10%, transparent);
  }
}

.rbp-page .rbp-game-strip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.rbp-page .rbp-mini-game {
  background: #0f172a5c;
  border-radius: 8px;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px;
  display: grid;
}

.rbp-page .rbp-mini-game-media {
  aspect-ratio: 1;
  background: #0f172a85;
  border-radius: 8px;
  width: 54px;
  overflow: hidden;
}

.rbp-page .rbp-mini-game-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rbp-page .rbp-mini-game strong, .rbp-page .rbp-mini-game span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.rbp-page .rbp-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  display: grid;
  overflow: visible;
}

.rbp-page .rbp-tabs button {
  border-radius: 8px;
  min-width: 0;
}

.rbp-page .rbp-overview-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rbp-page .rbp-feature-card, .rbp-page .rbp-security-grid article {
  min-width: 0;
  padding: 16px;
}

.rbp-page .rbp-feature-card h3, .rbp-page .rbp-feature-card p {
  overflow-wrap: anywhere;
  min-width: 0;
}

.rbp-page .rbp-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rbp-page .rbp-table-head, .rbp-page .rbp-table-row {
  grid-template-columns: minmax(150px, 1.35fr) minmax(110px, .85fr) minmax(110px, .85fr) minmax(150px, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}

.rbp-page .rbp-table-row span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .rbp-page {
    width: 100%;
  }

  .rbp-page .rbp-hero, .rbp-page .rbp-command-grid {
    grid-template-columns: 1fr;
  }

  .rbp-page .rbp-metrics, .rbp-page .rbp-game-strip-grid, .rbp-page .rbp-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .rbp-page .rbp-hero, .rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel, .rbp-page .rbp-game-strip {
    padding: 12px;
  }

  .rbp-page .rbp-identity {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .rbp-page .rbp-avatar {
    width: 62px;
    height: 62px;
  }

  .rbp-page .rbp-avatar span {
    font-size: 20px;
  }

  .rbp-page .rbp-identity-copy h1 {
    font-size: 26px;
  }

  .rbp-page .rbp-status-row {
    grid-template-columns: 1fr;
    display: grid;
  }

  .rbp-page .rbp-wallet-actions, .rbp-page .rbp-vip-meta, .rbp-page .rbp-tabs, .rbp-page .rbp-metrics, .rbp-page .rbp-game-strip-grid, .rbp-page .rbp-overview-grid, .rbp-page .rbp-security-grid {
    grid-template-columns: 1fr;
  }

  .rbp-page .rbp-section-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .rbp-page .rbp-section-heading > span {
    width: fit-content;
  }

  .rbp-page .rbp-table-head {
    display: none;
  }

  .rbp-page .rbp-table-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    display: grid;
  }

  .rbp-page .rbp-table-row span {
    white-space: normal;
    overflow-wrap: anywhere;
    justify-content: space-between;
    gap: 14px;
    display: flex;
  }

  .rbp-page .rbp-table-row span:first-child:before {
    content: "Game";
    color: var(--rb-text-soft);
  }

  .rbp-page .rbp-table-row span:nth-child(2):before {
    content: "Bet";
    color: var(--rb-text-soft);
  }

  .rbp-page .rbp-table-row span:nth-child(3):before {
    content: "Win";
    color: var(--rb-text-soft);
  }

  .rbp-page .rbp-table-row span:nth-child(4):before {
    content: "Date";
    color: var(--rb-text-soft);
  }

  .rbp-page {
    gap: 12px;
    padding: 10px 8px 24px;
  }

  .rbp-page .rbp-hero {
    display: none !important;
  }

  .rbp-page .rbp-identity {
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .rbp-page .rbp-avatar {
    border: 0;
    border-radius: 999px;
    width: 62px;
    height: 62px;
  }

  .rbp-page .rbp-avatar-edit {
    width: 24px;
    height: 24px;
    bottom: -2px;
    right: -2px;
  }

  .rbp-page .rbp-kicker, .rbp-page .rbp-status-row {
    display: none;
  }

  .rbp-page .rbp-identity-copy h1 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
  }

  .rbp-page .rbp-identity-copy p {
    color: var(--rb-text-soft);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
  }

  .rbp-page .rbp-vip-panel, .rbp-page > .rbp-metrics, .rbp-page > .rbp-tabs, .rbp-page > .rbp-overview-grid, .rbp-page > .rbp-security-grid, .rbp-page > .rbp-table-card, .rbp-page > .rbp-game-strip {
    display: none;
  }

  .rbp-mobile-dashboard {
    gap: 12px;
    display: grid;
  }

  .rbp-mobile-account-card, .rbp-mobile-balance-card, .rbp-mobile-menu, .rbp-mobile-logout {
    background: var(--rb-card);
    border: 0;
    border-radius: 8px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-account-card, .rbp-mobile-balance-card, .rbp-mobile-menu, .rbp-mobile-logout {
      background: color-mix(in srgb, var(--rb-card) 92%, var(--rb-bg));
    }
  }

  .rbp-mobile-account-card, .rbp-mobile-balance-card, .rbp-mobile-menu, .rbp-mobile-logout {
    box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .08);
  }

  .rbp-mobile-account-card {
    gap: 10px;
    padding: 12px 14px;
    display: grid;
  }

  .rbp-mobile-account-top {
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .rbp-mobile-avatar {
    border: 1px solid rgba(var(--t, 255, 255, 255), .2);
    width: 52px;
    height: 52px;
    color: var(--rb-text);
    cursor: pointer;
    border-radius: 999px;
    place-items: center;
    font-size: 15px;
    font-weight: 650;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .rbp-mobile-avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .rbp-mobile-avatar input {
    display: none;
  }

  .rbp-mobile-avatar-camera {
    border: 2px solid var(--rb-bg);
    background: var(--rb-gold-gradient);
    width: 20px;
    height: 20px;
    color: var(--rb-gold-deep);
    box-shadow: 0 6px 16px var(--rb-bg);
    border-radius: 999px;
    padding: 3px;
    position: absolute;
    bottom: -1px;
    right: -1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-avatar-camera {
      box-shadow: 0 6px 16px color-mix(in srgb, var(--rb-bg) 48%, transparent);
    }
  }

  .rbp-mobile-account-copy {
    min-width: 0;
  }

  .rbp-mobile-account-copy strong {
    color: var(--rb-text);
    font-size: 13px;
    font-weight: 650;
    display: block;
  }

  .rbp-mobile-account-copy div {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 9px;
    display: flex;
  }

  .rbp-mobile-account-copy span {
    color: var(--rb-text);
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 560;
    display: inline-flex;
  }

  .rbp-mobile-account-copy span svg {
    color: var(--rb-gold);
  }

  .rbp-mobile-user-id {
    background: rgba(var(--t, 255, 255, 255), .06);
    width: 100%;
    min-height: 40px;
    color: var(--rb-text-soft);
    text-align: left;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    display: grid;
  }

  .rbp-mobile-user-id strong {
    color: var(--rb-text);
    font-size: 12px;
    font-weight: 650;
  }

  .rbp-mobile-user-id svg {
    color: var(--rb-text-soft);
  }

  .rbp-mobile-balance-card {
    gap: 12px;
    padding: 14px;
    display: grid;
  }

  .rbp-mobile-balance-head, .rbp-mobile-wallet-actions {
    align-items: center;
    display: flex;
  }

  .rbp-mobile-balance-head {
    color: var(--rb-text-soft);
    justify-content: space-between;
    font-size: 12px;
  }

  .rbp-mobile-balance-head button {
    background: rgba(var(--t, 255, 255, 255), .06);
    width: 36px;
    height: 36px;
    color: var(--rb-text-soft);
    border-radius: 10px;
    place-items: center;
    display: grid;
  }

  .rbp-mobile-balance-card > strong {
    color: var(--rb-text);
    font-size: 21px;
    font-weight: 680;
    line-height: 1;
  }

  .rbp-mobile-balance-card > strong em {
    color: var(--rb-text-soft);
    margin-left: 2px;
    font-size: 10px;
    font-style: normal;
    font-weight: 560;
  }

  .rbp-mobile-wallet-actions {
    gap: 10px;
  }

  .rbp-mobile-wallet-actions button {
    border: 1px solid var(--rb-gold);
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-wallet-actions button {
      border: 1px solid color-mix(in srgb, var(--rb-gold) 72%, transparent);
    }
  }

  .rbp-mobile-wallet-actions button {
    color: var(--rb-gold);
    box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .08);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
  }

  .rbp-mobile-wallet-actions button:last-child {
    background: var(--rb-gold-gradient);
    color: var(--rb-gold-deep);
    border-color: #0000;
  }

  .rbp-mobile-vip, .rbp-mobile-stats article {
    background-color: var(--rb-bg);
    box-shadow: none;
    border: 0;
    border-radius: 8px;
    background: var(--rb-surface-strong) !important;
  }

  .rbp-mobile-vip {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    display: grid;
  }

  .rbp-mobile-vip-medal {
    background: radial-gradient(circle at 50% 35%,
        var(--rb-gold),
        transparent 64%),
      var(--rb-surface-sunken);
    border-radius: 18px;
    place-items: center;
    width: 62px;
    height: 62px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-vip-medal {
      background: radial-gradient(circle at 50% 35%,
        color-mix(in srgb, var(--rb-gold) 36%, transparent),
        transparent 64%),
      var(--rb-surface-sunken);
    }
  }

  .rbp-mobile-vip-medal {
    color: var(--rb-gold);
    font-size: 24px;
    font-weight: 650;
  }

  .rbp-mobile-vip-medal img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .rbp-mobile-vip strong, .rbp-mobile-stats strong {
    color: var(--rb-text);
    font-weight: 600;
    display: block;
  }

  .rbp-mobile-vip p {
    color: var(--rb-text-soft);
    margin: 5px 0 8px;
    font-size: 11px;
    font-weight: 500;
  }

  .rbp-mobile-vip small {
    color: var(--rb-text);
    font-size: 12px;
    font-weight: 600;
  }

  .rbp-mobile-progress {
    background: var(--rb-surface-sunken);
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
  }

  .rbp-mobile-progress span {
    border-radius: inherit;
    background: var(--rb-gold-gradient);
    height: 100%;
    display: block;
  }

  .rbp-mobile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .rbp-mobile-stats article {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 4px 8px;
    min-height: 82px;
    padding: 12px;
    display: grid;
  }

  .rbp-mobile-stats svg {
    color: var(--rb-gold);
    filter: drop-shadow(0 0 10px var(--rb-gold));
    grid-row: span 3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-stats svg {
      filter: drop-shadow(0 0 10px color-mix(in srgb, var(--rb-gold) 45%, transparent));
    }
  }

  .rbp-mobile-stats span {
    color: var(--rb-text-soft);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
  }

  .rbp-mobile-stats strong {
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 16px;
    line-height: 1.1;
  }

  .rbp-mobile-stats small {
    color: var(--rb-gold);
    font-size: 11px;
    font-weight: 600;
  }

  .rbp-mobile-menu {
    overflow: hidden;
  }

  .rbp-mobile-menu button {
    width: 100%;
    min-height: 42px;
    color: var(--rb-text-soft);
    text-align: left;
    border-top: 0;
    grid-template-columns: 20px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    display: grid;
  }

  .rbp-mobile-menu-group + .rbp-mobile-menu-group {
    border-top: 1px solid rgba(var(--t, 255, 255, 255), .06);
  }

  .rbp-mobile-menu button svg.is-open {
    transform: rotate(90deg);
  }

  .rbp-mobile-submenu {
    border-left: 2px solid var(--rb-gold);
    gap: 7px;
    margin: 0 8px 10px;
    padding: 8px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-submenu {
      border-left: 2px solid color-mix(in srgb, var(--rb-gold) 44%, transparent);
    }
  }

  .rbp-mobile-submenu {
    background: linear-gradient(90deg, var(--rb-gold), transparent 76%),
      var(--rb-card-sunken);
    border-radius: 8px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-submenu {
      background: linear-gradient(90deg, color-mix(in srgb, var(--rb-gold) 8%, transparent), transparent 76%),
      color-mix(in srgb, var(--rb-card-sunken) 72%, transparent);
    }
  }

  .rbp-mobile-submenu button {
    background: var(--rb-card);
    border-radius: 7px;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    min-height: 38px;
    padding: 0 10px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-submenu button {
      background: color-mix(in srgb, var(--rb-card) 76%, transparent);
    }
  }

  .rbp-mobile-submenu button {
    color: var(--rb-text-soft);
    box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .06);
    font-size: 11px;
  }

  .rbp-mobile-submenu button:hover, .rbp-mobile-submenu button:focus-visible {
    color: var(--rb-text);
    background: var(--rb-card-active);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-submenu button:hover, .rbp-mobile-submenu button:focus-visible {
      background: color-mix(in srgb, var(--rb-card-active) 82%, transparent);
    }
  }

  .rbp-mobile-menu button:first-child {
    border-top: 0;
  }

  .rbp-mobile-menu button > svg:first-child {
    color: var(--rb-gold);
  }

  .rbp-mobile-menu button > svg:last-child {
    color: var(--rb-text-soft);
  }

  .rbp-mobile-menu small {
    color: var(--rb-gold);
    font-size: 10px;
    font-weight: 600;
  }

  .rbp-mobile-logout {
    color: #ff6b73;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }
}

.wm-layer {
  z-index: 120;
  overscroll-behavior: contain;
  touch-action: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.wm-overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  touch-action: none;
  position: absolute;
  inset: 0;
}

.wm-overlay.is-dark {
  background: var(--wm-overlay-dark);
}

.wm-overlay.is-light {
  background: #d8e2f0b8;
}

.wm-shell {
  width: min(984px, 100vw - 28px);
  height: min(96dvh, 800px);
  max-height: min(96dvh, 800px);
  font-family: var(--font-body-stack);
  font-feature-settings: "tnum" 1,
    "ss01" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  border-radius: 8px;
  grid-template-columns: minmax(310px, 350px) minmax(0, 588px);
  align-items: stretch;
  gap: 20px;
  margin: 2dvh auto 0;
  padding: 16px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.wm-shell.is-dark {
  background: linear-gradient(180deg, var(--wm-bg-from) 0%, var(--wm-bg-to) 100%);
  color: #fff;
  box-shadow: 0 30px 70px #00000075;
}

.wm-shell.is-light {
  color: var(--rb-text);
  background: linear-gradient(#f8fbff 0%, #edf3fa 100%);
  box-shadow: 0 26px 60px #3e4c6b38;
}

.wm-close {
  z-index: 3;
  background: rgba(var(--t, 255, 255, 255), .1);
  color: currentColor;
  width: 40px;
  height: 40px;
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
  border: none;
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 17px;
  right: 17px;
}

.wm-main {
  scrollbar-width: thin;
  scrollbar-color: #8091a580 transparent;
  min-width: 0;
  min-height: 0;
  padding-right: 2px;
  overflow-y: auto;
}

.wm-desktop-detail {
  min-height: 0;
  overflow: hidden;
}

.wm-tabs {
  scrollbar-width: none;
  gap: 4px;
  padding-right: 48px;
  display: flex;
  overflow-x: auto;
}

.wm-tabs::-webkit-scrollbar {
  display: none;
}

.wm-tabs button {
  min-height: 40px;
  color: var(--rb-text-soft);
  font-family: var(--font-body-stack);
  letter-spacing: 0;
  border-radius: 7px;
  flex: none;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 520;
  line-height: 1;
}

.wm-shell.is-dark .wm-tabs button {
  color: #ffffff85;
}

.wm-tabs button.is-active {
  color: var(--rb-gold);
  background: linear-gradient(#3d4a54eb 0%, #232d36eb 100%);
}

.wm-shell.is-light .wm-tabs button.is-active {
  color: #09935f;
  background: #fff;
  box-shadow: inset 0 0 0 1px #98aac242;
}

.wm-section {
  margin-top: 20px;
}

.wm-section h2, .wm-empty-action h2 {
  color: currentColor;
  font-family: var(--font-heading-stack);
  letter-spacing: 0;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 560;
  line-height: 1.1;
}

.wm-cashier {
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  display: flex;
}

.wm-cashier-head {
  color: var(--rb-text);
  align-items: center;
  gap: 8px;
  display: flex;
}

.wm-cashier-head h2 {
  font-family: var(--font-heading-stack);
  margin: 0;
  font-size: 17px;
  font-weight: 560;
}

.wm-cashier-empty {
  text-align: center;
  color: var(--rb-text-faint);
  padding: 36px 12px;
  font-size: 13px;
}

.wm-cashier-list {
  scrollbar-width: thin;
  flex-direction: column;
  gap: 6px;
  max-height: 420px;
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.wm-cashier-row {
  background: var(--rb-surface-sunken);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.wm-cashier-icon {
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.wm-cashier-icon.is-deposit {
  background: var(--rb-green, #58c98f);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-cashier-icon.is-deposit {
    background: color-mix(in srgb, var(--rb-green, #58c98f) 14%, transparent);
  }
}

.wm-cashier-icon.is-deposit {
  color: var(--rb-green, #58c98f);
}

.wm-cashier-icon.is-withdraw {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-cashier-icon.is-withdraw {
    background: color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.wm-cashier-icon.is-withdraw {
  color: var(--rb-gold);
}

.wm-cashier-main {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.wm-cashier-main strong {
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 600;
}

.wm-cashier-main small {
  color: var(--rb-text-faint);
  font-size: 11px;
}

.wm-cashier-amount {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
}

.wm-cashier-amount.is-deposit {
  color: var(--rb-green, #58c98f);
}

.wm-cashier-amount.is-withdraw {
  color: var(--rb-text-soft);
}

.wm-section h2 em {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  letter-spacing: 0;
  border-radius: 999px;
  margin-left: 6px;
  padding: 4px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 560;
  display: inline-flex;
}

.wm-section-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.wm-country {
  color: currentColor;
  background: #ffffff14;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  min-width: 216px;
  min-height: 42px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 560;
  line-height: 1;
  display: inline-flex;
}

.wm-country-picker {
  min-width: min(220px, 100%);
  position: relative;
}

.wm-country-trigger {
  background: linear-gradient(180deg,
    var(--rb-gold),
    var(--rb-gold));
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-country-trigger {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-gold) 16%, transparent),
    color-mix(in srgb, var(--rb-gold) 8%, transparent));
  }
}

.wm-country-trigger {
  color: currentColor;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 650;
  box-shadow: inset 0 1px #ffffff14;
}

.wm-country-trigger > span:not(.wm-country-code) {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.wm-country-trigger svg {
  color: var(--rb-gold);
  flex: none;
}

.wm-country-code {
  color: #ffd35f;
  background: #f5ca552e;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 22px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.wm-country-menu {
  z-index: 14;
  scrollbar-width: thin;
  scrollbar-color: #f5ca5580 transparent;
  background: #121923fa;
  border: 1px solid #f5ca556b;
  border-radius: 10px;
  width: min(280px, 100vw - 32px);
  max-height: 260px;
  padding: 5px;
  display: grid;
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  overflow-y: auto;
  box-shadow: 0 22px 44px #00000061;
}

.wm-country-menu button {
  color: #eff4fcf0;
  text-align: left;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 610;
  display: flex;
}

.wm-country-menu button > span:not(.wm-country-code) {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.wm-country-menu button:hover, .wm-country-menu button.is-active {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-country-menu button:hover, .wm-country-menu button.is-active {
    background: color-mix(in srgb, var(--rb-gold) 15%, transparent);
  }
}

.wm-country-menu button:hover, .wm-country-menu button.is-active {
  color: var(--rb-gold);
}

.wm-shell.is-light .wm-country-trigger {
  background: linear-gradient(180deg,
    var(--rb-gold),
    var(--rb-gold));
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-shell.is-light .wm-country-trigger {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-gold) 22%, transparent),
    color-mix(in srgb, var(--rb-gold) 10%, transparent));
  }
}

.wm-shell.is-light .wm-country-menu {
  background: #fffffffa;
  box-shadow: 0 22px 44px #3e4c6b33;
}

.wm-shell.is-light .wm-country-menu button {
  color: var(--rb-text);
}

.wm-shell.is-light .wm-country-menu button:hover, .wm-shell.is-light .wm-country-menu button.is-active {
  color: var(--rb-gold-deep);
  background: #f5ca5533;
}

.wm-shell.is-light .wm-country {
  background: #fff;
}

.wm-country span {
  color: #fff;
  background: #e52632;
  border-radius: 2px;
  place-items: center;
  width: 21px;
  height: 14px;
  font-size: 9px;
  font-weight: 560;
  display: inline-grid;
}

.wm-kyc-gate {
  text-align: center;
  color: var(--rb-text);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 20px;
  display: flex;
}

.wm-kyc-gate-icon {
  font-size: 48px;
  line-height: 1;
}

.wm-kyc-gate h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 760;
}

.wm-kyc-gate p {
  color: var(--rb-text-soft);
  max-width: 320px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.wm-kyc-badge {
  border-radius: 999px;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 760;
  display: inline-flex;
}

.wm-kyc-pending {
  color: #f0c34b;
  background: #f0c34b2e;
}

.wm-kyc-rejected {
  color: #ff6f6f;
  background: #ff6f6f2e;
}

.wm-kyc-none {
  color: var(--rb-text-soft);
  background: #ffffff0f;
}

.wm-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.wm-method-grid button {
  background: rgba(var(--t, 255, 255, 255), .1);
  color: currentColor;
  min-height: 56px;
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
  text-align: left;
  border: none;
  border-radius: 7px;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 6px;
  transition: border-color .18s, background .18s, opacity .18s;
  display: grid;
  position: relative;
}

.wm-shell.is-light .wm-method-grid button {
  background: #ffffffb3;
}

.wm-method-grid button.is-selected {
  border-color: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-method-grid button.is-selected {
    border-color: color-mix(in srgb, var(--rb-gold) 90%, transparent);
  }
}

.wm-method-grid button.is-selected {
  background: radial-gradient(circle at 18% 0%, var(--rb-gold), transparent 42%),
    var(--rb-gold-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-method-grid button.is-selected {
    background: radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--rb-gold) 20%, transparent), transparent 42%),
    color-mix(in srgb, var(--rb-gold-strong) 18%, transparent);
  }
}

.wm-method-grid button.is-muted {
  opacity: .58;
}

.wm-method-grid button > span:not(.wm-method-icon) {
  color: currentColor;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: var(--font-body-stack);
  letter-spacing: 0;
  text-align: right;
  font-size: 13px;
  font-weight: 520;
  line-height: 1.08;
  overflow: hidden;
}

.wm-method-grid small {
  color: var(--rb-gold);
  font-size: 11px;
  font-weight: 520;
  line-height: 1;
  position: absolute;
  bottom: 7px;
  right: 10px;
}

.wm-method-icon {
  border-radius: 7px;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 12px;
  font-weight: 560;
  line-height: 1;
  display: grid;
  overflow: hidden;
}

.wm-method-icon-light {
  color: #2a64a8;
  background: #f6f8fb;
}

.wm-method-icon-dark {
  color: #fff;
  background: #05080d;
}

.wm-method-icon-gold {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.wm-method-icon-violet {
  color: #fff;
  background: linear-gradient(#843cff 0%, #5b15d9 100%);
}

.wm-detail-panel {
  isolation: isolate;
  overscroll-behavior: contain;
  background: radial-gradient(circle at 18% 0%,
      var(--rb-gold),
      transparent 34%),
    linear-gradient(180deg,
      var(--rb-card-deep) 0%,
      var(--rb-card-sunken) 100%);
  border-radius: 8px;
  align-content: start;
  gap: 16px;
  min-height: 100%;
  max-height: 100%;
  display: grid;
  position: relative;
  overflow-y: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-detail-panel {
    background: radial-gradient(circle at 18% 0%,
      color-mix(in srgb, var(--rb-gold) 12%, transparent),
      transparent 34%),
    linear-gradient(180deg,
      var(--rb-card-deep) 0%,
      var(--rb-card-sunken) 100%);
  }
}

.wm-detail-panel {
  color: #fff;
  scrollbar-width: thin;
  scrollbar-color: #f5ca5573 transparent;
  padding: 18px;
}

.wm-shell.is-light .wm-detail-panel {
  background: radial-gradient(circle at 18% 0%,
      var(--rb-gold),
      transparent 34%),
    linear-gradient(180deg, #fff 0%, #edf4fb 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-shell.is-light .wm-detail-panel {
    background: radial-gradient(circle at 18% 0%,
      color-mix(in srgb, var(--rb-gold) 10%, transparent),
      transparent 34%),
    linear-gradient(180deg, #fff 0%, #edf4fb 100%);
  }
}

.wm-shell.is-light .wm-detail-panel {
  color: var(--rb-text);
}

.wm-detail-panel:before {
  content: "";
  z-index: -1;
  background: var(--panel-image, none) center / cover no-repeat;
  border-radius: inherit;
  opacity: .22;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.wm-sheet-grip {
  display: none;
}

.wm-detail-head, .wm-detail-title, .wm-detail-actions, .wm-copy-row {
  align-items: center;
  display: flex;
}

.wm-detail-head {
  justify-content: space-between;
  gap: 12px;
}

.wm-detail-title {
  gap: 10px;
  min-width: 0;
}

.wm-detail-title strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: var(--font-heading-stack);
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 560;
  line-height: 1.08;
  overflow: hidden;
}

.wm-network-title {
  gap: 5px;
  min-width: 0;
  display: grid;
  position: relative;
}

.wm-network-picker {
  min-width: 126px;
  position: relative;
}

.wm-network-trigger {
  color: currentColor;
  background: #ffc7591f;
  border: 1px solid #ffc7596b;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0 9px 0 10px;
  font-size: 12px;
  font-weight: 560;
  line-height: 1;
  display: flex;
}

.wm-network-trigger span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.wm-network-trigger svg {
  color: var(--rb-gold);
  flex: none;
}

.wm-network-menu {
  z-index: 12;
  background: #121923fa;
  border: 1px solid #f5ca556b;
  border-radius: 8px;
  width: 100%;
  min-width: 150px;
  padding: 4px;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  overflow: hidden;
  box-shadow: 0 18px 36px #00000057;
}

.wm-network-menu button {
  color: #eff4fcf0;
  text-align: left;
  border-radius: 6px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 560;
  line-height: 1;
}

.wm-network-menu button:hover, .wm-network-menu button.is-active {
  color: #ffd35f;
  background: #f5ca5529;
}

.wm-shell.is-light .wm-network-trigger {
  color: var(--rb-text);
  background: #ffc7592e;
}

.wm-shell.is-light .wm-network-menu {
  background: #fffffffa;
  box-shadow: 0 18px 36px #3e4c6b2e;
}

.wm-shell.is-light .wm-network-menu button {
  color: var(--rb-text);
}

.wm-shell.is-light .wm-network-menu button:hover, .wm-shell.is-light .wm-network-menu button.is-active {
  color: var(--rb-gold-deep);
  background: #f5ca5533;
}

.wm-detail-actions {
  gap: 8px;
}

.wm-detail-actions button {
  background: rgba(var(--t, 255, 255, 255), .1);
  color: currentColor;
  width: 38px;
  height: 38px;
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
  border: none;
  border-radius: 999px;
  place-items: center;
  display: grid;
}

.wm-qr {
  background: #fff;
  border-radius: 12px;
  justify-self: center;
  place-items: center;
  width: 170px;
  height: 170px;
  padding: 12px;
  display: grid;
  position: relative;
}

.wm-qr-image, .wm-qr-fallback {
  border-radius: 4px;
  width: 136px;
  height: 136px;
}

.wm-qr-image {
  object-fit: contain;
}

.wm-qr-fallback {
  background: repeating-linear-gradient(45deg, #050505 0 6px, #fff 6px 12px);
}

.wm-qr-coin {
  color: #fff;
  background: #ff9b19;
  border: 5px solid #fff;
  border-radius: 14px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-weight: 560;
  display: grid;
  position: absolute;
}

.wm-intro-panel {
  background: radial-gradient(circle at 50% 85%, #ffc7592e, #0000 44%), #ffffff09;
  border-radius: 8px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.wm-intro-panel img {
  object-fit: cover;
  object-position: center;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
}

.wm-field {
  gap: 8px;
  display: grid;
}

.wm-field span {
  color: #b2bfd2eb;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 540;
  line-height: 1.25;
}

.wm-shell.is-light .wm-field span {
  color: var(--rb-text-soft);
}

.wm-field input, .wm-field .wm-select, .wm-address-box, .wm-copy-row input {
  color: currentColor;
  background: #ffffff0f;
  border: 0;
  border-radius: 7px;
  outline: none;
  min-width: 0;
  min-height: 45px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 520;
  line-height: 1.2;
}

.wm-field .wm-select {
  appearance: none;
  cursor: pointer;
}

.wm-field .wm-select option {
  color: #111;
}

.wm-select-wrap {
  min-width: 0;
  position: relative;
}

.wm-select-trigger {
  color: currentColor;
  background: #ffffff0f;
  border: 0;
  border-radius: 7px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 45px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 560;
  line-height: 1.2;
  display: flex;
}

.wm-select-trigger span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.wm-select-trigger svg {
  color: var(--rb-gold);
  flex: none;
  transition: transform .16s;
}

.wm-select-trigger.is-open svg {
  transform: rotate(180deg);
}

.wm-select-trigger.is-placeholder span {
  color: #b2bfd2b8;
}

.wm-select-menu {
  z-index: 18;
  scrollbar-width: thin;
  scrollbar-color: #f5ca5580 transparent;
  background: #121923fa;
  border: 1px solid #f5ca5561;
  border-radius: 8px;
  max-height: 220px;
  padding: 5px;
  display: grid;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 20px 42px #00000061;
}

.wm-select-menu button {
  color: #eff4fcf0;
  text-align: left;
  border-radius: 6px;
  min-height: 38px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.1;
}

.wm-select-menu button:hover, .wm-select-menu button.is-active {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-select-menu button:hover, .wm-select-menu button.is-active {
    background: color-mix(in srgb, var(--rb-gold) 16%, transparent);
  }
}

.wm-select-menu button:hover, .wm-select-menu button.is-active {
  color: var(--rb-gold);
}

.wm-shell.is-light .wm-field input, .wm-shell.is-light .wm-field .wm-select, .wm-shell.is-light .wm-address-box, .wm-shell.is-light .wm-copy-row input, .wm-shell.is-light .wm-select-trigger {
  background: #fff;
  box-shadow: inset 0 0 0 1px #98aac24d;
}

.wm-shell.is-light .wm-select-trigger.is-placeholder span {
  color: var(--rb-text-faint);
}

.wm-shell.is-light .wm-select-menu {
  background: #fffffffa;
  box-shadow: 0 20px 42px #3e4c6b33;
}

.wm-shell.is-light .wm-select-menu button {
  color: var(--rb-text);
}

.wm-shell.is-light .wm-select-menu button:hover, .wm-shell.is-light .wm-select-menu button.is-active {
  color: var(--rb-gold-deep);
  background: #f5ca5533;
}

.wm-address-box {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-all;
  flex: auto;
  align-items: flex-start;
  min-width: 0;
  height: auto;
  min-height: 45px;
  padding: 12px;
  display: flex;
}

.wm-address-text, .wm-address-placeholder {
  color: currentColor;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-all;
  max-width: 100%;
  line-height: 1.35;
  display: block;
}

.wm-address-text mark {
  color: #ffd35f;
  padding: 0;
  font-weight: 700;
  background: none !important;
}

.wm-fiat-method-name {
  color: #b2bfd2eb;
  font-size: 12px;
  font-weight: 560;
}

.wm-pay-link {
  color: #ffd35f;
  overflow-wrap: anywhere;
  background: #f5ca5529;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  display: flex;
}

.wm-copy-row {
  gap: 8px;
}

.wm-copy-row input {
  flex: auto;
}

.wm-copy-row button, .wm-submit, .wm-empty-action button {
  background: var(--rb-gold-gradient);
  min-height: 42px;
  color: var(--rb-gold-deep);
  letter-spacing: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1;
  display: inline-flex;
}

.wm-submit {
  width: 100%;
  min-height: 46px;
}

.wm-submit:disabled {
  cursor: not-allowed;
  filter: grayscale(.9);
  opacity: .52;
}

.wm-warning, .wm-status, .wm-balance-box {
  background: #e0a42824;
  border-radius: 7px;
  gap: 7px;
  padding: 12px;
  display: grid;
}

.wm-warning strong {
  color: #ffb423;
  font-size: 14px;
  font-weight: 560;
  line-height: 1.15;
}

.wm-warning span, .wm-status, .wm-balance-box span {
  color: #ffd67bf2;
  font-size: 12px;
  font-weight: 520;
  line-height: 1.35;
}

.wm-balance-box {
  background: #ffffff0f;
}

.wm-balance-box strong {
  font-size: 22px;
  font-weight: 560;
  line-height: 1;
}

.wm-deposit-bonus-panel {
  background: var(--rb-gold);
  border-radius: 8px;
  gap: 8px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .wm-deposit-bonus-panel {
    background: color-mix(in srgb, var(--rb-gold) 13%, transparent);
  }
}

.wm-deposit-bonus-panel {
  padding: 12px;
}

.wm-deposit-bonus-head, .wm-deposit-bonus-row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wm-deposit-bonus-head {
  color: var(--rb-gold);
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
}

.wm-deposit-bonus-head > span {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
}

.wm-bonus-switch {
  background: rgba(var(--t, 255, 255, 255), .14);
  width: 44px;
  height: 24px;
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
  border: 0;
  border-radius: 999px;
  flex: none;
  position: relative;
}

.wm-bonus-switch i {
  background: var(--rb-text-soft);
  border-radius: 999px;
  width: 18px;
  height: 18px;
  transition: transform .18s, background .18s;
  position: absolute;
  top: 3px;
  left: 3px;
}

.wm-bonus-switch.is-on {
  background: var(--rb-gold-gradient);
}

.wm-bonus-switch.is-on i {
  background: var(--rb-gold-deep);
  transform: translateX(20px);
}

.wm-deposit-bonus-row {
  background: rgba(var(--t, 255, 255, 255), .08);
  border-radius: 7px;
  padding: 10px;
}

.wm-deposit-bonus-panel.is-disabled .wm-deposit-bonus-row {
  opacity: .45;
}

.wm-deposit-bonus-row span {
  min-width: 0;
}

.wm-deposit-bonus-row strong, .wm-deposit-bonus-row small {
  display: block;
}

.wm-deposit-bonus-row strong {
  color: var(--rb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.wm-deposit-bonus-row small {
  color: var(--rb-text-soft);
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

.wm-deposit-bonus-row em {
  color: var(--rb-gold);
  flex: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 650;
}

.wm-status {
  color: var(--rb-gold);
  background: #f5ca5521;
}

.wm-empty-action {
  text-align: center;
  background: #ffffff0f;
  border-radius: 8px;
  place-items: center;
  min-height: 430px;
  margin-top: 20px;
  padding: 28px;
  display: grid;
}

.wm-empty-action p {
  max-width: 420px;
  color: var(--rb-text-soft);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.wm-mobile-detail {
  display: none;
}

@media (max-width: 900px) {
  .wm-shell {
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
    width: min(940px, 100vw - 18px);
  }

  .wm-method-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .wm-shell {
    width: 100%;
    height: auto;
    max-height: 94dvh;
    padding: 16px 12px calc(12px + env(safe-area-inset-bottom));
    touch-action: auto;
    border-radius: 22px 22px 0 0;
    margin: 0;
    display: block;
    position: absolute;
    inset: auto 0 0;
  }

  .wm-desktop-detail {
    display: none;
  }

  .wm-main {
    overscroll-behavior: contain;
    max-height: calc(94dvh - 32px);
    padding: 2px 2px 8px;
  }

  .wm-tabs {
    padding-right: 46px;
  }

  .wm-method-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .wm-method-grid button {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 6px;
    min-height: 78px;
    padding: 7px 5px;
  }

  .wm-method-icon {
    width: 38px;
    height: 38px;
  }

  .wm-method-grid button > span:not(.wm-method-icon) {
    white-space: normal;
    text-align: center;
    max-width: 100%;
    font-size: 11px;
    line-height: 1.12;
  }

  .wm-method-grid small {
    font-size: 9px;
    bottom: 4px;
    right: 5px;
  }

  .wm-section-row {
    flex-direction: column;
    align-items: stretch;
  }

  .wm-country {
    width: 100%;
  }

  .wm-mobile-detail {
    z-index: 132;
    touch-action: none;
    display: block;
    position: fixed;
    inset: 0;
  }

  .wm-mobile-detail-overlay {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #03070dad;
    position: absolute;
    inset: 0;
  }

  .wm-mobile-detail > div {
    max-height: 94dvh;
    padding: 0 10px calc(env(safe-area-inset-bottom) + 8px);
    overscroll-behavior: contain;
    touch-action: pan-y;
    border-radius: 24px 24px 0 0;
    position: absolute;
    inset: auto 0 0;
    overflow-y: auto;
  }

  .wm-mobile-detail .wm-detail-panel {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 24px 24px 0 0;
    min-height: auto;
    padding-top: 12px;
  }

  .wm-mobile-detail .wm-sheet-grip {
    background: #f5ca5585;
    border-radius: 999px;
    justify-self: center;
    width: 44px;
    height: 5px;
    display: block;
  }

  .wm-copy-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.rif-page {
  color: var(--rb-text);
  gap: 12px;
  display: grid;
}

.rif-hero, .rif-share, .rif-rules, .rif-rewards {
  background: var(--rb-surface);
  border-radius: 8px;
  overflow: hidden;
}

.rif-hero {
  aspect-ratio: 16 / 6.2;
  background: none;
  min-height: 220px;
  position: relative;
}

.rif-hero picture, .rif-hero img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.rif-hero img {
  object-fit: cover;
}

.rif-hero-copy {
  color: var(--rb-text);
  padding: 6px 2px 2px;
}

.rif-hero-copy span, .rif-section-title {
  color: var(--rb-gold);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.rif-hero-copy h1 {
  letter-spacing: 0;
  margin: 5px 0 4px;
  font-size: clamp(24px, 4.2vw, 42px);
  font-weight: 500;
  line-height: 1.05;
}

.rif-hero-copy p {
  max-width: 720px;
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.rif-share, .rif-rules, .rif-rewards {
  padding: 14px;
}

.rif-section-title {
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.rif-section-title h2 {
  color: var(--rb-text);
  text-transform: none;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.rif-section-title button {
  background: var(--rb-gold-gradient);
  min-height: 36px;
  color: var(--rb-gold-deep);
  border: 0;
  border-radius: 7px;
  margin-left: auto;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
}

.rif-section-title button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.rif-socials {
  background: none;
  border-radius: 8px;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: clamp(6px, 1.4vw, 12px);
  padding: 8px 0 2px;
  display: flex;
}

.rif-socials a, .rif-socials button {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: 0 42px;
  place-items: center;
  width: clamp(30px, 6.8vw, 42px);
  height: clamp(30px, 6.8vw, 42px);
  padding: 0;
  transition: transform .16s, filter .16s;
  display: grid;
}

.rif-socials a:hover, .rif-socials button:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

.rif-socials img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.rif-link {
  background: var(--rb-surface-sunken);
  width: 100%;
  min-height: 48px;
  color: var(--rb-text);
  text-align: left;
  border: 0;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 0 12px;
  display: grid;
}

.rif-link span {
  min-width: 0;
  color: var(--rb-gold);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.rif-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.rif-stats article, .rif-conditions span {
  background: var(--rb-surface-sunken);
  border-radius: 8px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.rif-stats span, .rif-conditions span, .rif-rules li {
  color: var(--rb-text-soft);
  font-size: 13px;
}

.rif-stats strong {
  color: var(--rb-gold);
  font-size: 21px;
  font-weight: 500;
}

.rif-conditions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rif-rules ol {
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 18px;
  display: grid;
}

.rif-message {
  color: var(--rb-gold);
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 500;
}

.rif-chest-pages {
  gap: 12px;
  display: grid;
}

.rif-chest-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rif-chest-row article {
  background: radial-gradient(circle at 50% 8%,
      #f5ca552e,
      transparent 38%),
    var(--rb-surface-sunken);
  text-align: center;
  border-radius: 8px;
  grid-template-rows: 76px auto auto;
  place-items: center;
  min-width: 0;
  min-height: 154px;
  padding: 10px 6px 8px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.rif-chest-row article.is-ready .rif-chest {
  filter: drop-shadow(0 0 12px #f5ca5594);
}

.rif-chest-row article.is-claimed {
  opacity: .52;
}

.rif-chest-row article em {
  z-index: 3;
  color: var(--rb-gold);
  text-transform: uppercase;
  background: #080a0e94;
  place-items: center;
  font-size: clamp(12px, 1.7vw, 15px);
  font-style: normal;
  font-weight: 600;
  display: grid;
  position: absolute;
  inset: 0;
}

.rif-chest {
  object-fit: contain;
  filter: drop-shadow(0 10px 10px #0000004d);
  width: min(88px, 18vw);
  height: 76px;
}

.rif-chest-row strong {
  width: min(112px, 100%);
  min-height: 28px;
  color: var(--rb-gold);
  background: linear-gradient(#f5ca5542, #f5ca551a);
  border-radius: 6px;
  place-items: center;
  padding: 4px 6px;
  font-size: clamp(10px, 1.45vw, 13px);
  font-weight: 600;
  line-height: 1.05;
  display: grid;
}

.rif-chest-row span {
  width: min(112px, 100%);
  min-height: 32px;
  color: var(--rb-text-soft);
  place-items: center;
  font-size: clamp(10px, 1.35vw, 12px);
  font-weight: 500;
  line-height: 1.15;
  display: grid;
}

.rif-chest-row strong, .rif-chest-row span {
  text-shadow: none;
}

.rif-pagination {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.rif-pagination button {
  background: var(--rb-gold-gradient);
  min-height: 34px;
  color: var(--rb-gold-deep);
  border: 0;
  border-radius: 7px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
}

.rif-pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.rif-pagination span {
  color: var(--rb-text-soft);
  font-size: 13px;
}

@media (max-width: 700px) {
  .rif-hero {
    aspect-ratio: 1 / .74;
    min-height: 0;
  }

  .rif-conditions {
    grid-template-columns: 1fr;
  }

  .rif-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .rif-stats article {
    padding: 9px 7px;
  }

  .rif-stats span {
    font-size: 11px;
  }

  .rif-stats strong {
    font-size: 18px;
  }

  .rif-socials {
    gap: 5px;
  }

  .rif-socials a, .rif-socials button {
    width: clamp(28px, 10vw, 36px);
    height: clamp(28px, 10vw, 36px);
  }

  .rif-chest-row {
    gap: 6px;
  }

  .rif-chest {
    width: min(58px, 18vw);
    height: 54px;
  }

  .rif-chest-row article {
    grid-template-rows: 54px auto auto;
    min-height: 126px;
    padding: 7px 4px;
  }
}

.dt-page {
  --dt-felt: #087457;
  --dt-felt-deep: #044835;
  --dt-gold: #f4c557;
  --dt-gold-deep: #9f6e14;
  --dt-blue: #3454d1;
  --dt-orange: #d5812a;
  --dt-green: #18c98b;
  color: #f7fbff;
  gap: 14px;
  display: grid;
}

.dt-topbar {
  background: radial-gradient(circle at 12% 0, #18c98b47, #0000 30%), radial-gradient(circle at 82% 30%, #f4c55733, #0000 34%), linear-gradient(135deg, #101a2b 0%, #07121f 55%, #11241f 100%);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  display: flex;
  overflow: hidden;
}

.dt-topbar p, .dt-wallet span, .dt-dealer-strip span, .dt-pot span {
  color: #f7fbff9e;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.dt-topbar h1 {
  color: var(--dt-gold);
  font-family: var(--font-heading-stack);
  text-shadow: 0 3px #582e076b, 0 0 28px #f4c55747;
  margin: 3px 0 0;
  font-size: clamp(26px, 4.6vw, 52px);
  font-weight: 700;
  line-height: 1;
}

.dt-wallet {
  text-align: right;
  background: linear-gradient(#ffffff1c, #ffffff0a);
  border-radius: 8px;
  min-width: 180px;
  padding: 12px 14px;
}

.dt-wallet strong {
  color: var(--dt-gold);
  margin-top: 4px;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.dt-stage {
  grid-template-columns: 74px minmax(0, 1fr) 74px;
  align-items: stretch;
  gap: 10px;
  display: grid;
}

.dt-table {
  background: radial-gradient(circle at 50% 18%, #2c75ff38, #0000 26%), radial-gradient(circle at 42% 53%, #1cdc953d, #0000 22%), linear-gradient(#101827 0%, #0c4939 31%, #06684f 100%);
  border-radius: 8px;
  gap: 12px;
  padding: 14px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff12, 0 24px 60px #050a1252;
}

.dt-table:before, .dt-table:after {
  pointer-events: none;
  content: "";
  filter: blur(8px);
  background: radial-gradient(circle, #f4c55747, #0000 68%);
  border-radius: 50%;
  height: 170px;
  position: absolute;
  inset: auto 10% -80px;
}

.dt-table:after {
  background: radial-gradient(circle, #c33c383d, #0000 65%);
  width: 220px;
  height: 220px;
  inset: 20px -80px auto auto;
}

.dt-arena {
  z-index: 1;
  grid-template-columns: minmax(120px, 1fr) minmax(220px, .9fr) minmax(120px, 1fr);
  gap: 12px;
  min-height: 300px;
  display: grid;
  position: relative;
}

.dt-side {
  border-radius: 8px;
  align-content: end;
  padding: 18px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.dt-side-dragon {
  background: radial-gradient(circle at 32% 46%, #39ffb16b, #0000 34%), linear-gradient(135deg, #09604ae6, #091525c7);
}

.dt-side-tiger {
  background: radial-gradient(circle at 66% 43%, #ff892a85, #0000 34%), linear-gradient(135deg, #091525c2, #783313e0);
}

.dt-side > span {
  z-index: 2;
  color: #ffffffdb;
  font-family: var(--font-heading-stack);
  text-shadow: 0 10px 30px #0000007a;
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.dt-beast {
  animation: 3.8s ease-in-out infinite dt-float;
  position: absolute;
  inset: 16px;
}

.dt-beast-orbit {
  filter: blur(1px);
  opacity: .55;
  background: conic-gradient(from 80deg, #0000, #ffffff61, #0000 38%, #ffffff38, #0000 68%);
  border-radius: 999px;
  animation: 7s linear infinite dt-spin;
  position: absolute;
  inset: 12% 4%;
}

.dt-beast-head {
  border-radius: 46% 46% 42% 42%;
  width: 132px;
  height: 118px;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
}

.dt-dragon .dt-beast-head {
  background: radial-gradient(circle at 34% 42%, #effff7 0 4px, #0000 5px), radial-gradient(circle at 66% 42%, #effff7 0 4px, #0000 5px), linear-gradient(135deg, #d8fff0 0%, #62d6ac 42%, #187e64 100%);
  box-shadow: 0 0 34px #4effb75c;
}

.dt-tiger .dt-beast-head {
  background: radial-gradient(circle at 34% 42%, #111827 0 4px, #0000 5px), radial-gradient(circle at 66% 42%, #111827 0 4px, #0000 5px), linear-gradient(135deg, #ffe4a7 0%, #e9912b 48%, #8f3d1b 100%);
  box-shadow: 0 0 38px #ff892a75;
}

.dt-beast-body {
  opacity: .76;
  border-radius: 999px;
  height: 64px;
  position: absolute;
  bottom: 16%;
  left: 8%;
  right: 6%;
}

.dt-dragon .dt-beast-body {
  background: linear-gradient(90deg, #0000, #46ffbe7a, #dbffefe6, #187e64b8);
}

.dt-tiger .dt-beast-body {
  background: linear-gradient(90deg, #ff792a26, #ffd06fe6, #833418b3, #0000);
}

.dt-beast-eye, .dt-dragon-horn, .dt-dragon-whisker, .dt-tiger-ear, .dt-tiger-stripe {
  display: block;
  position: absolute;
}

.dt-beast-eye {
  background: #f9fbff;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  top: 40%;
  box-shadow: 0 0 16px #fff;
}

.dt-tiger .dt-beast-eye {
  box-shadow: none;
  background: #101827;
}

.dt-beast-eye.left {
  left: 32%;
}

.dt-beast-eye.right {
  right: 32%;
}

.dt-dragon-horn {
  background: #f4e5b1;
  border-radius: 999px 999px 2px 2px;
  width: 16px;
  height: 38px;
  top: -18px;
}

.dt-dragon-horn.left {
  left: 28px;
  transform: rotate(-24deg);
}

.dt-dragon-horn.right {
  right: 28px;
  transform: rotate(24deg);
}

.dt-dragon-whisker {
  background: #eafff6d1;
  width: 74px;
  height: 2px;
  top: 64px;
}

.dt-dragon-whisker.left {
  left: -54px;
  transform: rotate(-14deg);
}

.dt-dragon-whisker.right {
  right: -54px;
  transform: rotate(14deg);
}

.dt-tiger-ear {
  background: #f3aa45;
  border-radius: 8px 22px;
  width: 38px;
  height: 38px;
  top: -12px;
}

.dt-tiger-ear.left {
  left: 2px;
  transform: rotate(-28deg);
}

.dt-tiger-ear.right {
  right: 2px;
  transform: rotate(28deg)scaleX(-1);
}

.dt-tiger-stripe {
  background: #111827b8;
  border-radius: 999px;
  width: 10px;
  height: 52px;
  top: 14px;
}

.dt-tiger-stripe.one {
  left: 47%;
  transform: rotate(8deg);
}

.dt-tiger-stripe.two {
  height: 42px;
  top: 22px;
  left: 32%;
  transform: rotate(-24deg);
}

.dt-tiger-stripe.three {
  height: 42px;
  top: 22px;
  right: 32%;
  transform: rotate(24deg);
}

.dt-versus {
  grid-template-columns: 92px minmax(74px, 1fr) 92px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: grid;
}

.dt-vs-mark {
  color: var(--dt-gold);
  text-align: center;
  text-shadow: 0 0 20px #f4c5577a;
  place-items: center;
  display: grid;
}

.dt-vs-mark strong {
  font-family: var(--font-heading-stack);
  font-size: clamp(32px, 5vw, 58px);
  font-style: italic;
  font-weight: 500;
  line-height: .9;
  display: block;
}

.dt-card {
  perspective: 900px;
  height: 132px;
}

.dt-card-inner {
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .7s cubic-bezier(.2, .8, .2, 1);
  position: relative;
}

.dt-card.is-revealed .dt-card-inner {
  transform: rotateY(180deg);
}

.dt-card-face {
  backface-visibility: hidden;
  border-radius: 8px;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 18px 38px #00000057;
}

.dt-card-back {
  background: linear-gradient(135deg, #ff7423eb, #1852b4e6), repeating-linear-gradient(45deg, #0000 0 8px, #ffffff29 9px 11px);
}

.dt-card-back span {
  opacity: .9;
  background: radial-gradient(circle at 50% 74%, #ffd061 0 12px, #0000 13px), linear-gradient(#fff4bf, #ff803d);
  border-radius: 999px 999px 18px 18px;
  width: 48px;
  height: 68px;
}

.dt-card-front {
  color: #111827;
  background: linear-gradient(#fff 0%, #e8eef6 100%);
  transform: rotateY(180deg);
}

.dt-card-front strong {
  font-size: 42px;
  font-weight: 500;
}

.dt-card-front span {
  font-size: 32px;
}

.dt-card-front.is-red {
  color: #c41f36;
}

.dt-dealer-strip, .dt-pot, .dt-controls, .dt-result {
  z-index: 1;
  position: relative;
}

.dt-dealer-strip {
  background: linear-gradient(#031817c2, #06533ebd);
  border-radius: 8px;
  grid-template-columns: 1fr 64px 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: grid;
}

.dt-dealer-strip > div:last-child {
  text-align: right;
}

.dt-dealer-strip strong {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 500;
  display: block;
}

.dt-countdown {
  background: radial-gradient(circle at 35% 25%,
    #fff6bf,
    var(--dt-gold) 46%,
    var(--dt-gold-deep));
  color: #482b07;
  border-radius: 999px;
  place-items: center;
  width: 58px;
  height: 58px;
  font-size: 24px;
  font-weight: 500;
  display: grid;
  box-shadow: 0 0 0 5px #f4c5572e, 0 10px 30px #00000047;
}

.dt-countdown.is-spinning {
  animation: .72s ease-in-out infinite dt-pulse;
}

.dt-history {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  display: flex;
  position: relative;
}

.dt-history-empty {
  color: #ffffff85;
  font-size: 12px;
  font-weight: 700;
}

.dt-history-dot {
  color: #fff;
  border-radius: 999px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.dt-history-dot.is-dragon {
  background: var(--dt-blue);
}

.dt-history-dot.is-tiger {
  background: var(--dt-orange);
}

.dt-history-dot.is-tie {
  background: var(--dt-green);
}

.dt-pot {
  color: #eafff7;
  background: linear-gradient(90deg, #18c98bad, #78e887ad, #18c98bad);
  border-radius: 8px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 58px;
  padding: 10px 18px;
  display: grid;
}

.dt-pot strong {
  color: #fff5bd;
  font-size: 20px;
  font-weight: 500;
}

.dt-pot em {
  color: #ffffffb8;
  justify-self: end;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.dt-bets {
  z-index: 1;
  grid-template-columns: 1fr .72fr 1fr;
  gap: 12px;
  display: grid;
  position: relative;
}

.dt-bet-pad {
  color: #fff;
  cursor: pointer;
  isolation: isolate;
  text-align: center;
  border: 0;
  border-radius: 8px;
  min-height: 154px;
  padding: 18px;
  transition: transform .18s, filter .18s;
  position: relative;
  overflow: hidden;
}

.dt-bet-pad:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

.dt-bet-pad:disabled {
  cursor: default;
}

.dt-bet-pad:before {
  z-index: -1;
  content: "";
  opacity: 0;
  background: radial-gradient(circle, #ffffff57, #0000 45%);
  transition: opacity .22s, transform .22s;
  position: absolute;
  inset: -30%;
  transform: scale(.72);
}

.dt-bet-pad.is-active:before {
  opacity: 1;
  transform: scale(1);
}

.dt-bet-dragon {
  background: linear-gradient(135deg, #394cc9eb, #5e3eb2d6);
}

.dt-bet-tiger {
  background: linear-gradient(135deg, #d5812af0, #873e16e0);
}

.dt-bet-tie {
  background: linear-gradient(135deg, #18c98beb, #087457e0);
}

.dt-bet-pad span, .dt-bet-pad strong, .dt-bet-pad em {
  display: block;
}

.dt-bet-pad span {
  font-family: var(--font-heading-stack);
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 700;
}

.dt-bet-pad strong {
  color: #ffffffb8;
  margin-top: 3px;
  font-size: 18px;
  font-weight: 700;
}

.dt-bet-pad em {
  background: #ffffff24;
  border-radius: 999px;
  padding: 7px 10px;
  font-style: normal;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.dt-controls {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.dt-chip-row {
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.dt-chip {
  color: #fff;
  cursor: pointer;
  text-shadow: 0 2px 5px #000000d1;
  filter: drop-shadow(0 8px 13px #00000052);
  background: none;
  border: 0;
  border-radius: 999px;
  place-items: center;
  width: 62px;
  height: 62px;
  font-size: 14px;
  font-weight: 600;
  transition: transform .16s, box-shadow .16s;
  display: grid;
  position: relative;
}

.dt-chip img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.dt-chip span {
  z-index: 1;
  position: relative;
}

.dt-chip.is-selected {
  filter: drop-shadow(0 0 10px #f4c5578a) drop-shadow(0 14px 22px #00000052);
  transform: translateY(-7px);
}

.dt-chip:disabled {
  cursor: default;
  opacity: .7;
}

.dt-actions {
  flex: none;
  gap: 8px;
  display: flex;
}

.dt-icon-btn, .dt-deal-btn {
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: transform .16s, filter .16s, opacity .16s;
  display: inline-flex;
}

.dt-icon-btn {
  color: #ffffffd1;
  background: #ffffff1f;
  width: 48px;
  height: 48px;
}

.dt-deal-btn {
  color: #05200d;
  background: linear-gradient(#75fb73, #12af3e);
  gap: 8px;
  min-width: 132px;
  height: 48px;
  box-shadow: 0 12px 30px #12af3e47;
}

.dt-icon-btn:hover:not(:disabled), .dt-deal-btn:hover:not(:disabled) {
  filter: brightness(1.07);
  transform: translateY(-1px);
}

.dt-icon-btn:disabled, .dt-deal-btn:disabled {
  cursor: default;
  opacity: .45;
}

.dt-result {
  color: #ffffffdb;
  background: #ffffff1a;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.dt-result.is-dragon {
  color: #dce5ff;
}

.dt-result.is-tiger {
  color: #ffe2bd;
}

.dt-result.is-tie {
  color: #c9ffe7;
}

.dt-rail {
  gap: 10px;
  display: grid;
}

.dt-seat {
  background: linear-gradient(#09121ff5, #082f26d1);
  border-radius: 8px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  min-height: 88px;
  display: grid;
}

.dt-seat span {
  background: radial-gradient(circle at 50% 50%,
      #ffffff1f,
      transparent 45%),
    repeating-conic-gradient(#ffffffe0 0 9deg,
      transparent 10deg 24deg);
  width: 42px;
  height: 42px;
  color: var(--dt-gold);
  border-radius: 999px;
  place-items: center;
  animation: 5s linear infinite dt-spin;
  display: grid;
}

.dt-seat.is-hot span, .dt-seat.is-lucky span {
  background: radial-gradient(circle at 35% 25%,
    #fff7bf,
    var(--dt-gold) 46%,
    var(--dt-gold-deep));
  animation: 1.4s ease-in-out infinite dt-pulse;
}

.dt-seat em {
  color: #ffffffb8;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 66px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
}

@keyframes dt-float {
  0%, 100% {
    transform: translateY(0)scale(1);
  }

  50% {
    transform: translateY(-9px)scale(1.02);
  }
}

@keyframes dt-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes dt-pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@media (max-width: 1100px) {
  .dt-stage {
    grid-template-columns: 1fr;
  }

  .dt-rail {
    display: none;
  }
}

@media (max-width: 820px) {
  .dt-topbar {
    flex-direction: column;
    align-items: stretch;
  }

  .dt-wallet {
    text-align: left;
    min-width: 0;
  }

  .dt-arena {
    grid-template-columns: 1fr;
  }

  .dt-side {
    min-height: 150px;
  }

  .dt-versus {
    order: 2;
    grid-template-columns: 86px 1fr 86px;
  }

  .dt-side-dragon {
    order: 1;
  }

  .dt-side-tiger {
    order: 3;
  }

  .dt-bets {
    grid-template-columns: 1fr;
  }

  .dt-bet-pad {
    min-height: 112px;
  }

  .dt-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .dt-actions, .dt-deal-btn {
    width: 100%;
  }

  .dt-deal-btn {
    flex: 1;
  }
}

@media (max-width: 560px) {
  .dt-table {
    padding: 10px;
  }

  .dt-dealer-strip, .dt-pot {
    text-align: left;
    grid-template-columns: 1fr;
  }

  .dt-dealer-strip > div:last-child, .dt-pot em {
    text-align: left;
    justify-self: start;
  }

  .dt-countdown {
    justify-self: start;
    width: 50px;
    height: 50px;
  }

  .dt-card {
    height: 118px;
  }

  .dt-chip {
    width: 52px;
    height: 52px;
    font-size: 12px;
  }
}

.dtx-page {
  color: #f7fbff;
}

.dtx-shell {
  gap: 12px;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
}

.dtx-top, .dtx-bet-panel {
  background: radial-gradient(circle at 16% 0, #18c98b3d, #0000 32%), radial-gradient(circle at 84% 24%, #f4c5572e, #0000 30%), linear-gradient(135deg, #101827 0%, #07121f 100%);
  border-radius: 8px;
  box-shadow: 0 18px 60px #040a1242;
}

.dtx-top {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.dtx-top span, .dtx-balance span, .dtx-hud span {
  color: #f7fbff94;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.dtx-top h1 {
  color: #f4c557;
  font-family: var(--font-heading-stack);
  margin: 3px 0 0;
  font-size: clamp(25px, 5vw, 52px);
  font-weight: 700;
  line-height: 1;
}

.dtx-balance {
  text-align: right;
  background: #ffffff14;
  border-radius: 8px;
  min-width: 170px;
  padding: 11px 13px;
}

.dtx-balance strong {
  color: #f4c557;
  margin-top: 4px;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.dtx-game {
  background: #07121f;
  border-radius: 8px;
  min-height: min(760px, 100vh - 270px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 70px #040a1257;
}

.dtx-canvas, .dtx-canvas canvas {
  width: 100%;
  height: 100%;
  min-height: min(760px, 100vh - 270px);
  display: block;
}

.dtx-loading {
  color: #f4c557;
  background: #07121fd1;
  place-items: center;
  font-weight: 500;
  display: grid;
  position: absolute;
  inset: 0;
}

.dtx-hud {
  pointer-events: none;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 8px;
  display: grid;
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
}

.dtx-hud > div {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #040a1285;
  border-radius: 8px;
  padding: 9px 11px;
}

.dtx-hud strong {
  color: #fff;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.dtx-history {
  pointer-events: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.dtx-history span {
  color: #ffffff94;
  font-size: 12px;
  font-weight: 700;
}

.dtx-history em {
  color: #fff;
  border-radius: 999px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  display: grid;
}

.dtx-history .is-dragon {
  background: #3454d1;
}

.dtx-history .is-tiger {
  background: #d5812a;
}

.dtx-history .is-tie {
  background: #18c98b;
}

.dtx-bet-panel {
  gap: 10px;
  padding: 12px;
  display: grid;
}

.dtx-bet-buttons {
  grid-template-columns: 1fr .76fr 1fr;
  gap: 10px;
  display: grid;
}

.dtx-bet-buttons button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3454d1eb, #573db4e0);
  border: 0;
  border-radius: 8px;
  min-height: 92px;
  transition: transform .18s, filter .18s, opacity .18s;
}

.dtx-bet-buttons button.is-tie {
  background: linear-gradient(135deg, #18c98beb, #087457e0);
}

.dtx-bet-buttons button.is-tiger {
  background: linear-gradient(135deg, #d5812af2, #873e16e6);
}

.dtx-bet-buttons button:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

.dtx-bet-buttons button:disabled, .dtx-chip-list button:disabled, .dtx-actions button:disabled {
  cursor: default;
  opacity: .48;
}

.dtx-bet-buttons span, .dtx-bet-buttons strong {
  display: block;
}

.dtx-bet-buttons span {
  font-family: var(--font-heading-stack);
  font-size: clamp(22px, 4vw, 38px);
  font-weight: 700;
}

.dtx-bet-buttons strong {
  color: #ffffffb8;
  margin-top: 3px;
  font-size: 16px;
  font-weight: 700;
}

.dtx-controls {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.dtx-chip-list, .dtx-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dtx-chip-list button, .dtx-actions button {
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 42px;
  font-weight: 500;
  display: inline-flex;
}

.dtx-chip-list button {
  color: #ffffffd1;
  background: #ffffff1a;
  gap: 5px;
  min-width: 62px;
}

.dtx-chip-list button.is-selected {
  color: #392607;
  background: #f4c557;
}

.dtx-actions button {
  color: #ffffffd6;
  background: #ffffff1a;
  min-width: 44px;
}

.dtx-actions .dtx-deal {
  color: #05200d;
  background: linear-gradient(#75fb73, #12af3e);
  gap: 8px;
  min-width: 132px;
}

@media (max-width: 760px) {
  .dtx-top, .dtx-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .dtx-balance {
    text-align: left;
    min-width: 0;
  }

  .dtx-game, .dtx-canvas, .dtx-canvas canvas {
    min-height: 620px;
  }

  .dtx-hud, .dtx-bet-buttons {
    grid-template-columns: 1fr;
  }

  .dtx-bet-buttons button {
    min-height: 72px;
  }

  .dtx-actions, .dtx-actions .dtx-deal {
    width: 100%;
  }

  .dtx-actions .dtx-deal {
    flex: 1;
  }
}

.rb-settings-page {
  width: 100%;
  max-width: 1180px;
  color: var(--rb-text);
  gap: 16px;
  margin: 0 auto;
  display: grid;
}

.rb-settings-hero, .rb-settings-panel, .rb-pin-shell, .rb-settings-loading {
  background: var(--rb-surface-strong);
  border: 0;
  border-radius: 7px;
}

.rb-settings-hero {
  grid-template-columns: 84px minmax(0, 1fr) minmax(220px, 300px) minmax(150px, auto);
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  display: grid;
}

.rb-settings-avatar {
  background: var(--rb-surface-sunken);
  width: 84px;
  height: 84px;
  color: var(--rb-gold);
  font-family: var(--font-heading-stack);
  border-radius: 7px;
  place-items: center;
  font-size: 24px;
  font-weight: 600;
  display: grid;
}

.rb-settings-kicker, .rb-settings-balance span, .rb-settings-fields span, .rb-pin-card label {
  color: var(--rb-text-faint);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 550;
}

.rb-settings-hero h1, .rb-settings-panel h2, .rb-pin-copy h1 {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  letter-spacing: 0;
  margin: 6px 0;
  font-weight: 600;
}

.rb-settings-hero h1 {
  font-size: clamp(26px, 3.2vw, 38px);
  line-height: 1.06;
}

.rb-settings-hero p, .rb-pin-copy p, .rb-settings-list span, .rb-settings-balance small, .rb-settings-message {
  color: var(--rb-text-soft);
  font-size: 13px;
  line-height: 1.45;
}

.rb-settings-balance, .rb-pin-card, .rb-settings-fields label, .rb-settings-list > div, .rb-settings-toggles button, .rb-pin-benefits span {
  background: var(--rb-surface);
  border: 0;
  border-radius: 7px;
}

.rb-settings-balance {
  gap: 5px;
  padding: 14px;
  display: grid;
}

.rb-settings-actions {
  gap: 8px;
  min-width: 150px;
  display: grid;
}

.rb-settings-actions button, .rb-settings-savebar button, .rb-settings-secondary-button {
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  font-weight: 600;
  display: inline-flex;
}

.rb-settings-actions button, .rb-settings-savebar button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rb-settings-actions button:disabled, .rb-settings-savebar button:disabled {
  cursor: not-allowed;
  filter: grayscale(.45);
  opacity: .55;
}

.rb-settings-actions span {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.rb-settings-balance strong {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  font-size: 24px;
  font-weight: 600;
}

.rb-settings-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.rb-settings-panel {
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  display: grid;
}

.rb-settings-profile-panel {
  grid-area: span 2 / span 7;
}

.rb-settings-password-panel, .rb-settings-pin-panel {
  grid-column: span 5;
}

.rb-settings-grid > .rb-settings-panel:not(.rb-settings-profile-panel):not(.rb-settings-password-panel):not(.rb-settings-pin-panel) {
  grid-column: span 6;
}

@media (min-width: 981px) {
  .rb-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rb-settings-profile-panel, .rb-settings-password-panel, .rb-settings-pin-panel, .rb-settings-grid > .rb-settings-panel:not(.rb-settings-profile-panel):not(.rb-settings-password-panel):not(.rb-settings-pin-panel) {
    grid-area: auto / span 1;
  }
}

.rb-settings-panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.rb-settings-panel-head svg, .rb-settings-list svg, .rb-settings-toggles svg, .rb-pin-benefits svg {
  color: var(--rb-gold);
}

.rb-settings-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rb-settings-fields-single {
  grid-template-columns: 1fr;
}

.rb-settings-code-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.rb-settings-code-input {
  border: 1px solid var(--rb-border, #ffffff1a);
  background: var(--rb-card-sunken, #ffffff0a);
  min-width: 120px;
  height: 42px;
  color: inherit;
  letter-spacing: .3em;
  border-radius: 10px;
  flex: 140px;
  padding: 0 14px;
  font-weight: 600;
}

.rb-settings-fields label, .rb-pin-card label {
  gap: 7px;
  padding: 12px;
  display: grid;
}

.rb-pin-card label {
  padding: 0;
}

.rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input {
  background: var(--rb-card);
  border: 0;
  border-radius: 7px;
  width: 100%;
  min-height: 42px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input {
    background: color-mix(in srgb, var(--rb-card) 84%, var(--rb-bg));
  }
}

.rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input {
  box-shadow: inset 0 0 0 1px var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 6%, transparent);
  }
}

.rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input {
  color: var(--rb-text);
  padding: 0 12px;
  font-weight: 500;
}

.rb-settings-list, .rb-settings-toggles {
  gap: 10px;
  display: grid;
}

.rb-settings-copy {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.rb-settings-secondary-button {
  background: var(--rb-surface-sunken);
  width: max-content;
  color: var(--rb-text);
  padding: 0 14px;
}

.rb-settings-savebar {
  z-index: 8;
  background: var(--rb-surface-strong);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px;
  display: flex;
  position: sticky;
  bottom: 12px;
}

.rb-settings-savebar div {
  gap: 3px;
  display: grid;
}

.rb-settings-savebar strong {
  color: var(--rb-text);
  font-weight: 650;
}

.rb-settings-savebar span {
  color: var(--rb-text-soft);
  font-size: 12px;
}

.rb-settings-list > div {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.rb-settings-list strong, .rb-settings-toggles strong {
  color: var(--rb-text);
  font-weight: 550;
  display: block;
}

.rb-settings-list em, .rb-settings-toggles em {
  color: var(--rb-gold);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.rb-settings-toggles button {
  min-height: 68px;
  color: var(--rb-text-soft);
  text-align: left;
  grid-template-columns: 28px minmax(0, 1fr) 54px auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.rb-settings-toggles button.is-on {
  background: var(--rb-surface-active);
}

.rb-settings-toggles button > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.rb-settings-toggles button small {
  color: var(--rb-text-soft);
  font-size: 12px;
  line-height: 1.35;
}

.rb-settings-toggles button i {
  background: var(--rb-surface-active);
  border-radius: 999px;
  width: 50px;
  height: 28px;
  position: relative;
  box-shadow: inset 0 0 0 1px #7f8ca01f;
}

.rb-settings-toggles button i b {
  background: var(--rb-text-faint);
  border-radius: 999px;
  width: 20px;
  height: 20px;
  transition: transform .16s, background .16s;
  position: absolute;
  top: 4px;
  left: 4px;
}

.rb-settings-toggles button.is-on i {
  background: var(--rb-gold-gradient);
}

.rb-settings-toggles button.is-on i b {
  background: var(--rb-gold-deep);
  transform: translateX(22px);
}

.rb-settings-loading {
  color: var(--rb-text-soft);
  padding: 24px;
  font-weight: 500;
}

.rb-pin-shell {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  align-items: center;
  gap: 18px;
  min-height: 430px;
  padding: 22px;
  display: grid;
}

.rb-pin-copy, .rb-pin-card {
  gap: 12px;
  display: grid;
}

.rb-pin-copy h1 {
  max-width: 560px;
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.02;
}

.rb-pin-benefits {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.rb-pin-benefits span {
  min-height: 38px;
  color: var(--rb-text);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 550;
  display: inline-flex;
}

.rb-pin-card {
  padding: 16px;
}

.rb-pin-dots {
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  display: grid;
}

.rb-pin-dots span {
  background: var(--rb-surface-active);
  border-radius: 999px;
  height: 10px;
}

.rb-pin-dots span.is-filled, .rb-pin-card button {
  background: var(--rb-gold-gradient);
}

.rb-pin-card button {
  min-height: 44px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  font-weight: 650;
}

.rb-pin-card button:disabled {
  cursor: not-allowed;
  filter: grayscale(.45);
  opacity: .55;
}

.rb-settings-message {
  background: var(--rb-surface-active);
  border-radius: 7px;
  padding: 10px 12px;
}

.rb-settings-message.is-error {
  color: #ff8794;
}

@media (max-width: 980px) {
  .rb-settings-hero, .rb-pin-shell, .rb-settings-fields, .rb-settings-grid {
    grid-template-columns: 1fr;
  }

  .rb-settings-profile-panel, .rb-settings-password-panel, .rb-settings-pin-panel, .rb-settings-grid > .rb-settings-panel:not(.rb-settings-profile-panel):not(.rb-settings-password-panel):not(.rb-settings-pin-panel) {
    grid-area: auto;
  }

  .rb-settings-hero {
    gap: 12px;
    padding: 16px;
  }

  .rb-settings-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }

  .rb-settings-savebar {
    display: grid;
    position: static;
  }
}

@media (max-width: 560px) {
  .rb-settings-page {
    gap: 12px;
  }

  .rb-settings-hero, .rb-settings-panel {
    padding: 14px;
  }

  .rb-settings-avatar {
    width: 68px;
    height: 68px;
    font-size: 20px;
  }

  .rb-settings-hero h1 {
    font-size: 24px;
  }

  .rb-settings-actions {
    grid-template-columns: 1fr;
  }

  .rb-settings-toggles button {
    grid-template-columns: 24px minmax(0, 1fr) 48px;
  }

  .rb-settings-toggles button em {
    grid-column: 2 / -1;
  }
}

.rbp-page .rbp-avatar span, .rbp-page .rbp-identity-copy h1, .rbp-page .rbp-wallet-card strong, .rbp-page .rbp-vip-panel h2, .rbp-page .rbp-section-heading h2, .rbp-page .rbp-feature-card h3, .rbp-page .rbp-security-grid h3, .rbp-page .rbp-metrics strong {
  font-weight: 650 !important;
}

.rbp-page .rbp-kicker, .rbp-page .rbp-wallet-card > span, .rbp-page .rbp-metrics span, .rbp-page .rbp-table-head, .rbp-page .rbp-section-heading > span, .rbp-page .rbp-mini-game span, .rbp-page .rbp-account-list span, .rbp-page .rbp-status-row span, .rbp-page .rbp-wallet-actions a, .rbp-page .rbp-wallet-actions button, .rbp-page .rbp-tabs button, .rbp-page .rbp-empty {
  font-weight: 600 !important;
}

.rbp-page .rbp-mini-game strong, .rbp-page .rbp-account-list strong {
  font-weight: 550 !important;
}

.rbp-page .rbp-table-row {
  font-weight: 500 !important;
}

.rbp-page .rbp-identity {
  border-radius: 7px;
  padding: 16px;
  background: var(--rb-surface-sunken) !important;
}

.rbp-page .rbp-hero, .rbp-page .rbp-vip-panel, .rbp-page .rbp-account-panel, .rbp-page .rbp-game-strip, .rbp-page .rbp-tabs, .rbp-page .rbp-table-card, .rbp-page .rbp-metrics article, .rbp-page .rbp-overview-grid > article, .rbp-page .rbp-security-grid > article {
  background: var(--rb-surface) !important;
}

.rbp-page .rbp-identity, .rbp-page .rbp-wallet-card, .rbp-page .rbp-status-row span, .rbp-page .rbp-wallet-actions a, .rbp-page .rbp-wallet-actions button, .rbp-page .rbp-vip-track, .rbp-page .rbp-account-list div, .rbp-page .rbp-mini-game, .rbp-page .rbp-tabs button, .rbp-page .rbp-table-head, .rbp-page .rbp-table-row:nth-child(odd), .rbp-page .rbp-section-heading > span {
  background: var(--rb-surface-sunken) !important;
}

.rbp-page .rbp-mini-game-media {
  background: var(--rb-surface-active) !important;
}

.rbp-page .rbp-wallet-actions a:first-child, .rbp-page .rbp-wallet-actions button:first-child, .rbp-page .rbp-tabs button.is-active, .rbp-page .rbp-vip-track div {
  background: var(--rb-gold-gradient) !important;
}

.rbp-page .rbp-feature-card-strong {
  background: var(--rb-surface-strong) !important;
}

.rbp-page {
  color: var(--rb-text);
  font-family: var(--font-body-stack);
  gap: 14px;
  display: grid;
}

.rbp-hero, .rbp-vip-panel, .rbp-account-panel, .rbp-metrics article, .rbp-tabs, .rbp-game-strip, .rbp-overview-grid > article, .rbp-security-grid > article, .rbp-table-card {
  background: var(--rb-panel-glow), var(--rb-surface);
  box-shadow: none;
  border-radius: 7px;
  border: 0 !important;
}

.rbp-hero {
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .72fr);
  gap: 14px;
  min-height: 244px;
  padding: 20px;
  display: grid;
}

.rbp-identity {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  align-items: center;
  gap: 20px;
  min-width: 0;
  padding: 16px;
  display: flex;
}

.rbp-avatar {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 116px;
  height: 116px;
  display: grid;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0a;
  border: 0 !important;
}

.rbp-avatar span {
  color: var(--rb-gold);
  font-family: var(--font-heading-stack);
  font-size: 32px;
  font-weight: 650;
}

.rbp-kicker, .rbp-wallet-card > span, .rbp-metrics span, .rbp-table-head, .rbp-section-heading > span, .rbp-mini-game span, .rbp-account-list span {
  color: var(--rb-text-faint);
  font-family: var(--font-body-stack);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 650;
}

.rbp-identity-copy h1 {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  letter-spacing: 0;
  margin: 7px 0;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 650;
  line-height: 1.02;
}

.rbp-identity-copy p, .rbp-feature-card p, .rbp-security-grid p, .rbp-wallet-card small, .rbp-vip-meta, .rbp-empty, .rbp-metrics small {
  color: var(--rb-text-soft);
  font-size: 13px;
  line-height: 1.45;
}

.rbp-status-row, .rbp-wallet-actions, .rbp-tabs, .rbp-panel-heading, .rbp-section-heading {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.rbp-panel-heading, .rbp-section-heading {
  justify-content: space-between;
  align-items: center;
}

.rbp-status-row span, .rbp-wallet-actions a, .rbp-wallet-actions button {
  background: var(--rb-surface-sunken);
  min-height: 38px;
  color: var(--rb-text);
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  border: 0 !important;
}

.rbp-wallet-card strong {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  font-size: clamp(24px, 2.6vw, 34px);
  font-weight: 650;
  line-height: 1.05;
}

.rbp-command-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 14px;
  display: grid;
}

.rbp-vip-panel, .rbp-account-panel, .rbp-game-strip, .rbp-feature-card, .rbp-security-grid article {
  padding: 16px;
}

.rbp-vip-panel, .rbp-account-panel {
  gap: 12px;
  display: grid;
}

.rbp-panel-heading svg, .rbp-metrics svg, .rbp-security-grid svg, .rbp-mini-game svg {
  color: var(--rb-gold);
}

.rbp-vip-panel h2, .rbp-section-heading h2, .rbp-feature-card h3, .rbp-security-grid h3 {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  letter-spacing: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

.rbp-vip-meta, .rbp-account-list {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.rbp-account-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.rbp-account-list div {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  min-width: 0;
  padding: 12px;
}

.rbp-account-list strong {
  color: var(--rb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}

.rbp-metrics, .rbp-overview-grid, .rbp-security-grid, .rbp-game-strip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.rbp-metrics article {
  align-content: start;
  gap: 7px;
  min-height: 128px;
  padding: 15px;
  display: grid;
}

.rbp-metrics strong {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  font-size: 20px;
  font-weight: 650;
}

.rbp-game-strip {
  gap: 14px;
  display: grid;
}

.rbp-section-heading > span {
  background: var(--rb-surface-sunken);
  color: var(--rb-gold);
  border-radius: 7px;
  padding: 8px 10px;
}

.rbp-mini-game {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: grid;
}

.rbp-mini-game-media {
  background: var(--rb-surface-active);
  border-radius: 7px;
  place-items: center;
  width: 64px;
  height: 64px;
  display: grid;
  overflow: hidden;
}

.rbp-mini-game-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rbp-mini-game strong {
  color: var(--rb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.rbp-mini-game span {
  margin-top: 4px;
  display: block;
}

.rbp-tabs button {
  background: var(--rb-surface-sunken);
  min-height: 42px;
  color: var(--rb-text-soft);
  border-radius: 7px;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 600;
  display: inline-flex;
  border: 0 !important;
}

.rbp-feature-card-strong {
  background: linear-gradient(180deg, #f5ca5524, #f5ca550a),
    var(--rb-surface) !important;
}

.rbp-table-head {
  background: var(--rb-surface-sunken);
}

.rbp-table-row {
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 500;
}

.rbp-table-row:nth-child(odd) {
  background: var(--rb-surface-sunken);
}

.rbp-profile-side {
  align-content: start;
  gap: 14px;
}

.rbp-profile-side .rbp-panel-heading h2 {
  font-size: clamp(20px, 2.2vw, 30px);
}

.rbp-side-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rbp-side-actions button {
  background: var(--rb-surface-sunken);
  min-width: 0;
  min-height: 42px;
  color: var(--rb-text);
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .08);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.rbp-side-actions button:first-child {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rbp-side-divider {
  background: var(--rb-text);
  height: 1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-side-divider {
    background: color-mix(in srgb, var(--rb-text) 10%, transparent);
  }
}

.rbp-account-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rbp-account-facts div {
  background: var(--rb-card-sunken);
  border-radius: 7px;
  min-width: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-account-facts div {
    background: color-mix(in srgb, var(--rb-card-sunken) 82%, transparent);
  }
}

.rbp-account-facts div {
  padding: 10px;
}

.rbp-account-facts span, .rbp-account-facts strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.rbp-account-facts span {
  color: var(--rb-text-faint);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

.rbp-account-facts strong {
  color: var(--rb-text);
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
}

.tx-table-wrap {
  border: 1px solid var(--rb-text);
  border-radius: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-table-wrap {
    border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.tx-table-wrap {
  background: var(--rb-card);
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-table-wrap {
    background: color-mix(in srgb, var(--rb-card) 88%, transparent);
  }
}

.tx-table-head {
  border-bottom: 1px solid var(--rb-text);
  border-radius: 12px 12px 0 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-table-head {
    border-bottom: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.tx-table-body {
  border-radius: 0 0 12px 12px;
  background: none !important;
}

.tx-table-row {
  min-height: 72px;
  transition: background .16s;
}

.tx-table-row:hover {
  background: var(--rb-card-active);
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-table-row:hover {
    background: color-mix(in srgb, var(--rb-card-active) 54%, transparent);
  }
}

.tx-table-row + .tx-table-row {
  border-top: 1px solid var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-table-row + .tx-table-row {
    border-top: 1px solid color-mix(in srgb, var(--rb-text) 7%, transparent);
  }
}

.tx-mobile-card {
  border: 1px solid var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-mobile-card {
    border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.tx-mobile-card {
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .07);
}

.tx-empty {
  border: 1px solid var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .tx-empty {
    border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.bonus-list-panel {
  border: 1px solid var(--rb-text);
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-panel {
    border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.bonus-list-panel {
  background: var(--rb-card);
  border-radius: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-panel {
    background: color-mix(in srgb, var(--rb-card) 90%, transparent);
  }
}

.bonus-list-panel {
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .06);
}

.bonus-list-toolbar {
  border-bottom: 1px solid var(--rb-text);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-toolbar {
    border-bottom: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.bonus-list-toolbar h2 {
  color: var(--rb-text);
  margin: 0;
  font-size: 15px;
  font-weight: 650;
}

.bonus-list-toolbar > div {
  background: var(--rb-card-sunken);
  border-radius: 9px;
  gap: 6px;
  padding: 4px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-toolbar > div {
    background: color-mix(in srgb, var(--rb-card-sunken) 70%, transparent);
  }
}

.bonus-list-toolbar button {
  min-height: 32px;
  color: var(--rb-text-soft);
  border-radius: 7px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
}

.bonus-list-toolbar button.is-active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.bonus-list-head, .bonus-list-row {
  grid-template-columns: minmax(220px, 1.6fr) minmax(170px, 1fr) minmax(110px, .6fr) minmax(110px, .6fr) minmax(100px, .6fr);
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: grid;
}

.bonus-list-head {
  color: var(--rb-text-faint);
  text-transform: uppercase;
  background: var(--rb-card-sunken);
  font-size: 11px;
  font-weight: 650;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-head {
    background: color-mix(in srgb, var(--rb-card-sunken) 62%, transparent);
  }
}

.bonus-list-row + .bonus-list-row {
  border-top: 1px solid var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-row + .bonus-list-row {
    border-top: 1px solid color-mix(in srgb, var(--rb-text) 7%, transparent);
  }
}

.bonus-list-row:hover {
  background: var(--rb-card-active);
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-row:hover {
    background: color-mix(in srgb, var(--rb-card-active) 46%, transparent);
  }
}

.bonus-list-main {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.bonus-list-icon {
  background: var(--rb-gold);
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-icon {
    background: color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.bonus-list-icon {
  color: var(--rb-gold);
  font-size: 22px;
}

.bonus-list-main h3 {
  color: var(--rb-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  font-weight: 620;
  overflow: hidden;
}

.bonus-list-main p, .bonus-list-date span, .bonus-list-progress span {
  color: var(--rb-text-soft);
  margin: 2px 0 0;
  font-size: 12px;
}

.bonus-list-progress {
  gap: 7px;
  display: grid;
}

.bonus-list-progress div {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.bonus-list-progress strong, .bonus-list-date strong {
  color: var(--rb-text);
  font-size: 12px;
  font-weight: 650;
}

.bonus-list-progress i {
  background: var(--rb-card-sunken);
  border-radius: 999px;
  height: 7px;
  display: block;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-progress i {
    background: color-mix(in srgb, var(--rb-card-sunken) 84%, transparent);
  }
}

.bonus-list-progress b {
  border-radius: inherit;
  background: var(--rb-gold-gradient);
  height: 100%;
  display: block;
}

.bonus-list-date {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.bonus-list-status {
  background: var(--rb-gold);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 28px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-status {
    background: color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.bonus-list-status {
  color: var(--rb-gold);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 650;
}

.bonus-list-status.is-complete {
  background: var(--rb-green);
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-status.is-complete {
    background: color-mix(in srgb, var(--rb-green) 14%, transparent);
  }
}

.bonus-list-status.is-complete {
  color: var(--rb-green);
}

.bonus-list-status.is-expired {
  background: var(--rb-red);
}

@supports (color: color-mix(in lab, red, red)) {
  .bonus-list-status.is-expired {
    background: color-mix(in srgb, var(--rb-red) 14%, transparent);
  }
}

.bonus-list-status.is-expired {
  color: var(--rb-red);
}

.bonus-list-empty {
  color: var(--rb-text-soft);
  text-align: center;
  padding: 28px 14px;
  font-size: 13px;
}

@media (max-width: 860px) {
  .bonus-list-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .bonus-list-toolbar > div {
    width: 100%;
  }

  .bonus-list-toolbar button {
    flex: 1 1 0;
  }

  .bonus-list-head {
    display: none;
  }

  .bonus-list-row {
    border: 1px solid var(--rb-text);
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 10px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bonus-list-row {
      border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
    }
  }

  .bonus-list-row {
    background: var(--rb-card);
    border-radius: 10px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bonus-list-row {
      background: color-mix(in srgb, var(--rb-card) 80%, transparent);
    }
  }

  .bonus-list-row + .bonus-list-row {
    border-top: 1px solid var(--rb-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bonus-list-row + .bonus-list-row {
      border-top: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
    }
  }
}

@media (max-width: 1180px) {
  .rbp-hero, .rbp-command-grid, .rbp-metrics, .rbp-overview-grid, .rbp-security-grid, .rbp-game-strip-grid {
    grid-template-columns: 1fr;
  }

  .rbp-account-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .rbp-hero, .rbp-vip-panel, .rbp-account-panel, .rbp-game-strip {
    padding: 14px;
  }

  .rbp-identity {
    flex-direction: column;
    align-items: flex-start;
  }

  .rbp-account-list {
    grid-template-columns: 1fr;
  }

  .rbp-table-head {
    display: none;
  }

  .rbp-table-row {
    grid-template-columns: 1fr;
  }
}

.dark {
  --background: 223 24% 11%;
  --foreground: 210 30% 96%;
  --card: 222 22% 15%;
  --card-foreground: 210 30% 96%;
  --popover: 222 22% 15%;
  --popover-foreground: 210 30% 96%;
  --primary: 44 96% 55%;
  --primary-foreground: 222 38% 14%;
  --secondary: 223 20% 18%;
  --secondary-foreground: 210 30% 96%;
  --muted: 223 18% 17%;
  --muted-foreground: 219 12% 68%;
  --accent: 223 19% 19%;
  --accent-foreground: 210 30% 96%;
  --destructive: 0 62% 42%;
  --destructive-foreground: 210 40% 98%;
  --border: 223 16% 21%;
  --input: 223 16% 21%;
  --ring: 44 96% 55%;
  --rb-text: #fff;
  --rb-text-soft: #ffffff9e;
  --rb-text-faint: #ffffff6b;
  --rb-bg: #111722;
  --rb-surface: linear-gradient(180deg, #262c37 0%, #1f2430 100%);
  --rb-surface-strong: linear-gradient(180deg, #262c37 0%, #1f2430 100%);
  --rb-surface-sunken: linear-gradient(180deg, #1f242d 0%, #171c24 100%);
  --rb-surface-active: linear-gradient(180deg, #303746 0%, #252b35 100%);
  --rb-gold: #f5ca55;
  --rb-gold-strong: #d9a22a;
  --rb-gold-deep: #392607;
  --rb-gold-gradient: linear-gradient(180deg, #f5d56b 0%, #d9a22a 100%);
  --rb-gold-gradient-soft: linear-gradient(180deg, #fff0ae 0%, #f5d56b 100%);
  --rb-prize-gradient: conic-gradient(from -26.52deg at 48.56% 46.69%,
      #d1b860 0deg,
      #e1d17c 31.84deg,
      #feffaf 61.18deg,
      #feffaf 78.99deg,
      #b18a33 111.56deg,
      #f9ec92 171.3deg,
      #fff49a 210.88deg,
      #bb9231 242.64deg,
      #ac7d1b 261.9deg,
      #feffaf 293.47deg,
      #f0e997 339.07deg,
      #caae56 360deg),
    linear-gradient(0deg, #fffadc33, #fffadc33);
  --rb-panel-glow: radial-gradient(circle_at_72%_42%,
    #f5ca551f 0%,
    transparent 34%);
  --rb-overlay: #05080db8;
  --rb-placeholder: #343d3f;
  --rb-muted-icon: #303746;
  --rb-progress-track: #080d12;
  --rb-tier-ink: #201406;
  --rb-card: #262c37;
  --rb-card-deep: #1f2430;
  --rb-card-sunken: #1f242d;
  --rb-card-active: #303746;
  --rb-dark: #060911;
  --rb-green: #20d06b;
  --rb-green-soft: #20d06b1f;
  --rb-green-deep: #0a2a14;
  --rb-red: #ff3d5f;
  --rb-red-soft: #ff3d5f1f;
  --rb-blue: #21a8ff;
  --rb-blue-soft: #21a8ff1f;
  --rb-border-strong: #ffffff14;
  --sports-bg: var(--rb-bg);
  --sports-surface: var(--rb-surface);
  --sports-surface-strong: var(--rb-surface-strong);
  --sports-surface-muted: #565d61;
  --sports-border: #ffffff0f;
  --sports-text: var(--rb-text);
  --sports-text-soft: var(--rb-text-soft);
  --sports-accent: var(--rb-gold);
  --sports-accent-strong: var(--rb-gold-strong);
  --sports-accent-ink: var(--rb-gold-deep);
  --sports-live: #23a8ff;
  --sports-danger: #ff6072;
  --missions-card-bg: var(--rb-card);
  --missions-banner-bg: var(--rb-card);
  --missions-success-color: #79df48;
  --missions-kind-color: #a78bfa;
  --vip-surface: var(--rb-card);
  --vip-surface-deep: var(--rb-card-deep);
  --vip-glow: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --vip-glow: color-mix(in srgb, var(--rb-gold) 20%, transparent);
  }
}

.dark {
  --wm-bg-from: var(--rb-card);
  --wm-bg-to: var(--rb-card-deep);
  --wm-overlay-dark: #03070dc2;
  --profile-panel-from: var(--rb-card);
  --profile-panel-to: var(--rb-card-deep);
  --profile-nav-active: #6be49a;
  --rb-glow-left: radial-gradient(circle at left, var(--rb-gold) 0%, var(--rb-gold) 38%, var(--rb-gold) 62%, transparent 88%);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --rb-glow-left: radial-gradient(circle at left, color-mix(in srgb,var(--rb-gold) 62%,transparent) 0%, color-mix(in srgb,var(--rb-gold) 32%,transparent) 38%, color-mix(in srgb,var(--rb-gold) 10%,transparent) 62%, transparent 88%);
  }
}

.dark {
  --rb-glow-top: radial-gradient(ellipse at top, var(--rb-gold) 0%, var(--rb-gold) 22%, var(--rb-gold) 48%, transparent 74%);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --rb-glow-top: radial-gradient(ellipse at top, color-mix(in srgb,var(--rb-gold) 58%,transparent) 0%, color-mix(in srgb,var(--rb-gold) 26%,transparent) 22%, color-mix(in srgb,var(--rb-gold) 8%,transparent) 48%, transparent 74%);
  }
}

.dark {
  --rb-glow-top-section: radial-gradient(circle at 50% 0%, var(--rb-gold) 0%, transparent 34%);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --rb-glow-top-section: radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--rb-gold) 14%,transparent) 0%, transparent 34%);
  }
}

.dark {
  --rb-gold-shadow: var(--rb-gold-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --rb-gold-shadow: color-mix(in srgb,var(--rb-gold-strong) 24%,transparent);
  }
}

.dark {
  --rb-gold-glow: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --rb-gold-glow: color-mix(in srgb,var(--rb-gold) 35%,transparent);
  }
}

* {
  border-color: hsl(var(--border));
}

html {
  font-family: var(--font-body-stack);
  overflow-x: hidden;
}

.sports-page {
  color: var(--sports-text);
  gap: 12px;
  display: grid;
}

.sports-icon-rail {
  border-bottom: 1px solid var(--sports-border);
  background: var(--sports-bg);
  grid-auto-columns: 34px;
  grid-auto-flow: column;
  gap: 6px;
  display: grid;
  overflow-x: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-icon-rail {
    background: color-mix(in srgb, var(--sports-bg) 82%, #fff 4%);
  }
}

.sports-icon-rail {
  padding: 6px 4px 8px;
}

.sports-icon-rail button {
  width: 34px;
  height: 30px;
  color: var(--sports-text-soft);
  border-radius: 7px;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.sports-icon-rail button.is-active {
  background: var(--rb-gold-gradient);
  color: var(--sports-accent-ink);
  box-shadow: 0 8px 18px #d9a22a38, inset 0 1px #ffffff5c;
}

.sports-main-tabs, .sports-league-tabs, .sports-category-row {
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.sports-main-tabs button, .sports-league-tabs button, .sports-category-row button {
  background: var(--sports-surface);
  min-height: 32px;
  color: var(--sports-text-soft);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.sports-main-tabs button.is-active, .sports-league-tabs button.is-active, .sports-category-row button.is-active {
  background: var(--rb-gold-gradient);
  color: var(--sports-accent-ink);
}

.sports-notice {
  border: 1px solid var(--sports-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-notice {
    border: 1px solid color-mix(in srgb, var(--sports-accent) 30%, transparent);
  }
}

.sports-notice {
  border-radius: var(--sports-radius);
  background: var(--sports-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-notice {
    background: color-mix(in srgb,
    var(--sports-accent) 10%,
    var(--sports-bg) 90%);
  }
}

.sports-notice {
  color: var(--sports-text);
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 600;
}

.sports-hero {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: linear-gradient(90deg, #05070af0 0%, #05070abd 34%, #05070a2e 72%, #05070a8a 100%), url("https://images.unsplash.com/photo-1574629810360-7efbbe195018?auto=format&fit=crop&w=1800&q=80") center / cover no-repeat;
  grid-template-columns: minmax(320px, .48fr) minmax(0, .52fr);
  align-items: end;
  gap: 24px;
  min-height: 420px;
  padding: 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.sports-hero:after {
  content: none;
}

.sports-hero > * {
  z-index: 1;
  position: relative;
}

.sports-hero-copy {
  text-align: right;
  align-content: end;
  justify-items: end;
  gap: 8px;
  min-height: 240px;
  display: grid;
}

.sports-hero-copy span {
  color: var(--sports-accent);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.sports-hero-copy h1 {
  max-width: 540px;
  color: var(--sports-text);
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(36px, 4.8vw, 72px);
  font-weight: 700;
  line-height: .96;
}

.sports-hero-copy p {
  color: #ffffffa8;
  max-width: 520px;
  font-size: 14px;
  line-height: 1.55;
}

.sports-hero-match {
  gap: 14px;
  max-width: 560px;
  display: grid;
}

.sports-hero-match-meta, .sports-feature-meta {
  color: #ffffffad;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.sports-hero-match-meta strong, .sports-feature-meta strong {
  color: var(--sports-text);
  font-weight: 700;
}

.sports-hero-teams {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  display: grid;
}

.sports-hero-teams > span:nth-child(2) {
  color: #ffffff70;
  font-size: 11px;
  font-weight: 700;
}

.sports-hero-market {
  color: #ffffffb3;
  font-size: 12px;
  font-weight: 600;
}

.sports-hero-odds, .sports-feature-odds {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.sports-hero-odds button, .sports-feature-odds button {
  border-radius: var(--sports-radius);
  min-height: 38px;
  color: var(--sports-text);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff29;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.sports-hero-odds button.is-selected, .sports-feature-odds button.is-selected, .sports-odds-grid button.is-selected {
  background: var(--rb-gold-gradient);
  color: var(--sports-accent-ink);
}

.sports-odds-unavailable {
  border-radius: var(--sports-radius);
  min-height: 36px;
  color: var(--sports-text-soft);
  background: #ffffff14;
  grid-column: 1 / -1;
  place-items: center;
  font-size: 12px;
  font-weight: 650;
  display: grid;
}

.sports-hero-odds button strong, .sports-feature-odds button strong {
  color: var(--sports-text);
  font-weight: 700;
}

.sports-controls {
  grid-template-columns: 1fr 1fr;
  align-content: end;
  gap: 10px;
  display: grid;
}

.sports-controls label {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.sports-controls span, .sports-card-meta, .sports-standing-head, .sports-provider-card span {
  color: var(--sports-text-soft);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.sports-controls input {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: var(--sports-bg);
  width: 100%;
  height: 42px;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-controls input {
    background: color-mix(in srgb, var(--sports-bg) 74%, #fff 6%);
  }
}

.sports-controls input {
  color: var(--sports-text);
  outline: none;
  padding: 0 12px;
  font-weight: 700;
}

.sports-tabs {
  gap: 8px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.sports-tabs button {
  background: var(--sports-surface);
  min-height: 38px;
  color: var(--sports-text-soft);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  transition: color .16s, background .16s;
  display: inline-flex;
}

.sports-tabs button.is-active {
  background: linear-gradient(180deg,
    var(--sports-accent) 0%,
    var(--sports-accent-strong) 100%);
  color: var(--sports-accent-ink);
}

.sports-feature-strip {
  grid-auto-columns: minmax(240px, 1fr);
  grid-auto-flow: column;
  gap: 10px;
  display: grid;
  overflow-x: auto;
}

.sports-feature-card {
  border-radius: var(--sports-radius);
  min-height: 138px;
  color: var(--sports-text);
  background: radial-gradient(circle at 74% 36%, #ffffff2e, #0000 36%), linear-gradient(135deg, #285ddf 0%, #3931a5 100%);
  gap: 12px;
  padding: 12px;
  display: grid;
  overflow: hidden;
}

.sports-feature-card.is-violet {
  background: radial-gradient(circle at 74% 36%, #ffffff2e, #0000 36%), linear-gradient(135deg, #8f2dd3 0%, #b0377d 100%);
}

.sports-feature-card.is-gold {
  background: radial-gradient(circle at 74% 36%, #ffffff24, #0000 36%), linear-gradient(135deg, #574018 0%, #c79325 100%);
}

.sports-feature-score {
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  display: grid;
}

.sports-feature-score > div {
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  display: grid;
}

.sports-feature-score > div strong {
  background: #ffffff2e;
  border-radius: 7px;
  place-items: center;
  min-height: 28px;
  font-weight: 700;
  display: grid;
}

.sports-section-head {
  gap: 10px;
  display: grid;
}

.sports-section-head h2 {
  color: var(--sports-text);
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.sports-content-grid {
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 12px;
  display: grid;
}

.sports-alert, .sports-loading, .sports-empty {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: var(--sports-surface);
  color: var(--sports-text-soft);
  padding: 16px;
  font-weight: 500;
}

.sports-alert {
  border-color: var(--sports-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-alert {
    border-color: color-mix(in srgb, var(--sports-danger) 46%, transparent);
  }
}

.sports-alert {
  color: var(--sports-danger);
}

.sports-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.sports-match-card, .sports-odds-card, .sports-standing-card, .sports-provider-card {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: var(--sports-surface);
}

.sports-match-card, .sports-odds-card {
  gap: 10px;
  padding: 12px;
  display: grid;
}

.sports-card-meta {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.sports-card-meta strong {
  color: var(--sports-text);
  font-size: 11px;
  font-weight: 600;
}

.sports-card-meta strong.is-live {
  color: var(--sports-live);
}

.sports-score-row, .sports-odds-title {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 54px;
  display: grid;
}

.sports-team {
  min-width: 0;
  color: var(--sports-text);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.sports-team.is-right {
  text-align: right;
  flex-direction: row-reverse;
}

.sports-team img, .sports-team-fallback {
  background: var(--sports-bg);
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-team img, .sports-team-fallback {
    background: color-mix(in srgb, var(--sports-bg) 72%, #fff 10%);
  }
}

.sports-team img, .sports-team-fallback {
  object-fit: contain;
}

.sports-team span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.sports-score {
  grid-template-columns: 28px auto 28px;
  place-items: center;
  gap: 5px;
  min-width: 88px;
  display: grid;
}

.sports-score strong {
  color: var(--sports-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.sports-match-teams {
  gap: 9px;
  min-height: 54px;
  display: grid;
}

.sports-score span, .sports-odds-title > span {
  color: var(--sports-text-soft);
  font-size: 10px;
  font-weight: 700;
}

.sports-card-footer {
  color: var(--sports-text-soft);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.sports-card-footer span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.sports-card-footer button, .sports-odds-grid button {
  border-radius: var(--sports-radius);
  background: var(--sports-surface-muted);
  color: var(--sports-text);
  font-weight: 650;
}

.sports-card-footer button {
  flex: none;
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.sports-market-name {
  color: var(--sports-text-soft);
  font-size: 12px;
  font-weight: 650;
}

.sports-odds-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) 28px;
  gap: 6px;
  display: grid;
}

.sports-odds-grid button {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 9px;
  font-size: 11px;
  display: flex;
}

.sports-odds-grid .sports-more-odds {
  justify-content: center;
  padding: 0;
}

.sports-odds-grid button:disabled {
  opacity: .45;
}

.sports-odds-grid button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.sports-standings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.sports-standing-card {
  overflow: hidden;
}

.sports-standing-card h2 {
  color: var(--sports-text);
  margin: 0;
  padding: 14px;
  font-size: 15px;
  font-weight: 700;
}

.sports-standing-head, .sports-standing-row {
  grid-template-columns: minmax(0, 1fr) 54px 54px 54px;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  display: grid;
}

.sports-standing-head {
  background: var(--sports-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-standing-head {
    background: color-mix(in srgb, var(--sports-bg) 74%, #fff 5%);
  }
}

.sports-standing-row {
  border-top: 1px solid var(--sports-border);
  color: var(--sports-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.sports-standing-row strong {
  color: var(--sports-accent);
}

.sports-side-stack {
  align-content: start;
  gap: 10px;
  display: grid;
}

.sports-side-panel {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: var(--sports-surface);
  gap: 10px;
  padding: 12px;
  display: grid;
}

.sports-bet-slip {
  border: 1px solid
    var(--sports-accent);
  gap: 10px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-bet-slip {
    border: 1px solid
    color-mix(in srgb, var(--sports-accent) 22%, var(--sports-border));
  }
}

.sports-bet-slip {
  border-radius: var(--sports-radius);
  background: linear-gradient(180deg,
    var(--sports-bg) 0%,
    var(--sports-bg) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-bet-slip {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--sports-bg) 76%, #2d3340 24%) 0%,
    var(--sports-bg) 100%);
  }
}

.sports-bet-slip {
  padding: 12px;
}

.sports-bet-slip-head, .sports-bet-slip-tabs, .sports-slip-summary, .sports-slip-item {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.sports-bet-slip-head h2 {
  color: var(--sports-text);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.sports-bet-slip-head span {
  background: var(--rb-gold-gradient);
  min-width: 24px;
  height: 24px;
  color: var(--sports-accent-ink);
  border-radius: 999px;
  place-items: center;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.sports-bet-slip-tabs {
  background: var(--sports-bg);
  border-radius: 999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-bet-slip-tabs {
    background: color-mix(in srgb, var(--sports-bg) 72%, #fff 6%);
  }
}

.sports-bet-slip-tabs {
  padding: 3px;
}

.sports-bet-slip-tabs button {
  min-height: 28px;
  color: var(--sports-text-soft);
  border-radius: 999px;
  flex: 1;
  font-size: 12px;
  font-weight: 700;
}

.sports-bet-slip-tabs button.is-active {
  background: var(--sports-surface);
  color: var(--sports-text);
}

.sports-slip-list {
  gap: 8px;
  display: grid;
}

.sports-slip-item {
  border-radius: var(--sports-radius);
  background: var(--sports-bg);
  align-items: flex-start;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-slip-item {
    background: color-mix(in srgb, var(--sports-bg) 72%, #fff 6%);
  }
}

.sports-slip-item {
  padding: 9px;
}

.sports-slip-item > button {
  width: 22px;
  height: 22px;
  color: var(--sports-text-soft);
  background: #ffffff14;
  border-radius: 999px;
  flex: none;
  font-size: 12px;
}

.sports-slip-item div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.sports-slip-item strong, .sports-slip-item em {
  color: var(--sports-text);
  font-size: 13px;
  font-style: normal;
  font-weight: 750;
}

.sports-slip-item span, .sports-slip-item small, .sports-slip-empty, .sports-stake-input span, .sports-slip-summary span {
  color: var(--sports-text-soft);
  font-size: 11px;
  font-weight: 600;
}

.sports-slip-item small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sports-slip-empty {
  border-radius: var(--sports-radius);
  background: var(--sports-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-slip-empty {
    background: color-mix(in srgb, var(--sports-bg) 72%, #fff 6%);
  }
}

.sports-slip-empty {
  text-align: center;
  padding: 14px;
}

.sports-stake-input {
  gap: 6px;
  display: grid;
}

.sports-stake-input input {
  border: 1px solid var(--sports-border);
  border-radius: var(--sports-radius);
  background: var(--sports-bg);
  height: 38px;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-stake-input input {
    background: color-mix(in srgb, var(--sports-bg) 70%, #fff 8%);
  }
}

.sports-stake-input input {
  color: var(--sports-text);
  outline: none;
  padding: 0 10px;
  font-weight: 700;
}

.sports-slip-summary strong {
  color: var(--sports-text);
  font-size: 13px;
  font-weight: 750;
}

.sports-place-bet, .sports-clear-slip {
  border-radius: var(--sports-radius);
  min-height: 38px;
  font-size: 12px;
  font-weight: 500;
}

.sports-place-bet {
  background: var(--rb-gold-gradient);
  color: var(--sports-accent-ink);
}

.sports-place-bet:disabled {
  cursor: not-allowed;
  filter: grayscale(.7);
  opacity: .52;
}

.sports-clear-slip {
  background: var(--sports-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-clear-slip {
    background: color-mix(in srgb, var(--sports-bg) 72%, #fff 6%);
  }
}

.sports-clear-slip {
  color: var(--sports-text-soft);
}

.sports-side-panel h2 {
  color: var(--sports-text);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.sports-side-panel p, .sports-provider-line span {
  color: var(--sports-text-soft);
  font-size: 12px;
  font-weight: 600;
}

.sports-provider-line, .sports-standing-mini {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.sports-provider-line strong, .sports-standing-mini strong {
  color: var(--sports-text);
  font-size: 12px;
  font-weight: 700;
}

.sports-standing-mini > span:first-child {
  width: 22px;
  color: var(--sports-text-soft);
  font-size: 12px;
}

.sports-provider-card {
  gap: 1px;
  max-width: 620px;
  display: grid;
  overflow: hidden;
}

.sports-provider-card h2 {
  color: var(--sports-text);
  margin: 0;
  padding: 16px;
  font-size: 18px;
  font-weight: 700;
}

.sports-provider-card div {
  background: var(--sports-bg);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .sports-provider-card div {
    background: color-mix(in srgb, var(--sports-bg) 74%, #fff 5%);
  }
}

.sports-provider-card div {
  padding: 12px 16px;
}

.sports-provider-card strong {
  color: var(--sports-text);
  font-size: 13px;
}

@media (max-width: 1180px) {
  .sports-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sports-content-grid {
    grid-template-columns: 1fr;
  }

  .sports-side-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .sports-hero, .sports-standings {
    grid-template-columns: 1fr;
  }

  .sports-hero {
    align-items: end;
    min-height: 520px;
  }

  .sports-hero-copy {
    text-align: left;
    justify-items: start;
    min-height: auto;
  }

  .sports-grid, .sports-side-stack {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .sports-hero {
    padding: 16px;
  }

  .sports-controls, .sports-score-row, .sports-odds-title {
    grid-template-columns: 1fr;
  }

  .sports-team.is-right {
    text-align: left;
    flex-direction: row;
  }

  .sports-score {
    border-radius: var(--sports-radius);
    background: var(--sports-bg);
    justify-self: stretch;
    width: 100%;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sports-score {
      background: color-mix(in srgb, var(--sports-bg) 74%, #fff 5%);
    }
  }

  .sports-score {
    padding: 10px;
  }
}

body {
  background-color: var(--rb-bg);
  color: var(--rb-text);
  font-family: var(--font-body-stack);
  letter-spacing: -.01em;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
}

html.dark body, .rb-bg {
  background-color: var(--rb-bg);
}

.rb-surface {
  background: var(--rb-surface);
}

.rb-surface-strong {
  background: var(--rb-surface-strong);
}

.rb-surface-sunken {
  background: var(--rb-surface-sunken);
}

.rb-surface-active {
  background: var(--rb-surface-active);
}

.rb-scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.rb-scrollbar-none::-webkit-scrollbar {
  display: none;
}

.rb-page-solid {
  isolation: isolate;
  background-color: var(--rb-bg);
  color: var(--rb-text);
  position: relative;
}

.rb-page-solid:after, .rb-page-solid:before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.rb-page-solid:after {
  z-index: 0;
  background-image: var(--rb-bg-image);
  background-position: var(--rb-bg-position);
  background-repeat: var(--rb-bg-repeat);
  background-size: var(--rb-bg-size);
}

.rb-page-solid:before {
  z-index: 1;
  background-image: var(--rb-overlay-image);
  background-position: var(--rb-overlay-position);
  background-repeat: var(--rb-overlay-repeat);
  background-size: var(--rb-overlay-size);
  mix-blend-mode: var(--rb-overlay-blend-mode);
  opacity: var(--rb-overlay-opacity);
}

.rb-page-content {
  z-index: 2;
  position: relative;
}

@keyframes rb-announcement-marquee {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.22, .72, .22, 1);
    transform: translate3d(100vw, 0, 0);
  }

  10% {
    opacity: 1;
  }

  62% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.08, .86, .12, 1);
    transform: translate3d(20px, 0, 0);
  }

  66% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  88% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.56, 0, .82, .3);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(-100vw, 0, 0);
  }
}

.rb-announcement-marquee {
  will-change: transform, opacity;
  width: max-content;
  min-width: max-content;
  animation: 14s both rb-announcement-marquee;
  display: inline-block;
}

.rb-announcement-marquee:hover {
  animation-play-state: paused;
}

.rb-announcement-bar {
  background: var(--rb-panel-glow),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%),
    var(--rb-bg);
  color: var(--rb-text);
}

.rb-announcement-bar:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg,
      var(--rb-gold) 0%,
      transparent 28%,
      transparent 72%,
      var(--rb-gold) 100%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-announcement-bar:before {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--rb-gold) 9%, transparent) 0%,
      transparent 28%,
      transparent 72%,
      color-mix(in srgb, var(--rb-gold) 7%, transparent) 100%);
  }
}

.rb-announcement-icon {
  background: var(--rb-card-sunken);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-announcement-icon {
    background: color-mix(in srgb, var(--rb-card-sunken) 78%, var(--rb-gold) 12%);
  }
}

.rb-announcement-icon {
  box-shadow: inset 0 0 0 1px var(--rb-border),
    0 8px 18px var(--rb-gold-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-announcement-icon {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-border) 68%, var(--rb-gold) 22%),
    0 8px 18px color-mix(in srgb, var(--rb-gold-strong) 12%, transparent);
  }
}

.rb-announcement-action:hover {
  background: var(--rb-card-active);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-announcement-action:hover {
    background: color-mix(in srgb, var(--rb-card-active) 82%, transparent);
  }
}

.rb-panel-solid {
  background: var(--rb-panel-glow), var(--rb-surface);
  color: var(--rb-text);
}

.rb-panel-strong {
  background: var(--rb-surface-strong);
  color: var(--rb-text);
}

.rb-panel-sunken-solid {
  background: var(--rb-surface-sunken);
  color: var(--rb-text);
}

.rb-panel-active-solid {
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.rb-game-card-link {
  box-shadow: 0 10px 22px var(--rb-text);
  border-radius: 10px;
  display: block;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-link {
    box-shadow: 0 10px 22px color-mix(in srgb, var(--rb-text) 12%, transparent);
  }
}

.rb-game-card-media {
  background: none;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5 !important;
  border-radius: 10px !important;
}

.rb-game-card-overlay {
  background: var(--rb-bg);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-overlay {
    background: color-mix(in srgb, var(--rb-bg) 62%, transparent);
  }
}

.rb-game-card-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}

.group:hover .rb-game-card-overlay {
  opacity: 1;
}

.rb-game-card-play {
  background: var(--rb-gold-gradient);
  width: 48px;
  height: 48px;
  box-shadow: 0 8px 22px var(--rb-text);
  border-radius: 999px;
  place-items: center;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-play {
    box-shadow: 0 8px 22px color-mix(in srgb, var(--rb-text) 28%, transparent);
  }
}

.rb-game-card-play {
  color: var(--rb-gold-deep);
  transition: transform .3s;
  transform: scale(.75);
}

.group:hover .rb-game-card-play {
  transform: scale(1);
}

.rb-game-card-meta {
  text-align: center;
  background: linear-gradient(90deg,
      var(--rb-card-active) 0%,
      var(--rb-card-active) 46%,
      var(--rb-card-active) 78%,
      transparent 100%);
  flex-direction: column;
  min-height: 54px;
  padding: 8px 12px;
  position: relative;
  display: none !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-meta {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--rb-card-active) 96%, transparent) 0%,
      color-mix(in srgb, var(--rb-card-active) 74%, transparent) 46%,
      color-mix(in srgb, var(--rb-card-active) 24%, transparent) 78%,
      transparent 100%);
  }
}

.rb-game-card-meta:before {
  content: "";
  background: linear-gradient(90deg,
      var(--rb-border-strong) 0%,
      var(--rb-border-strong) 52%,
      transparent 100%);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-meta:before {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--rb-border-strong) 76%, var(--rb-gold) 24%) 0%,
      color-mix(in srgb, var(--rb-border-strong) 58%, transparent) 52%,
      transparent 100%);
  }
}

.rb-game-card-meta:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to right,
      var(--rb-border-strong) 0%,
      var(--rb-border-strong) 44%,
      var(--rb-border-strong) 74%,
      transparent 100%) left bottom / 100% 2px no-repeat,
    linear-gradient(to bottom,
      var(--rb-border-strong) 0%,
      var(--rb-border-strong) 62%,
      transparent 100%) right top / 2px calc(100% - 2px) no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-meta:after {
    background: linear-gradient(to right,
      color-mix(in srgb, var(--rb-border-strong) 66%, var(--rb-gold) 34%) 0%,
      color-mix(in srgb, var(--rb-border-strong) 72%, var(--rb-gold) 18%) 44%,
      color-mix(in srgb, var(--rb-border-strong) 46%, transparent) 74%,
      transparent 100%) left bottom / 100% 2px no-repeat,
    linear-gradient(to bottom,
      color-mix(in srgb, var(--rb-border-strong) 66%, var(--rb-gold) 24%) 0%,
      color-mix(in srgb, var(--rb-border-strong) 58%, transparent) 62%,
      transparent 100%) right top / 2px calc(100% - 2px) no-repeat;
  }
}

.rb-game-card-img {
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.rb-game-card-title {
  color: var(--rb-text);
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .76rem;
  font-weight: 650;
  line-height: 1.05;
  overflow: hidden;
}

.rb-game-card-provider {
  color: var(--rb-text-soft);
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: auto;
  font-size: .5rem;
  font-weight: 600;
  line-height: 1.1;
  overflow: hidden;
}

.rb-game-card-favorite {
  background: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-game-card-favorite {
    background: color-mix(in srgb, var(--rb-bg) 76%, transparent);
  }
}

.rb-game-card-favorite {
  color: var(--rb-text-soft);
}

@media (min-width: 640px) {
  .rb-game-card-title {
    font-size: .82rem;
  }

  .rb-game-card-provider {
    font-size: .55rem;
  }
}

.rb-muted-solid {
  background-color: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-muted-solid {
    background-color: color-mix(in srgb, var(--rb-bg) 82%, var(--rb-text) 18%);
  }
}

html.dark .rb-muted-solid {
  background-color: var(--rb-card-active);
}

body [class~="bg-background"] {
  background: var(--rb-bg) !important;
}

body [class~="text-foreground"] {
  color: var(--rb-text) !important;
}

body :where(div, section, article, aside, nav, header, footer, main, button, a, span, li, label):is([class*="bg-white/"], [class*="bg-black/"], [class*="bg-[rgba"], [class*="bg-[var(--rb-bg)]/"], [class*="dark:bg-white/"]):not([class*="absolute"]):not([class*="fixed"]):not([class*="inset-"]):not([class*="modal"]):not([class*="overlay"]) {
  background: var(--rb-surface-sunken) !important;
}

.rb-gold-bg {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rb-gold-bg-soft {
  background: var(--rb-gold-gradient-soft);
  color: var(--rb-gold-deep);
}

.rb-text {
  color: var(--rb-text);
}

.rb-text-soft {
  color: var(--rb-text-soft);
}

.rb-text-faint {
  color: var(--rb-text-faint);
}

.rb-gold-text {
  color: var(--rb-gold);
}

.rb-prize-text, .rb-reward-value, .rpf-contest-winner em, .rpf-contest-table em, .rpf-raffle-hero h1, .rpf-deposit-main h1, .rpf-deposit-stage-cards strong, .rpf-deposit-calc-row strong, .fw-result strong {
  background: var(--rb-prize-gradient);
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000 !important;
}

.rb-panel-glow {
  background: var(--rb-panel-glow), var(--rb-surface);
}

.rb-placeholder {
  background-color: var(--rb-placeholder);
}

.rb-reward-page {
  color: var(--rb-text);
  gap: 16px;
  display: grid;
}

.rb-reward-hero, .rb-reward-card, .rb-reward-rules {
  background: var(--rb-panel-glow), var(--rb-surface);
  box-shadow: inset 0 1px #ffffff0d;
}

.rb-reward-hero {
  border-radius: 7px;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  min-height: 220px;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.rb-reward-kicker, .rb-reward-tag {
  color: var(--rb-gold);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.rb-reward-hero h1 {
  max-width: 620px;
  font-family: var(--font-heading-stack);
  margin: 8px 0 0;
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 700;
  line-height: .95;
}

.rb-reward-hero p {
  max-width: 520px;
  color: var(--rb-text-soft);
  margin: 14px 0 0;
}

.rb-reward-status {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  min-width: 160px;
  padding: 14px;
}

.rb-reward-status span, .rb-reward-card p {
  color: var(--rb-text-soft);
}

.rb-reward-status strong, .rb-reward-value {
  margin-top: 4px;
  font-size: 22px;
  font-weight: 700;
  display: block;
}

.rb-reward-tabs {
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.rb-reward-tabs button, .rb-reward-card button {
  border-radius: 7px;
  height: 40px;
  padding: 0 16px;
  font-weight: 600;
}

.rb-reward-tabs button {
  background: var(--rb-surface-sunken);
  color: var(--rb-text-soft);
}

.rb-reward-tabs button.active, .rb-reward-card button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rb-reward-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rb-reward-card {
  color: var(--rb-text);
  background: var(--rb-panel-glow), var(--rb-surface);
  border: 1px solid #7f8ca029;
  border-radius: 7px;
  padding: 16px;
}

.rb-reward-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.rb-reward-icon {
  background: var(--rb-surface-sunken);
  width: 42px;
  height: 42px;
  color: var(--rb-gold);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.rb-reward-card h2 {
  margin: 18px 0 6px;
  font-size: 18px;
  font-weight: 650;
}

.rb-reward-card button {
  width: 100%;
  margin-top: 18px;
}

.rb-reward-rules {
  border-radius: 7px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.rb-reward-rule {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.rb-reward-message {
  color: #11753c;
  background: #ecfdf3;
  border-radius: 7px;
  padding: 12px 14px;
  font-weight: 600;
}

.rb-reward-message.dark {
  color: #79df48;
  background: #58e7821f;
}

@media (max-width: 1180px) {
  .rb-reward-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rb-reward-hero {
    flex-direction: column;
    align-items: stretch;
    min-height: 260px;
    padding: 18px;
  }

  .rb-reward-grid {
    grid-template-columns: 1fr;
  }
}

.rb-tier-bronze {
  background: linear-gradient(135deg, #f0b873 0%, #d9a22a 54%, #6d4711 100%);
}

.rb-tier-silver {
  background: linear-gradient(135deg, #f7f8fb 0%, #aeb8c7 52%, #586274 100%);
}

.rb-tier-gold {
  background: linear-gradient(135deg, #fff0ae 0%, #f5d56b 52%, #d9a22a 100%);
}

.rb-tier-platinum {
  background: linear-gradient(135deg, #ffe7a0 0%, #d9a22a 52%, #8d5a10 100%);
}

.rb-tier-icon-bronze {
  color: #e6a64b;
}

.rb-tier-icon-silver {
  color: #c8d0dc;
}

.rb-tier-icon-gold, .rb-tier-icon-platinum {
  color: var(--rb-gold);
}

.rb-vip-hero {
  background: var(--rb-panel-glow), var(--rb-surface);
}

.rb-vip-badge {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
}

.rb-vip-pattern-a {
  background: linear-gradient(30deg, #0000 0 22%, #ffffff14 22% 42%, #0000 42% 100%) 0 0 / 260px 170px;
}

.rb-vip-pattern-b {
  background: linear-gradient(150deg, #0000 0 24%, #ffffff0f 24% 44%, #0000 44% 100%) 0 0 / 300px 190px;
}

.rb-vip-rank-line {
  background: linear-gradient(90deg, #f5d56b1f 0%, #f5d56b57 50%, #f5d56b1f 100%);
}

.rb-vip-rank-dot {
  background: linear-gradient(180deg, var(--rb-card-active) 0%, var(--rb-card-deep) 100%);
}

.rb-progress-card {
  color: #fff;
  background: #0f141db8;
  box-shadow: inset 0 0 0 2px #ffffffa6;
}

.rb-loading-page {
  z-index: 9999;
  min-height: 100dvh;
  color: var(--rb-text);
  background: radial-gradient(circle at 50% 36%,
      #f5ca5524 0%,
      transparent 32%),
    var(--rb-bg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  display: flex;
  position: fixed;
  inset: 0;
}

.rb-loading-brand {
  filter: drop-shadow(0 18px 34px #070a102e);
  justify-content: center;
  align-items: center;
  animation: 1.8s ease-in-out infinite rb-loading-brand-pulse;
  display: flex;
}

.rb-loading-progress {
  background: var(--rb-progress-track);
  border-radius: 999px;
  width: min(280px, 100vw - 64px);
  height: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #070a1029, 0 16px 36px #070a1029;
}

.rb-loading-progress-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, #fff0ae 0%, #f5d56b 42%, #d9a22a 100%);
  width: 46%;
  animation: 1.15s ease-in-out infinite rb-loading-progress;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 22px #f5ca5575;
}

@keyframes rb-loading-progress {
  0% {
    transform: translateX(-112%);
  }

  100% {
    transform: translateX(224%);
  }
}

@keyframes rb-loading-brand-pulse {
  0%, 100% {
    opacity: .82;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}

@keyframes rb-banner-fill {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

:root .rb-progress-card {
  color: var(--rb-text);
  background: #fffc;
  box-shadow: inset 0 0 0 2px #6a789147;
}

.dark .rb-progress-card {
  color: #fff;
  background: #0f141db8;
  box-shadow: inset 0 0 0 2px #ffffffa6;
}

html {
  scrollbar-color: #7a88a0a6 #161b271f;
  scrollbar-width: thin;
}

.dark {
  scrollbar-color: #6f7d949e #ffffff0d;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #7a88a01f;
}

::-webkit-scrollbar-thumb {
  background-color: #7a88a099;
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #5e6d86c7;
}

.dark ::-webkit-scrollbar-track {
  background: #ffffff0d;
}

.dark ::-webkit-scrollbar-thumb {
  background-color: #6f7d949e;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background-color: #8895abcc;
}

[data-sidebar-scroll]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

[data-sidebar-scroll]::-webkit-scrollbar-track {
  background: none;
}

[data-sidebar-scroll]::-webkit-scrollbar-thumb {
  background: none;
  border: 0;
}

[data-sidebar-scroll] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

h1, .type-h1 {
  font-family: var(--font-heading-stack);
  letter-spacing: -.03em;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 700;
  line-height: 1.05;
}

h2, .type-h2 {
  font-family: var(--font-heading-stack);
  letter-spacing: -.025em;
  font-size: clamp(1.5rem, 2.1vw, 2rem);
  font-weight: 700;
  line-height: 1.12;
}

h3, .type-h3 {
  font-family: var(--font-body-stack);
  letter-spacing: -.018em;
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.24;
}

p, .type-body {
  font-family: var(--font-body-stack);
  letter-spacing: -.01em;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
}

small, .type-small {
  font-family: var(--font-body-stack);
  letter-spacing: -.006em;
  font-size: .78125rem;
  font-weight: 500;
  line-height: 1.38;
}

button, .type-button {
  font-family: var(--font-body-stack);
  letter-spacing: -.01em;
  font-size: .84375rem;
  font-weight: 600;
  line-height: 1.1;
}

:where(button) {
  box-shadow: none;
}

.rb-header-inset-button {
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
}

.wm-field input, .wm-field .wm-select, .wm-copy-row input, .rb-profile-field input, .rb-profile-field select, .rb-profile-input input, .rb-settings-fields input, .rb-settings-fields select, .rb-pin-card input, .ticket-field input, .ticket-field select, .ticket-field textarea, .fw-code-input, .rpf-deposit-calculator select, .rpf-deposit-amount-input, .wc-slip label input, .help-search-input, .mtc-ticket input:not([type="range"]), .rb-wallet-form input {
  background: rgba(var(--t, 255, 255, 255), .1);
  box-shadow: inset 0 1px rgba(var(--t, 255, 255, 255), .1);
  border: none;
}

@media (max-width: 767px) {
  .rb-page-solid:after {
    background-image: var(--rb-bg-mobile-image, var(--rb-bg-image));
  }
}

.rb-game-shell, .rb-game-row-shell {
  container-type: inline-size;
}

.rb-game-grid {
  --rb-game-cols: 2;
  --rb-game-gap: .625rem;
  gap: var(--rb-game-gap);
  grid-template-columns: repeat(var(--rb-game-cols), minmax(0, 1fr));
  display: grid;
}

.rb-game-row {
  --rb-game-cols: 3;
  --rb-game-gap: .625rem;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--rb-game-cols) - 1) * var(--rb-game-gap)) / var(--rb-game-cols));
  gap: var(--rb-game-gap);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  display: grid;
  overflow-x: auto;
}

.rb-game-row::-webkit-scrollbar {
  display: none;
}

.rb-game-row > * {
  scroll-snap-align: start;
}

@container (min-width: 415px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 3;
    --rb-game-gap: .75rem;
  }
}

@container (min-width: 560px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 4;
  }
}

@container (min-width: 700px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 5;
  }
}

@container (min-width: 840px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 6;
  }
}

@container (min-width: 985px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 7;
  }
}

@container (min-width: 1125px) {
  .rb-game-grid, .rb-game-row {
    --rb-game-cols: 8;
  }
}

@supports not (container-type: inline-size) {
  @media (min-width: 640px) {
    .rb-game-grid, .rb-game-row {
      --rb-game-cols: 4;
      --rb-game-gap: .75rem;
    }
  }

  @media (min-width: 1024px) {
    .rb-game-grid, .rb-game-row {
      --rb-game-cols: 6;
    }
  }
}

.live-wins {
  --live-win-card: clamp(56px, 5vw, 74px);
  --live-win-tile: calc(var(--live-win-card) * 1.25);
  --live-win-step: calc(var(--live-win-card) + .625rem);
}

.live-wins-rail {
  will-change: transform;
  transition: transform .52s cubic-bezier(.22, .61, .36, 1);
  transform: translate3d(0, 0, 0);
}

.live-wins-rail.is-entering {
  transform: translate3d(calc(-1 * var(--live-win-step)), 0, 0);
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .live-wins-rail {
    transition: none;
  }
}

@keyframes game-history-marquee {
  from {
    transform: translate3d(0, -50%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.game-history-marquee {
  will-change: transform;
  animation: 12s step-end infinite game-history-marquee;
}

.game-history-shell:before, .game-history-shell:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
}

.game-history-shell:before {
  background: linear-gradient(#202632e0 0%, #20263200 100%);
  height: 26px;
  top: 0;
}

.game-history-shell:after {
  background: linear-gradient(#20263200 0%, #20263242 38%, #202632ad 100%);
  height: 44px;
  bottom: 0;
}

@keyframes search-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.rb-profile-shell {
  gap: 1rem;
  display: grid;
}

.rb-profile-hero, .rb-profile-panel, .rb-profile-nav-item {
  background: var(--rb-surface);
  border: 1px solid #ffffff0d;
  box-shadow: inset 0 1px #ffffff08, 0 18px 40px #03070e2e;
}

.rb-profile-hero {
  border-radius: 24px;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.rb-profile-hero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 10% 10%, #f5ca5529, #0000 26%), radial-gradient(circle at 80% 15%, #5778ff2e, #0000 24%), radial-gradient(circle at 72% 74%, #4ce0a224, #0000 22%);
  position: absolute;
  inset: 0;
}

.rb-profile-hero-card, .rb-profile-body, .rb-profile-section-grid, .rb-profile-link-grid, .rb-profile-form-grid, .rb-profile-security-grid, .rb-profile-switch-row, .rb-profile-session-row {
  gap: 1rem;
  display: grid;
}

.rb-profile-hero-card {
  z-index: 1;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 1.25rem;
  position: relative;
}

.rb-profile-avatar-wrap {
  background: radial-gradient(circle at 50% 18%, #ffffff2e, #0000 24%), linear-gradient(#2a303af0 0%, #171c24fa 100%);
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  min-height: 270px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rb-profile-avatar-wrap:after {
  content: "";
  pointer-events: none;
  border: 1px solid #ffffff0f;
  border-radius: 18px;
  position: absolute;
  inset: 1rem;
}

.rb-profile-avatar-image, .rb-profile-avatar-fallback {
  border-radius: 32px;
  width: 158px;
  height: 158px;
}

.rb-profile-avatar-image {
  object-fit: cover;
  box-shadow: 0 30px 50px #00000061;
}

.rb-profile-avatar-fallback {
  color: #fff;
  background: linear-gradient(145deg, #ffdd71 0%, #da9d1f 44%, #6b4310 100%);
  place-items: center;
  font-size: 4rem;
  font-weight: 600;
  display: grid;
  box-shadow: inset 0 2px 10px #ffffff57, 0 30px 50px #00000061;
}

.rb-profile-level-badge {
  color: #1d2431;
  text-align: center;
  background: linear-gradient(#e8edf7 0%, #99a5b8 100%);
  border-radius: 999px;
  min-width: 64px;
  padding: .45rem .8rem;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  bottom: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 30px #00000047;
}

.rb-profile-hero-main {
  align-content: start;
  gap: 1rem;
  display: grid;
}

.rb-profile-hero-topline, .rb-profile-balance-strip, .rb-profile-balance-actions, .rb-profile-badges, .rb-profile-metrics, .rb-profile-table-head, .rb-profile-table-row {
  gap: .75rem;
  display: flex;
}

.rb-profile-hero-topline, .rb-profile-balance-strip {
  justify-content: space-between;
  align-items: center;
}

.rb-profile-name {
  margin: 0;
  font-size: clamp(1.7rem, 2vw, 2.2rem);
}

.rb-profile-meta-row {
  align-items: center;
  gap: .4rem;
  margin-top: .35rem;
  display: flex;
}

.rb-profile-player-id {
  color: var(--rb-text-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.rb-profile-copy-button, .rb-profile-switch {
  border: 0;
}

.rb-profile-copy-button {
  width: 26px;
  height: 26px;
  color: var(--rb-text-soft);
  background: #ffffff0f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.rb-profile-chip {
  color: var(--rb-text);
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #ffffff0d;
  border-radius: 999px;
  align-items: center;
  gap: .45rem;
  padding: .75rem 1rem;
  font-size: .78rem;
  font-weight: 500;
  display: inline-flex;
}

.rb-profile-balance-strip, .rb-profile-panel, .rb-profile-link-card, .rb-profile-security-card, .rb-profile-session-card {
  border-radius: 20px;
}

.rb-profile-balance-strip {
  background: linear-gradient(#272d39eb 0%, #171c24f5 100%);
  padding: 1rem 1.1rem;
}

.rb-profile-kicker, .rb-profile-panel-copy, .rb-profile-link-copy, .rb-profile-switch-copy, .rb-profile-session-meta {
  color: var(--rb-text-soft);
}

.rb-profile-kicker {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .72rem;
  font-weight: 500;
}

.rb-profile-balance {
  margin-top: .4rem;
  font-size: clamp(1.2rem, 1.4vw, 1.55rem);
  font-weight: 600;
}

.rb-profile-ghost-button, .rb-profile-gold-button, .rb-profile-inline-button {
  letter-spacing: .02em;
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .82rem 1rem;
  font-size: .82rem;
  font-weight: 500;
  transition: transform .16s, filter .16s;
  display: inline-flex;
}

.rb-profile-ghost-button, .rb-profile-inline-button {
  color: var(--rb-text);
  background: #ffffff0f;
}

.rb-profile-gold-button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rb-profile-ghost-button:hover, .rb-profile-gold-button:hover, .rb-profile-inline-button:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.rb-profile-progress-block {
  gap: .55rem;
  display: grid;
}

.rb-profile-progress-legend {
  color: var(--rb-text-soft);
  justify-content: space-between;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
}

.rb-profile-progress-track {
  background: #ffffff14;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.rb-profile-progress-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, #fff0ae 0%, #f5d56b 40%, #d9a22a 100%);
  height: 100%;
  box-shadow: 0 0 24px #f5ca5557;
}

.rb-profile-progress-caption {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: .82rem;
}

.rb-profile-metrics {
  z-index: 1;
  flex-wrap: wrap;
  margin-top: 1rem;
  position: relative;
}

.rb-profile-metric-card {
  background: linear-gradient(#242a35f0 0%, #181d25fa 100%);
  border: 1px solid #ffffff0d;
  border-radius: 18px;
  flex: 180px;
  min-height: 126px;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.rb-profile-metric-orb {
  filter: blur(4px);
  opacity: .72;
  border-radius: 999px;
  width: 92px;
  height: 92px;
  position: absolute;
  top: -22px;
  right: -26px;
}

.rb-profile-metric-orb-gold {
  background: radial-gradient(circle, #f5ca558a 0%, #0000 68%);
}

.rb-profile-metric-orb-green {
  background: radial-gradient(circle, #4ae99e8a 0%, #0000 68%);
}

.rb-profile-metric-orb-violet {
  background: radial-gradient(circle, #9768ff8a 0%, #0000 68%);
}

.rb-profile-metric-orb-blue {
  background: radial-gradient(circle, #5ca8ff8a 0%, #0000 68%);
}

.rb-profile-metric-value {
  z-index: 1;
  color: var(--rb-text);
  margin-top: 1rem;
  font-size: 1.55rem;
  font-weight: 600;
  position: relative;
}

.rb-profile-metric-label {
  z-index: 1;
  color: var(--rb-text-soft);
  margin-top: .35rem;
  font-size: .85rem;
  font-weight: 700;
  position: relative;
}

.rb-profile-body {
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: start;
}

.rb-profile-sidebar {
  gap: .75rem;
  display: grid;
  position: sticky;
  top: 82px;
}

.rb-profile-nav-item {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 16px;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.05rem;
  font-size: .86rem;
  font-weight: 500;
  transition: transform .16s, border-color .16s, color .16s;
  display: flex;
}

.rb-profile-nav-item:hover, .rb-profile-nav-item.is-active {
  color: var(--rb-text);
  border-color: #f5ca553d;
  transform: translateX(2px);
}

.rb-profile-nav-item.is-active {
  box-shadow: inset 0 1px #ffffff0a, 0 18px 40px #03070e3d;
}

.rb-profile-content {
  min-width: 0;
}

.rb-profile-section-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
}

.rb-profile-panel-double {
  min-width: 0;
}

.rb-profile-panel-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.rb-profile-panel-title {
  color: var(--rb-text);
  letter-spacing: -.03em;
  font-size: 1.45rem;
  font-weight: 600;
}

.rb-profile-panel-copy {
  margin: .25rem 0 0;
  font-size: .86rem;
}

.rb-profile-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rb-profile-field {
  gap: .5rem;
  display: grid;
}

.rb-profile-field span {
  color: var(--rb-text-soft);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 500;
}

.rb-profile-field input {
  width: 100%;
  color: var(--rb-text);
  background: #ffffff0a;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  outline: none;
  padding: .95rem 1rem;
}

.rb-profile-field input:focus {
  border-color: #f5ca5561;
  box-shadow: 0 0 0 3px #f5ca551f;
}

.rb-profile-link-grid, .rb-profile-security-grid {
  margin-top: 1rem;
}

.rb-profile-link-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rb-profile-link-card, .rb-profile-security-card, .rb-profile-session-card {
  background: #ffffff0a;
  align-items: center;
  gap: .9rem;
  padding: 1rem;
  display: flex;
}

.rb-profile-link-card.is-highlight {
  background: radial-gradient(circle at 86% 18%, #f5ca552e 0%, #0000 26%), #ffffff0a;
}

.rb-profile-link-title, .rb-profile-switch-title {
  color: var(--rb-text);
  font-size: .92rem;
  font-weight: 500;
}

.rb-profile-link-copy, .rb-profile-switch-copy, .rb-profile-session-meta {
  font-size: .82rem;
}

.rb-profile-switch-list {
  gap: .85rem;
  display: grid;
}

.rb-profile-switch-row {
  background: #ffffff0a;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 1rem;
}

.rb-profile-switch {
  background: #4f596b;
  border-radius: 999px;
  width: 52px;
  height: 30px;
  display: inline-flex;
  position: relative;
}

.rb-profile-switch:after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 22px;
  height: 22px;
  transition: transform .16s;
  position: absolute;
  top: 4px;
  left: 4px;
}

.rb-profile-switch.is-on {
  background: linear-gradient(#58e782 0%, #249f4d 100%);
}

.rb-profile-switch.is-on:after {
  transform: translateX(22px);
}

.rb-profile-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rb-profile-security-card {
  justify-content: space-between;
}

.rb-profile-table {
  border-radius: 18px;
  gap: 0;
  display: grid;
  overflow: hidden;
}

.rb-profile-table-head, .rb-profile-table-row {
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.1rem;
}

.rb-profile-table-head span, .rb-profile-table-row span {
  flex: 1 1 0;
  min-width: 0;
}

.rb-profile-table-row {
  color: var(--rb-text);
  border-top: 1px solid #ffffff0d;
  font-size: .88rem;
  font-weight: 600;
}

.rb-profile-pill {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 94px;
  padding: .45rem .8rem;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;
}

.rb-profile-pill-success {
  color: #74e38f;
  background: #49de8024;
  border: 1px solid #49de804d;
}

.rb-profile-pill-warning {
  color: #f1d06a;
  background: #f5ca5524;
  border: 1px solid #f5ca5547;
}

.rb-profile-pill-neutral {
  color: #b8c3d6;
  background: #7c8ba124;
  border: 1px solid #7c8ba147;
}

.rb-profile-session-card {
  flex-direction: column;
  align-items: stretch;
}

.rb-profile-session-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.rb-profile-inline-button.is-success {
  color: #74e38f;
  background: #49de8024;
}

:root .rb-profile-hero, :root .rb-profile-panel, :root .rb-profile-nav-item {
  border-color: #acbbd14d;
  box-shadow: inset 0 1px #ffffffdb, 0 16px 34px #3e4c6b1f;
}

:root .rb-profile-avatar-wrap, :root .rb-profile-balance-strip, :root .rb-profile-metric-card, :root .rb-profile-link-card, :root .rb-profile-security-card, :root .rb-profile-session-card, :root .rb-profile-field input, :root .rb-profile-switch-row, :root .rb-profile-copy-button, :root .rb-profile-chip, :root .rb-profile-inline-button, :root .rb-profile-ghost-button {
  background-color: #ffffffb8;
}

:root .rb-profile-avatar-wrap {
  background: radial-gradient(circle at 50% 18%, #ffffff7a, #0000 24%), linear-gradient(#f7f9fc 0%, #e8eef7 100%);
}

:root .rb-profile-balance-strip, :root .rb-profile-metric-card, :root .rb-profile-link-card, :root .rb-profile-security-card, :root .rb-profile-session-card, :root .rb-profile-field input, :root .rb-profile-switch-row, :root .rb-profile-copy-button, :root .rb-profile-chip, :root .rb-profile-inline-button, :root .rb-profile-ghost-button {
  color: var(--rb-text);
  border: 1px solid #acbbd13d;
}

:root .rb-profile-progress-track, :root .rb-profile-table-head {
  background: #20273814;
}

@media (max-width: 1140px) {
  .rb-profile-hero-card, .rb-profile-section-grid, .rb-profile-body, .rb-profile-security-grid {
    grid-template-columns: 1fr;
  }

  .rb-profile-sidebar {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: static;
  }

  .rb-profile-nav-item {
    justify-content: center;
  }

  .rb-profile-nav-item span {
    display: none;
  }
}

@media (max-width: 768px) {
  .rb-profile-hero, .rb-profile-panel {
    border-radius: 20px;
    padding: .95rem;
  }

  .rb-profile-form-grid, .rb-profile-link-grid {
    grid-template-columns: 1fr;
  }

  .rb-profile-sidebar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rb-profile-hero-topline, .rb-profile-balance-strip, .rb-profile-table-head, .rb-profile-table-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .rb-profile-balance-actions {
    width: 100%;
  }

  .rb-profile-balance-actions > * {
    flex: 1 1 0;
    justify-content: center;
  }

  .rb-profile-table-head {
    display: none;
  }

  .rb-profile-table-row {
    gap: .45rem;
    display: grid;
  }
}

.rb-profile-page {
  gap: 14px;
  display: grid;
}

.rb-profile-summary, .rb-profile-panel, .rb-profile-nav-link {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border: 1px solid #ffffff0a;
  box-shadow: inset 0 1px #ffffff09, 0 18px 34px #0000003d;
}

.rb-profile-summary {
  border-radius: 16px;
  padding: 18px;
}

.rb-profile-summary, .rb-profile-layout {
  gap: 14px;
  display: grid;
}

.rb-profile-summary {
  grid-template-columns: minmax(340px, 1fr) minmax(0, 2fr);
  align-items: stretch;
}

.rb-profile-summary-account {
  border-right: 1px solid #ffffff12;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 16px;
  padding-right: 14px;
  display: grid;
}

.rb-profile-summary-badge {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rb-profile-summary-image, .rb-profile-summary-fallback {
  border: 3px solid #ffcc5c29;
  border-radius: 22px;
  width: 98px;
  height: 98px;
  box-shadow: 0 16px 34px #00000047;
}

.rb-profile-summary-image {
  object-fit: cover;
}

.rb-profile-summary-fallback {
  color: #fff;
  background: linear-gradient(145deg, #ffd55c 0%, #d79c20 48%, #61400f 100%);
  place-items: center;
  font-size: 2.3rem;
  font-weight: 600;
  display: grid;
}

.rb-profile-summary-level {
  color: #161d26;
  text-align: center;
  background: linear-gradient(#f4f7fb 0%, #aab6c8 100%);
  border-radius: 999px;
  min-width: 46px;
  padding: 8px 10px;
  font-weight: 600;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 10px 18px #00000042;
}

.rb-profile-summary-meta {
  align-content: start;
  gap: 12px;
  display: grid;
}

.rb-profile-summary-heading, .rb-profile-summary-wallet-row, .rb-profile-summary-actions, .rb-profile-summary-id, .rb-profile-session-head, .rb-profile-session-line, .rb-profile-panel-header {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.rb-profile-summary-name {
  color: #fff;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 1;
}

.rb-profile-summary-id {
  color: #ffffff9e;
  letter-spacing: .05em;
  justify-content: flex-start;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
}

.rb-profile-icon-button {
  color: #ffffffb8;
  background: #ffffff0f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: inline-flex;
}

.rb-profile-summary-tools, .rb-profile-summary-actions, .rb-profile-pay-tabs, .rb-profile-overview-links, .rb-profile-security-grid {
  gap: 10px;
  display: flex;
}

.rb-profile-mini-chip {
  color: #f3d27c;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: linear-gradient(#2c3340 0%, #222834 100%);
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.rb-profile-summary-wallet {
  background: linear-gradient(180deg, var(--rb-card-deep) 0%, var(--rb-card-sunken) 100%);
  border: 1px solid #ffffff0a;
  border-radius: 12px;
  padding: 12px 14px;
}

.rb-profile-summary-wallet-label, .rb-profile-summary-progress-head, .rb-profile-panel-subtitle, .rb-profile-overview-card-copy, .rb-profile-summary-progress-copy {
  color: #ffffff80;
}

.rb-profile-summary-wallet-label {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 500;
}

.rb-profile-summary-wallet-value {
  color: #fff;
  letter-spacing: -.04em;
  font-size: 1.3rem;
  font-weight: 600;
}

.rb-profile-action-muted, .rb-profile-action-strong, .rb-profile-inline-cta, .rb-profile-pay-tab {
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.rb-profile-action-muted, .rb-profile-inline-cta, .rb-profile-pay-tab {
  background: linear-gradient(180deg, var(--rb-card-active) 0%, var(--rb-card) 100%);
  color: var(--rb-text-soft);
}

.rb-profile-action-strong {
  color: #2e2206;
  background: linear-gradient(#f4d564 0%, #d99f26 100%);
  box-shadow: inset 0 1px #fff7d4b3, 0 8px 18px #d9a22a2e;
}

.rb-profile-summary-progress-head {
  font-size: 12px;
  font-weight: 500;
}

.rb-profile-summary-progress {
  background: #ffffff17;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.rb-profile-summary-progress-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, #fff0aa 0%, #f4d564 40%, #52e08d 100%);
  height: 100%;
  box-shadow: 0 0 18px #f4d56447;
}

.rb-profile-summary-progress-copy {
  margin: 0;
  font-size: 12px;
}

.rb-profile-summary-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

.rb-profile-stat-card {
  border-left: 1px solid #ffffff14;
  min-height: 164px;
  padding: 22px 18px;
  position: relative;
  overflow: hidden;
}

.rb-profile-stat-spark {
  filter: blur(10px);
  opacity: .85;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.rb-profile-stat-spark-violet {
  background: radial-gradient(circle, #9667ff8f 0%, #0000 68%);
}

.rb-profile-stat-spark-gold {
  background: radial-gradient(circle, #f4d5648f 0%, #0000 68%);
}

.rb-profile-stat-spark-green {
  background: radial-gradient(circle, #52e08d8f 0%, #0000 68%);
}

.rb-profile-stat-spark-blue {
  background: radial-gradient(circle, #62b4ff8f 0%, #0000 68%);
}

.rb-profile-stat-icon {
  z-index: 1;
  width: 32px;
  height: 32px;
  margin: 0 auto 18px;
  position: relative;
}

.rb-profile-stat-icon-violet {
  color: #b083ff;
}

.rb-profile-stat-icon-gold {
  color: #ffd969;
}

.rb-profile-stat-icon-green {
  color: #59e090;
}

.rb-profile-stat-icon-blue {
  color: #78bfff;
}

.rb-profile-stat-value, .rb-profile-stat-label {
  z-index: 1;
  text-align: center;
  position: relative;
}

.rb-profile-stat-value {
  color: #fff;
  letter-spacing: -.04em;
  font-size: 1.5rem;
  font-weight: 600;
}

.rb-profile-stat-label {
  color: #ffffffad;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
}

.rb-profile-layout {
  grid-template-columns: 210px minmax(0, 1fr);
}

.rb-profile-nav {
  align-content: start;
  gap: 8px;
  display: grid;
}

.rb-profile-nav-link {
  color: #ffffff94;
  text-transform: uppercase;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.rb-profile-main {
  min-width: 0;
}

.rb-profile-panel {
  border-radius: 16px;
  padding: 16px;
}

.rb-profile-panel-title {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}

.rb-profile-panel-title-sm {
  font-size: .92rem;
}

.rb-profile-panel-subtitle {
  margin: 8px 0 0;
  font-size: 13px;
}

.rb-profile-settings-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rb-profile-input {
  gap: 6px;
  display: grid;
}

.rb-profile-input span {
  color: #ffffff61;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 600;
}

.rb-profile-input input {
  background: var(--rb-card);
  width: 100%;
  min-height: 44px;
  color: var(--rb-text);
  border: 1px solid #ffffff0a;
  border-radius: 10px;
  padding: 0 14px;
}

.rb-profile-input input:focus {
  border-color: #f4d56457;
  outline: none;
}

.rb-profile-overview-card, .rb-profile-security-item, .rb-profile-session-box {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  color: var(--rb-text);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.rb-profile-overview-card {
  flex: 1 1 0;
}

.rb-profile-overview-card.is-premium {
  background: radial-gradient(circle at 88% 18%,
      var(--rb-gold) 0%,
      transparent 24%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-profile-overview-card.is-premium {
    background: radial-gradient(circle at 88% 18%,
      color-mix(in srgb, var(--rb-gold) 14%, transparent) 0%,
      transparent 24%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  }
}

.rb-profile-overview-card-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.rb-profile-overview-card-copy {
  margin-top: 5px;
  font-size: 12px;
}

.rb-profile-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rb-profile-security-item {
  justify-content: space-between;
}

.rb-profile-inline-cta.is-success {
  color: #0d2a12;
  background: linear-gradient(#6ee58c 0%, #35b356 100%);
}

.rb-profile-toggle {
  background: #586272;
  border-radius: 999px;
  width: 48px;
  height: 28px;
  position: relative;
}

.rb-profile-toggle:after {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.rb-profile-toggle.is-on {
  background: linear-gradient(#5fe38e 0%, #2ead57 100%);
}

.rb-profile-toggle.is-on:after {
  left: auto;
  right: 4px;
}

.rb-profile-session-box {
  gap: 8px;
  margin-top: 14px;
  display: grid;
}

.rb-profile-pay-tabs {
  margin-bottom: 12px;
}

.rb-profile-table {
  border-radius: 12px;
  display: grid;
  overflow: hidden;
}

.rb-profile-table-head, .rb-profile-table-row {
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  display: grid;
}

.rb-profile-table-history {
  grid-template-columns: 1.05fr 1.25fr 1.35fr .8fr .8fr;
}

.rb-profile-table-payments {
  grid-template-columns: 1.25fr 1fr 1.3fr .8fr;
}

.rb-profile-table-transactions {
  grid-template-columns: 1.15fr 1.4fr .8fr .9fr;
}

.rb-profile-table-head {
  color: #ffffff61;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #2a3039;
  font-size: 11px;
  font-weight: 600;
}

.rb-profile-table-row {
  color: #ffffffe0;
  background: #ffffff05;
  border-top: 1px solid #ffffff0a;
  font-size: 13px;
  font-weight: 700;
}

.rb-profile-value-plus {
  color: #63e596;
}

.rb-profile-value-minus {
  color: #ff6b73;
}

.rb-profile-status {
  text-transform: uppercase;
  letter-spacing: .06em;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 102px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.rb-profile-status-completed {
  color: #63e596;
  background: #55e5911f;
  border: 1px solid #55e59138;
}

.rb-profile-status-pending {
  color: #f4d564;
  background: #f4d5641f;
  border: 1px solid #f4d56438;
}

.rb-profile-status-review {
  color: #b8c7de;
  background: #8095b424;
  border: 1px solid #8095b42e;
}

:root .rb-profile-summary, :root .rb-profile-panel, :root .rb-profile-nav-link {
  background: linear-gradient(#f7f9fc 0%, #e9eef6 100%);
  border-color: #a8b6cd47;
  box-shadow: inset 0 1px #ffffffe0, 0 18px 34px #3e4c6b1f;
}

:root .rb-profile-summary-name, :root .rb-profile-panel-title, :root .rb-profile-overview-card-title, :root .rb-profile-summary-wallet-value, :root .rb-profile-table-row, :root .rb-profile-input input {
  color: #202738;
}

:root .rb-profile-summary-wallet, :root .rb-profile-overview-card, :root .rb-profile-security-item, :root .rb-profile-session-box, :root .rb-profile-input input, :root .rb-profile-mini-chip, :root .rb-profile-inline-cta, :root .rb-profile-action-muted, :root .rb-profile-pay-tab {
  color: #202738;
  background: linear-gradient(#fff 0%, #eef3fa 100%);
  border: 1px solid #a8b6cd3d;
}

:root .rb-profile-summary-wallet-label, :root .rb-profile-panel-subtitle, :root .rb-profile-overview-card-copy, :root .rb-profile-summary-progress-copy, :root .rb-profile-summary-id, :root .rb-profile-summary-progress-head, :root .rb-profile-input span, :root .rb-profile-table-head {
  color: #667085;
}

:root .rb-profile-table-head {
  background: #2027380f;
}

:root .rb-profile-table-row {
  background: #ffffffb8;
  border-top-color: #a8b6cd38;
}

@media (max-width: 1180px) {
  .rb-profile-summary, .rb-profile-layout, .rb-profile-security-grid {
    grid-template-columns: 1fr;
  }

  .rb-profile-summary-account {
    border-bottom: 1px solid #ffffff0f;
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }

  .rb-profile-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rb-profile-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rb-profile-nav-link {
    justify-content: center;
    min-height: 52px;
  }

  .rb-profile-nav-link span {
    display: none;
  }
}

@media (max-width: 760px) {
  .rb-profile-summary, .rb-profile-panel {
    border-radius: 14px;
    padding: 14px;
  }

  .rb-profile-summary-account, .rb-profile-settings-grid, .rb-profile-overview-links, .rb-profile-security-grid, .rb-profile-summary-stats {
    grid-template-columns: 1fr;
  }

  .rb-profile-summary-account {
    gap: 14px;
    display: grid;
  }

  .rb-profile-summary-tools, .rb-profile-summary-wallet-row, .rb-profile-summary-actions, .rb-profile-panel-header, .rb-profile-session-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .rb-profile-summary-actions, .rb-profile-summary-actions > * {
    width: 100%;
  }

  .rb-profile-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rb-profile-table-head {
    display: none;
  }

  .rb-profile-table-row, .rb-profile-table-history, .rb-profile-table-payments, .rb-profile-table-transactions {
    grid-template-columns: 1fr;
  }
}

.rb-profile-page {
  gap: 12px;
}

.rb-profile-summary, .rb-profile-panel, .rb-profile-nav-link {
  border-radius: 7px;
}

.rb-profile-summary, .rb-profile-panel {
  background: radial-gradient(circle at 82% 16%,
      #f4d5641f 0%,
      transparent 24%),
    linear-gradient(180deg, var(--profile-panel-from) 0%, var(--profile-panel-to) 100%);
  border: 1px solid #ffffff0d;
  box-shadow: inset 0 1px #ffffff08, 0 18px 32px #00000038;
}

.rb-profile-summary {
  grid-template-columns: minmax(320px, .95fr) minmax(0, 1.6fr);
  padding: 14px;
}

.rb-profile-summary-account {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 14px;
  padding-right: 14px;
}

.rb-profile-summary-image, .rb-profile-summary-fallback {
  border-radius: 7px;
  width: 84px;
  height: 84px;
}

.rb-profile-summary-level, .rb-profile-icon-button, .rb-profile-mini-chip, .rb-profile-action-muted, .rb-profile-action-strong, .rb-profile-inline-cta, .rb-profile-pay-tab, .rb-profile-status, .rb-profile-input input, .rb-profile-overview-card, .rb-profile-security-item, .rb-profile-session-box {
  border-radius: 7px;
}

.rb-profile-summary-name {
  font-size: 1.45rem;
}

.rb-profile-summary-id, .rb-profile-summary-wallet-label, .rb-profile-summary-progress-head, .rb-profile-panel-subtitle, .rb-profile-overview-card-copy, .rb-profile-summary-progress-copy, .rb-profile-input span, .rb-profile-table-head {
  color: #ffffff85;
}

.rb-profile-summary-wallet, .rb-profile-overview-card, .rb-profile-security-item, .rb-profile-session-box, .rb-profile-input input {
  background: linear-gradient(#262d38 0%, #1f252f 100%);
  border: 1px solid #ffffff0d;
}

.rb-profile-summary-wallet {
  padding: 12px;
}

.rb-profile-summary-wallet-value, .rb-profile-panel-title, .rb-profile-overview-card-title, .rb-profile-table-row, .rb-profile-input input, .rb-profile-nav-link.is-active, .rb-profile-stat-value {
  color: #fff;
}

.rb-profile-action-muted, .rb-profile-inline-cta, .rb-profile-pay-tab {
  color: #ffffffd1;
  background: linear-gradient(#2f3744 0%, #252c36 100%);
}

.rb-profile-action-strong {
  color: #2f2207;
  background: linear-gradient(#f5d56b 0%, #d89c21 100%);
}

.rb-profile-mini-chip {
  color: #f5d56b;
  background: linear-gradient(#312a18 0%, #241f14 100%);
  border: 1px solid #f4d56429;
}

.rb-profile-summary-progress {
  background: #ffffff14;
}

.rb-profile-summary-progress-fill {
  background: linear-gradient(90deg, #f5d56b 0%, #d89c21 45%, #52df8e 100%);
}

.rb-profile-summary-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rb-profile-stat-card {
  min-height: 136px;
  padding: 18px 14px 14px;
}

.rb-profile-stat-value {
  font-size: 1.24rem;
}

.rb-profile-stat-label {
  color: #ffffffb8;
  font-size: 12px;
  line-height: 1.25;
}

.rb-profile-layout {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
}

.rb-profile-nav {
  gap: 8px;
}

.rb-profile-nav-link {
  color: #ffffff8f;
  background: linear-gradient(#20252f 0%, #171c24 100%);
  min-height: 44px;
  padding: 0 12px;
}

.rb-profile-nav-link.is-active {
  color: var(--profile-nav-active);
  background: radial-gradient(circle at 0%, #5de59729 0%, #0000 42%), linear-gradient(#303841 0%, #262d36 100%);
}

.rb-profile-panel {
  padding: 14px;
}

.rb-profile-panel-title {
  font-size: 1rem;
}

.rb-profile-settings-grid, .rb-profile-security-grid {
  gap: 10px;
}

.rb-profile-input input {
  min-height: 42px;
  padding: 0 12px;
}

.rb-profile-overview-links {
  margin-top: 12px;
}

.rb-profile-pay-tabs {
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.rb-profile-pay-tab.is-active {
  color: var(--profile-nav-active);
  background: linear-gradient(#313946 0%, #262d37 100%);
}

.rb-profile-table {
  border-radius: 7px;
}

.rb-profile-table-head {
  color: #ffffff6b;
  background: #2a3039;
}

.rb-profile-table-row {
  background: #ffffff05;
  border-top: 1px solid #ffffff0d;
}

.rb-profile-status-completed {
  background: #56e49224;
  border-color: #56e4923d;
}

.rb-profile-status-pending {
  background: #f4d56424;
  border-color: #f4d5643d;
}

.rb-profile-status-review {
  background: #8496b124;
  border-color: #8496b13d;
}

:root .rb-profile-page .rb-profile-summary, :root .rb-profile-page .rb-profile-panel, :root .rb-profile-page .rb-profile-nav-link, :root .rb-profile-page .rb-profile-summary-wallet, :root .rb-profile-page .rb-profile-overview-card, :root .rb-profile-page .rb-profile-security-item, :root .rb-profile-page .rb-profile-session-box, :root .rb-profile-page .rb-profile-input input, :root .rb-profile-page .rb-profile-action-muted, :root .rb-profile-page .rb-profile-inline-cta, :root .rb-profile-page .rb-profile-pay-tab {
  color: #fff;
}

:root .rb-profile-page .rb-profile-summary, :root .rb-profile-page .rb-profile-panel {
  background: radial-gradient(circle at 82% 16%, #f4d5641f 0%, #0000 24%), linear-gradient(#222833 0%, #181d26 100%);
  border-color: #ffffff0d;
  box-shadow: inset 0 1px #ffffff08, 0 18px 32px #00000038;
}

:root .rb-profile-page .rb-profile-nav-link {
  color: #ffffff8f;
  background: linear-gradient(#20252f 0%, #171c24 100%);
}

:root .rb-profile-page .rb-profile-nav-link.is-active {
  color: var(--profile-nav-active);
  background: radial-gradient(circle at 0%, #5de59729 0%, #0000 42%), linear-gradient(#303841 0%, #262d36 100%);
}

:root .rb-profile-page .rb-profile-summary-name, :root .rb-profile-page .rb-profile-panel-title, :root .rb-profile-page .rb-profile-overview-card-title, :root .rb-profile-page .rb-profile-table-row, :root .rb-profile-page .rb-profile-input input, :root .rb-profile-page .rb-profile-stat-value, :root .rb-profile-page .rb-profile-summary-wallet-value {
  color: #fff;
}

:root .rb-profile-page .rb-profile-summary-id, :root .rb-profile-page .rb-profile-summary-wallet-label, :root .rb-profile-page .rb-profile-summary-progress-head, :root .rb-profile-page .rb-profile-panel-subtitle, :root .rb-profile-page .rb-profile-overview-card-copy, :root .rb-profile-page .rb-profile-summary-progress-copy, :root .rb-profile-page .rb-profile-input span, :root .rb-profile-page .rb-profile-table-head, :root .rb-profile-page .rb-profile-stat-label {
  color: #ffffff8c;
}

:root .rb-profile-page .rb-profile-summary-wallet, :root .rb-profile-page .rb-profile-overview-card, :root .rb-profile-page .rb-profile-security-item, :root .rb-profile-page .rb-profile-session-box, :root .rb-profile-page .rb-profile-input input {
  background: linear-gradient(#262d38 0%, #1f252f 100%);
  border-color: #ffffff0d;
}

:root .rb-profile-page .rb-profile-table-head {
  background: #2a3039;
}

:root .rb-profile-page .rb-profile-table-row {
  background: #ffffff05;
  border-top-color: #ffffff0d;
}

@media (max-width: 1180px) {
  .rb-profile-summary {
    grid-template-columns: 1fr;
  }

  .rb-profile-summary-account {
    border-bottom: 1px solid #ffffff0f;
    border-right: 0;
    grid-template-columns: 92px minmax(0, 1fr);
    padding-bottom: 12px;
    padding-right: 0;
  }

  .rb-profile-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rb-profile-layout {
    grid-template-columns: 1fr;
  }

  .rb-profile-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rb-profile-nav-link {
    justify-content: center;
  }

  .rb-profile-nav-link span {
    display: none;
  }
}

@media (max-width: 760px) {
  .rb-profile-page {
    gap: 10px;
  }

  .rb-profile-summary, .rb-profile-panel {
    padding: 10px;
  }

  .rb-profile-summary-account {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
  }

  .rb-profile-summary-image, .rb-profile-summary-fallback {
    width: 64px;
    height: 64px;
  }

  .rb-profile-summary-level {
    min-width: 36px;
    padding: 5px 8px;
    font-size: 12px;
  }

  .rb-profile-summary-name {
    font-size: 1.1rem;
  }

  .rb-profile-summary-heading, .rb-profile-summary-wallet-row, .rb-profile-summary-actions, .rb-profile-panel-header, .rb-profile-session-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .rb-profile-summary-actions, .rb-profile-summary-actions > * {
    width: 100%;
  }

  .rb-profile-summary-stats {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .rb-profile-stat-card {
    border-top: 1px solid #ffffff0f;
    border-left: 0;
    min-height: 110px;
    padding: 12px 10px 10px;
  }

  .rb-profile-stat-icon {
    width: 22px;
    height: 22px;
    margin-bottom: 12px;
  }

  .rb-profile-stat-value {
    font-size: 1rem;
  }

  .rb-profile-stat-label {
    font-size: 11px;
  }

  .rb-profile-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .rb-profile-nav-link {
    min-height: 40px;
    padding: 0 8px;
  }

  .rb-profile-settings-grid, .rb-profile-security-grid, .rb-profile-overview-links {
    grid-template-columns: 1fr;
    display: grid;
  }

  .rb-profile-overview-links, .rb-profile-security-grid {
    gap: 8px;
  }

  .rb-profile-table-head {
    display: none;
  }

  .rb-profile-table-row, .rb-profile-table-history, .rb-profile-table-payments, .rb-profile-table-transactions {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
  }

  .rb-profile-table-row span {
    width: 100%;
    min-width: 0;
    display: block;
  }

  .rb-profile-status {
    min-width: 92px;
  }
}

.rb-profile-page {
  --rbp-bg: linear-gradient(180deg, var(--rb-card-deep) 0%, var(--rb-card-sunken) 100%);
  --rbp-card: linear-gradient(180deg, var(--rb-card-active) 0%, var(--rb-card) 100%);
  --rbp-card-soft: linear-gradient(180deg, var(--rb-card-active) 0%, var(--rb-card) 100%);
  --rbp-card-strong: linear-gradient(180deg, var(--rb-card-deep) 0%, var(--rb-card-sunken) 100%);
  --rbp-border: #ffffff0f;
  --rbp-text: var(--rb-text);
  --rbp-text-soft: var(--rb-text-soft);
  --rbp-text-faint: var(--rb-text-faint);
  --rbp-gold-a: var(--rb-gold);
  --rbp-gold-b: var(--rb-gold-strong);
  --rbp-green: #61e293;
  --rbp-red: #ff737b;
  --rbp-blue: #79bfff;
  --rbp-shadow: 0 18px 34px #00000038;
}

:root:not(.dark) .rb-profile-page {
  --rbp-bg: linear-gradient(180deg, #f7f9fc 0%, #edf2f8 100%);
  --rbp-card: linear-gradient(180deg, #fff 0%, #eef3fa 100%);
  --rbp-card-soft: linear-gradient(180deg, #f9fbff 0%, #e9eef6 100%);
  --rbp-card-strong: linear-gradient(180deg, #eef3f9 0%, #e2e9f2 100%);
  --rbp-border: #a4b3ca57;
  --rbp-text: #202738;
  --rbp-text-soft: #667085;
  --rbp-text-faint: #8b97ab;
  --rbp-shadow: 0 14px 28px #3e4c6b1f;
}

.rb-profile-page .rb-profile-summary, .rb-profile-page .rb-profile-panel, .rb-profile-page .rb-profile-nav-link, .rb-profile-page .rb-profile-summary-wallet, .rb-profile-page .rb-profile-overview-card, .rb-profile-page .rb-profile-security-item, .rb-profile-page .rb-profile-session-box, .rb-profile-page .rb-profile-input input, .rb-profile-page .rb-profile-action-muted, .rb-profile-page .rb-profile-action-strong, .rb-profile-page .rb-profile-inline-cta, .rb-profile-page .rb-profile-pay-tab, .rb-profile-page .rb-profile-icon-button, .rb-profile-page .rb-profile-mini-chip {
  box-shadow: none;
}

.rb-profile-page .rb-profile-summary, .rb-profile-page .rb-profile-panel {
  background: var(--rbp-bg);
  border: 1px solid var(--rbp-border);
  box-shadow: var(--rbp-shadow);
}

.rb-profile-page .rb-profile-summary, .rb-profile-page .rb-profile-panel, .rb-profile-page .rb-profile-nav-link, .rb-profile-page .rb-profile-summary-image, .rb-profile-page .rb-profile-summary-fallback, .rb-profile-page .rb-profile-summary-level, .rb-profile-page .rb-profile-summary-wallet, .rb-profile-page .rb-profile-overview-card, .rb-profile-page .rb-profile-security-item, .rb-profile-page .rb-profile-session-box, .rb-profile-page .rb-profile-input input, .rb-profile-page .rb-profile-table, .rb-profile-page .rb-profile-action-muted, .rb-profile-page .rb-profile-action-strong, .rb-profile-page .rb-profile-inline-cta, .rb-profile-page .rb-profile-pay-tab, .rb-profile-page .rb-profile-status, .rb-profile-page .rb-profile-icon-button, .rb-profile-page .rb-profile-mini-chip {
  border-radius: 7px;
}

.rb-profile-page .rb-profile-summary {
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.55fr);
  gap: 14px;
  padding: 14px;
}

.rb-profile-page .rb-profile-summary-account {
  border-right: 1px solid var(--rbp-border);
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 14px;
  padding-right: 14px;
}

.rb-profile-page .rb-profile-summary-image, .rb-profile-page .rb-profile-summary-fallback {
  border: 1px solid var(--rbp-border);
  width: 84px;
  height: 84px;
}

.rb-profile-page .rb-profile-summary-fallback {
  background: linear-gradient(145deg,
    var(--rbp-gold-a) 0%,
    var(--rbp-gold-b) 56%,
    #6a4710 100%);
  color: #fff;
}

.rb-profile-page .rb-profile-summary-level {
  color: #1a212b;
  background: linear-gradient(#f1f4f8 0%, #9facbd 100%);
}

.rb-profile-page .rb-profile-summary-name, .rb-profile-page .rb-profile-panel-title, .rb-profile-page .rb-profile-overview-card-title, .rb-profile-page .rb-profile-summary-wallet-value, .rb-profile-page .rb-profile-input input, .rb-profile-page .rb-profile-table-row, .rb-profile-page .rb-profile-stat-value {
  color: var(--rbp-text);
}

.rb-profile-page .rb-profile-summary-id, .rb-profile-page .rb-profile-summary-wallet-label, .rb-profile-page .rb-profile-summary-progress-head, .rb-profile-page .rb-profile-panel-subtitle, .rb-profile-page .rb-profile-overview-card-copy, .rb-profile-page .rb-profile-summary-progress-copy, .rb-profile-page .rb-profile-input span, .rb-profile-page .rb-profile-table-head, .rb-profile-page .rb-profile-stat-label {
  color: var(--rbp-text-soft);
}

.rb-profile-page .rb-profile-icon-button, .rb-profile-page .rb-profile-mini-chip, .rb-profile-page .rb-profile-summary-wallet, .rb-profile-page .rb-profile-overview-card, .rb-profile-page .rb-profile-security-item, .rb-profile-page .rb-profile-session-box, .rb-profile-page .rb-profile-input input, .rb-profile-page .rb-profile-action-muted, .rb-profile-page .rb-profile-inline-cta, .rb-profile-page .rb-profile-pay-tab {
  background: var(--rbp-card);
  border: 1px solid var(--rbp-border);
}

.rb-profile-page .rb-profile-summary-wallet {
  padding: 12px;
}

.rb-profile-page .rb-profile-action-muted, .rb-profile-page .rb-profile-action-strong, .rb-profile-page .rb-profile-inline-cta, .rb-profile-page .rb-profile-pay-tab {
  text-transform: uppercase;
  letter-spacing: .04em;
  min-height: 38px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 500;
}

.rb-profile-page .rb-profile-action-muted, .rb-profile-page .rb-profile-inline-cta, .rb-profile-page .rb-profile-pay-tab {
  color: var(--rbp-text);
}

.rb-profile-page .rb-profile-action-strong {
  background: linear-gradient(180deg,
    var(--rbp-gold-a) 0%,
    var(--rbp-gold-b) 100%);
  color: #2f2207;
  border: 1px solid #d9a22a47;
}

.rb-profile-page .rb-profile-mini-chip {
  color: var(--rbp-gold-a);
  background: linear-gradient(180deg,
      #f5d56b1f 0%,
      #d9a22a14 100%),
    var(--rbp-card);
}

.rb-profile-page .rb-profile-summary-progress {
  background: #7f8ca02e;
}

.rb-profile-page .rb-profile-summary-progress-fill {
  background: linear-gradient(90deg,
    var(--rbp-gold-a) 0%,
    var(--rbp-gold-b) 55%,
    var(--rbp-green) 100%);
}

.rb-profile-page .rb-profile-summary-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rb-profile-page .rb-profile-stat-card {
  border-left: 1px solid var(--rbp-border);
  min-height: 134px;
  padding: 16px 14px 14px;
}

.rb-profile-page .rb-profile-stat-value {
  font-size: 1.18rem;
}

.rb-profile-page .rb-profile-stat-label {
  font-size: 12px;
}

.rb-profile-page .rb-profile-layout {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
}

.rb-profile-page .rb-profile-nav {
  gap: 8px;
}

.rb-profile-page .rb-profile-nav-link {
  background: var(--rbp-card);
  min-height: 44px;
  color: var(--rbp-text-soft);
  border: 1px solid var(--rbp-border);
  justify-content: flex-start;
  padding: 0 12px;
}

.rb-profile-page .rb-profile-nav-link.is-active {
  background: radial-gradient(circle at 0% 50%,
      #61e29324 0%,
      transparent 38%),
    var(--rbp-card-soft);
  color: var(--rbp-green);
}

.rb-profile-page .rb-profile-panel {
  padding: 14px;
}

.rb-profile-page .rb-profile-settings-grid, .rb-profile-page .rb-profile-security-grid {
  gap: 10px;
}

.rb-profile-page .rb-profile-input input {
  min-height: 42px;
  padding: 0 12px;
}

.rb-profile-page .rb-profile-input input::placeholder {
  color: var(--rbp-text-faint);
}

.rb-profile-page .rb-profile-overview-links, .rb-profile-page .rb-profile-pay-tabs {
  gap: 10px;
}

.rb-profile-page .rb-profile-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.rb-profile-page .rb-profile-session-box {
  margin-top: 12px;
}

.rb-profile-page .rb-profile-table {
  border: 1px solid var(--rbp-border);
  background: none;
}

.rb-profile-page .rb-profile-table-head {
  background: var(--rbp-card-strong);
  color: var(--rbp-text-soft);
}

.rb-profile-page .rb-profile-table-row {
  border-top: 1px solid var(--rbp-border);
  background: none;
}

.rb-profile-page .rb-profile-status {
  border: 1px solid #0000;
  min-width: 98px;
  min-height: 30px;
}

.rb-profile-page .rb-profile-status-completed {
  color: var(--rbp-green);
  background: #61e2931f;
  border-color: #61e29338;
}

.rb-profile-page .rb-profile-status-pending {
  color: var(--rbp-gold-a);
  background: #f5d56b1f;
  border-color: #f5d56b38;
}

.rb-profile-page .rb-profile-status-review {
  color: var(--rbp-blue);
  background: #79bfff1a;
  border-color: #79bfff33;
}

.rb-profile-page .rb-profile-value-plus {
  color: var(--rbp-green);
}

.rb-profile-page .rb-profile-value-minus {
  color: var(--rbp-red);
}

@media (max-width: 1180px) {
  .rb-profile-page .rb-profile-summary {
    grid-template-columns: 1fr;
  }

  .rb-profile-page .rb-profile-summary-account {
    border-right: 0;
    border-bottom: 1px solid var(--rbp-border);
    padding-bottom: 12px;
    padding-right: 0;
  }

  .rb-profile-page .rb-profile-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rb-profile-page .rb-profile-layout {
    grid-template-columns: 1fr;
  }

  .rb-profile-page .rb-profile-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rb-profile-page .rb-profile-nav-link {
    justify-content: center;
  }

  .rb-profile-page .rb-profile-nav-link span {
    display: none;
  }
}

@media (max-width: 760px) {
  .rb-profile-page {
    gap: 10px;
  }

  .rb-profile-page .rb-profile-summary, .rb-profile-page .rb-profile-panel {
    padding: 10px;
  }

  .rb-profile-page .rb-profile-summary-account {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px;
  }

  .rb-profile-page .rb-profile-summary-image, .rb-profile-page .rb-profile-summary-fallback {
    width: 64px;
    height: 64px;
  }

  .rb-profile-page .rb-profile-summary-level {
    min-width: 34px;
    padding: 5px 7px;
    font-size: 12px;
  }

  .rb-profile-page .rb-profile-summary-name {
    font-size: 1.05rem;
  }

  .rb-profile-page .rb-profile-summary-heading, .rb-profile-page .rb-profile-summary-wallet-row, .rb-profile-page .rb-profile-summary-actions, .rb-profile-page .rb-profile-panel-header, .rb-profile-page .rb-profile-session-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .rb-profile-page .rb-profile-summary-actions, .rb-profile-page .rb-profile-summary-actions > * {
    width: 100%;
  }

  .rb-profile-page .rb-profile-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .rb-profile-page .rb-profile-stat-card {
    border-left: 0;
    border-top: 1px solid var(--rbp-border);
    min-height: 102px;
    padding: 12px 10px;
  }

  .rb-profile-page .rb-profile-stat-icon {
    width: 21px;
    height: 21px;
    margin-bottom: 10px;
  }

  .rb-profile-page .rb-profile-stat-value {
    font-size: .98rem;
  }

  .rb-profile-page .rb-profile-stat-label {
    font-size: 11px;
  }

  .rb-profile-page .rb-profile-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .rb-profile-page .rb-profile-nav-link {
    min-height: 40px;
    padding: 0 8px;
  }

  .rb-profile-page .rb-profile-settings-grid, .rb-profile-page .rb-profile-security-grid, .rb-profile-page .rb-profile-overview-links {
    grid-template-columns: 1fr;
    gap: 8px;
    display: grid;
  }

  .rb-profile-page .rb-profile-pay-tabs {
    flex-wrap: wrap;
  }

  .rb-profile-page .rb-profile-table-head {
    display: none;
  }

  .rb-profile-page .rb-profile-table-row, .rb-profile-page .rb-profile-table-history, .rb-profile-page .rb-profile-table-payments, .rb-profile-page .rb-profile-table-transactions {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
  }

  .rb-profile-page .rb-profile-table-row span {
    width: 100%;
    min-width: 0;
  }
}

.rbp-page {
  --rbp-surface: linear-gradient(180deg, #1f2441 0%, #141933 100%);
  --rbp-surface-soft: linear-gradient(180deg, #23294a 0%, #171d36 100%);
  --rbp-surface-strong: linear-gradient(180deg, #161b34 0%, #10142a 100%);
  --rbp-border: #ffffff14;
  --rbp-text: #f5f7ff;
  --rbp-text-soft: #e9efffa8;
  --rbp-text-faint: #e9efff6b;
  --rbp-gold: #ffb648;
  --rbp-cyan: #5fc7ff;
  --rbp-blue: #57a6ff;
  --rbp-green: #69e0a7;
  --rbp-purple: #9b7dff;
  gap: 12px;
  display: grid;
}

:root:not(.dark) .rbp-page {
  --rbp-surface: linear-gradient(180deg, #fff 0%, #eef3ff 100%);
  --rbp-surface-soft: linear-gradient(180deg, #f8fbff 0%, #ecf2ff 100%);
  --rbp-surface-strong: linear-gradient(180deg, #edf2ff 0%, #e4ebfb 100%);
  --rbp-border: #96a8c957;
  --rbp-text: #202742;
  --rbp-text-soft: #62708c;
  --rbp-text-faint: #8b98b2;
}

.rbp-hero, .rbp-balance-bar, .rbp-tabs, .rbp-action-card, .rbp-session-table-wrap, .rbp-placeholder-card {
  background: var(--rbp-surface);
  border: 1px solid var(--rbp-border);
  border-radius: 7px;
  box-shadow: 0 16px 32px #080d2224;
}

.rbp-hero {
  padding: 10px;
}

.rbp-hero-banner {
  background: radial-gradient(circle at 12% 16%, #997dff47 0%, #0000 26%), radial-gradient(circle at 84% 14%, #5fc7ff38 0%, #0000 22%), linear-gradient(135deg, #2d356a 0%, #1e2551 45%, #161c3a 100%);
  border-radius: 7px;
  min-height: 258px;
  position: relative;
  overflow: hidden;
}

.rbp-hero-overlay {
  pointer-events: none;
  background: linear-gradient(90deg, #070a174d 0%, #070a171a 35%, #070a1747 100%), radial-gradient(circle at 30% 0, #ffb6482e 0%, #0000 24%);
  position: absolute;
  inset: 0;
}

.rbp-hero-topbar, .rbp-hero-main, .rbp-hero-actions, .rbp-balance-bar, .rbp-tabs, .rbp-action-card-head, .rbp-action-footer, .rbp-session-browser {
  gap: 10px;
  display: flex;
}

.rbp-hero-topbar, .rbp-balance-bar, .rbp-action-card-head, .rbp-action-footer {
  justify-content: space-between;
  align-items: center;
}

.rbp-hero-topbar, .rbp-hero-main {
  z-index: 1;
  position: relative;
}

.rbp-hero-topbar {
  padding: 12px 14px 0;
}

.rbp-hero-name {
  color: #fff;
  letter-spacing: -.04em;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}

.rbp-hero-subname {
  color: #ffffff9e;
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 700;
}

.rbp-ghost-button, .rbp-icon-chip, .rbp-cta-button, .rbp-card-button {
  border: 1px solid var(--rbp-border);
  background: var(--rbp-surface-soft);
  color: var(--rbp-text);
  min-height: 38px;
  box-shadow: none;
  border-radius: 7px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 500;
}

.rbp-icon-chip {
  width: 38px;
  padding: 0;
}

.rbp-cta-button, .rbp-card-button.is-primary {
  color: #fff;
  background: linear-gradient(#6cc8ff 0%, #428cff 100%);
  border-color: #57a6ff42;
}

.rbp-hero-main {
  grid-template-columns: minmax(260px, .92fr) minmax(0, 1.45fr);
  gap: 12px;
  padding: 14px;
  display: grid;
}

.rbp-hero-left, .rbp-hero-right, .rbp-rank-card, .rbp-game-card, .rbp-balance-item, .rbp-action-card, .rbp-placeholder-card {
  gap: 10px;
  display: grid;
}

.rbp-avatar-card, .rbp-rank-card, .rbp-stat-box, .rbp-game-card, .rbp-balance-item, .rbp-balance-action, .rbp-tab, .rbp-action-card, .rbp-session-table {
  background: #0a0e2057;
  border: 1px solid #ffffff14;
  border-radius: 7px;
}

:root:not(.dark) .rbp-avatar-card, :root:not(.dark) .rbp-rank-card, :root:not(.dark) .rbp-stat-box, :root:not(.dark) .rbp-game-card, :root:not(.dark) .rbp-balance-item, :root:not(.dark) .rbp-balance-action, :root:not(.dark) .rbp-tab, :root:not(.dark) .rbp-action-card, :root:not(.dark) .rbp-session-table {
  background: #ffffff9e;
}

.rbp-avatar-card {
  place-items: center;
  min-height: 122px;
  padding: 12px;
}

.rbp-avatar-image, .rbp-avatar-fallback {
  border-radius: 7px;
  width: 92px;
  height: 92px;
}

.rbp-avatar-image {
  object-fit: cover;
}

.rbp-avatar-fallback {
  color: #fff;
  background: linear-gradient(145deg, #ffd36c 0%, #ffb648 56%, #dd6d40 100%);
  place-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  display: grid;
}

.rbp-rank-card {
  padding: 12px;
}

.rbp-rank-line, .rbp-rank-exp {
  color: var(--rbp-text-soft);
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.rbp-rank-track {
  background: #ffffff1f;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.rbp-rank-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, #57a6ff 0%, #5fc7ff 54%, #9b7dff 100%);
  height: 100%;
}

.rbp-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rbp-stat-box {
  padding: 12px;
}

.rbp-stat-value {
  color: var(--rbp-text);
  font-size: 1rem;
  font-weight: 600;
}

.rbp-stat-label {
  color: var(--rbp-text-soft);
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
}

.rbp-game-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.rbp-game-card {
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  padding: 10px;
}

.rbp-game-thumb {
  color: #fff;
  border-radius: 7px;
  place-items: center;
  width: 54px;
  height: 54px;
  display: grid;
}

.rbp-game-thumb-blue {
  background: linear-gradient(145deg, #57a6ff 0%, #3b6fff 100%);
}

.rbp-game-thumb-violet {
  background: linear-gradient(145deg, #9b7dff 0%, #6d56ff 100%);
}

.rbp-game-meta {
  min-width: 0;
}

.rbp-game-label {
  color: var(--rbp-text-faint);
  font-size: 10px;
  font-weight: 500;
}

.rbp-game-name {
  color: var(--rbp-text);
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
}

.rbp-balance-bar {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 10px;
  display: grid;
}

.rbp-balance-item, .rbp-balance-action {
  padding: 12px;
}

.rbp-balance-action {
  justify-content: center;
  align-items: center;
  min-height: auto;
  display: inline-flex;
}

.rbp-balance-label {
  color: var(--rbp-text-soft);
  font-size: 11px;
  font-weight: 500;
}

.rbp-balance-value {
  color: var(--rbp-text);
  font-size: 1.2rem;
  font-weight: 600;
}

.rbp-balance-value.accent-gold {
  color: var(--rbp-gold);
}

.rbp-balance-value.accent-blue {
  color: var(--rbp-cyan);
}

.rbp-tabs {
  gap: 4px;
  padding: 6px;
}

.rbp-tab {
  min-height: 42px;
  color: var(--rbp-text-soft);
  flex: 1 1 0;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
}

.rbp-tab.is-active {
  color: var(--rbp-text);
  border-color: #57a6ff4d;
  box-shadow: inset 0 -2px #57a6ff;
}

.rbp-section-stack {
  gap: 12px;
  display: grid;
}

.rbp-section-title {
  color: var(--rbp-text);
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 600;
}

.rbp-card-grid {
  gap: 12px;
  display: grid;
}

.rbp-card-grid-top {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rbp-card-grid-bottom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rbp-action-card {
  padding: 12px;
}

.rbp-action-icon {
  width: 28px;
  height: 28px;
  color: var(--rbp-gold);
  background: #ffb64824;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.rbp-action-title {
  color: var(--rbp-text);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.rbp-inline-status {
  margin-left: auto;
  font-size: 11px;
  font-weight: 500;
}

.rbp-inline-status.is-verified {
  color: var(--rbp-cyan);
}

.rbp-inline-status.is-warning {
  color: #ff8692;
}

.rbp-action-copy {
  color: var(--rbp-text-soft);
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.rbp-session-table {
  overflow: hidden;
}

.rbp-session-head, .rbp-session-row {
  grid-template-columns: 1.2fr .9fr .9fr 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: grid;
}

.rbp-session-head {
  color: var(--rbp-text-faint);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.rbp-session-row {
  color: var(--rbp-text);
  border-top: 1px solid var(--rbp-border);
  font-size: 13px;
  font-weight: 700;
}

.rbp-session-browser {
  color: var(--rbp-text);
  align-items: center;
}

.rbp-placeholder-card {
  padding: 24px;
}

.rbp-placeholder-card h2 {
  color: var(--rbp-text);
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.rbp-placeholder-card p {
  color: var(--rbp-text-soft);
  margin: 8px 0 0;
  font-size: 13px;
}

@media (max-width: 1100px) {
  .rbp-hero-main, .rbp-balance-bar, .rbp-card-grid-top, .rbp-card-grid-bottom {
    grid-template-columns: 1fr;
  }

  .rbp-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rb-wallet-page, .rb-promos-page, .rb-leaderboard-page {
  color: var(--rb-text);
  gap: 14px;
  display: grid;
}

.rb-wallet-hero, .rb-wallet-panel, .rb-promos-filter, .rb-leaderboard-hero, .rb-leaderboard-list {
  background: var(--rb-panel-glow), var(--rb-surface);
  border-radius: 7px;
}

.rb-wallet-hero {
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  min-height: 190px;
  padding: 22px;
  display: flex;
}

.rb-wallet-kicker, .rb-promo-badge, .rb-leaderboard-brand {
  color: var(--rb-gold);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.rb-wallet-hero h1, .rb-leaderboard-hero h1 {
  margin: 8px 0;
  font-size: clamp(30px, 4vw, 52px);
  line-height: .95;
}

.rb-wallet-hero p, .rb-wallet-summary p, .rb-leaderboard-hero p {
  color: var(--rb-text-soft);
}

.rb-wallet-balance, .rb-wallet-summary {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  padding: 16px;
}

.rb-wallet-balance strong {
  margin-top: 5px;
  font-size: 24px;
  display: block;
}

.rb-wallet-tabs, .rb-promos-filter, .rb-leaderboard-switcher {
  gap: 8px;
  padding: 8px;
  display: flex;
  overflow-x: auto;
}

.rb-wallet-tabs button, .rb-promos-filter button, .rb-leaderboard-switcher button, .rb-leaderboard-switcher a {
  background: var(--rb-surface-sunken);
  min-height: 42px;
  color: var(--rb-text-soft);
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 500;
  display: inline-flex;
}

.rb-wallet-tabs button.is-active, .rb-promos-filter button.is-active, .rb-leaderboard-switcher button.is-active, .rb-leaderboard-switcher a.is-active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rb-promos-filter span {
  background: #00000024;
  border-radius: 999px;
  padding: 2px 7px;
}

.slot-reel-strip {
  transform: translateY(-130px);
}

.slot-reel-strip.is-spinning {
  will-change: transform;
  animation: .52s linear infinite slot-reel-spin;
}

@keyframes slot-reel-spin {
  0% {
    filter: blur();
    transform: translateY(-130px);
  }

  48% {
    filter: blur(1px);
  }

  100% {
    filter: blur();
    transform: translateY(-910px);
  }
}

.rb-wallet-panel {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 14px;
  padding: 14px;
  display: grid;
}

.rb-wallet-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rb-wallet-form label {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.rb-wallet-form input, .rb-wallet-form select {
  background: var(--rb-surface-sunken);
  min-height: 44px;
  color: var(--rb-text);
  text-transform: none;
  border: 1px solid #7f8ca033;
  border-radius: 7px;
  padding: 0 12px;
}

.rb-wallet-summary {
  align-content: start;
  gap: 12px;
  display: grid;
}

.rb-wallet-summary button, .rb-promo-content button {
  background: var(--rb-gold-gradient);
  min-height: 44px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  font-weight: 600;
}

.rb-wallet-message, .rb-promo-message, .rb-leaderboard-message, .rb-leaderboard-empty {
  background: var(--rb-surface-sunken);
  color: var(--rb-text-soft);
  border-radius: 7px;
  padding: 12px;
  font-weight: 700;
}

.rb-promos-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.promo-detail-body h2, .promo-detail-body h3, .promo-detail-body h4 {
  color: var(--rb-text);
  margin: 14px 0 6px;
  font-size: 15px;
  font-weight: 500;
}

.promo-detail-body p {
  margin: 0 0 10px;
}

.promo-detail-body ul, .promo-detail-body ol {
  margin: 0 0 10px;
  padding-left: 20px;
}

.promo-detail-body li {
  margin-bottom: 5px;
}

.promo-detail-body a {
  color: var(--rb-gold);
  text-decoration: underline;
}

.promo-detail-body strong {
  color: var(--rb-text);
  font-weight: 500;
}

.promo-detail-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  font-size: 12px;
}

.promo-detail-body th {
  background: var(--rb-card-sunken);
  text-align: left;
  padding: 6px 10px;
  font-weight: 500;
}

.promo-detail-body td {
  padding: 6px 10px;
}

.promo-detail-body tr:nth-child(odd) td {
  background: #ffffff08;
}

.rb-promo-card {
  background: var(--rb-card-deep);
  border-radius: 10px;
  min-height: 186px;
  transition: transform .16s, filter .16s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 34px #00000038;
}

.rb-promo-card:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.rb-promo-image, .rb-promo-shade {
  position: absolute;
  inset: 0;
}

.rb-promo-image {
  background-position: center;
  background-size: cover;
}

.rb-promo-shade {
  background: radial-gradient(circle at 92% 20%, #f5ca552e, #0000 28%), linear-gradient(90deg, #090d16f0 0%, #090d16a8 44%, #090d1614 100%);
}

.rb-promo-content {
  color: #fff;
  align-content: center;
  gap: 8px;
  padding: 20px;
  display: grid;
  position: absolute;
  inset: 0;
}

.rb-promo-content h2 {
  color: #fff;
  text-transform: uppercase;
  max-width: 260px;
  margin: 0;
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 600;
  line-height: 1.02;
}

.rb-promo-content p {
  color: #ffffffc7;
  max-width: 250px;
  font-size: 13px;
  font-weight: 700;
}

.fw-overlay {
  z-index: 120;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.fw-backdrop {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: radial-gradient(circle at 50% 34%, #e7bb5c24, #0000 30%), #04070fc7;
  position: absolute;
  inset: 0;
}

.fw-modal {
  background: radial-gradient(circle at 50% 20%,
      var(--rb-gold),
      transparent 28%),
    radial-gradient(circle at 50% 62%,
      #7c3aed38,
      transparent 38%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border-radius: 16px;
  width: min(96vw, 680px);
  height: min(94vh, 780px);
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .fw-modal {
    background: radial-gradient(circle at 50% 20%,
      color-mix(in srgb, var(--rb-gold) 18%, transparent),
      transparent 28%),
    radial-gradient(circle at 50% 62%,
      #7c3aed38,
      transparent 38%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  }
}

.fw-modal {
  color: #fff;
  isolation: isolate;
  box-shadow: 0 28px 84px #00000085, inset 0 1px #ffffff14;
}

.fw-modal:before {
  content: "";
  z-index: -1;
  opacity: .38;
  background: radial-gradient(circle at 50% 72%, #e7bb5c24, #0000 42%);
  position: absolute;
  inset: 0;
}

.fw-sound, .fw-close {
  z-index: 5;
  color: #ffffffd1;
  background: #ffffff21;
  border-radius: 7px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 12px;
}

.fw-sound {
  left: 14px;
}

.fw-close {
  right: 14px;
}

.fw-vip-tabs {
  z-index: 6;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  scrollbar-width: none;
  background: linear-gradient(#121827b3 0%, #080c1875 100%);
  border: 1px solid #f5d56b29;
  border-radius: 12px;
  gap: 5px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 54px;
  right: 54px;
  overflow-x: auto;
  box-shadow: inset 0 1px #ffffff12, 0 12px 24px #0000002e;
}

.fw-vip-tabs::-webkit-scrollbar {
  display: none;
}

.fw-vip-tabs button {
  color: #ffffffad;
  text-transform: uppercase;
  background: #ffffff0b;
  border-radius: 9px;
  min-width: 64px;
  height: 30px;
  font-size: 10.5px;
  font-weight: 600;
  position: relative;
  box-shadow: inset 0 1px #ffffff0a;
}

.fw-vip-tabs button.is-active {
  color: #251803;
  background: linear-gradient(#ffffff5c 0%, #fff0 52%), linear-gradient(#f5d56b 0%, #d9a22a 100%);
  box-shadow: 0 0 0 1px #fff1aa52, 0 10px 20px #d9a22a38, inset 0 -2px #5b390838;
}

.fw-mode-tabs {
  z-index: 6;
  justify-content: center;
  gap: 8px;
  margin: 4px 0 2px;
  display: flex;
  position: relative;
}

.fw-mode-tabs button {
  color: #ffffffb3;
  background: #ffffff0b;
  border-radius: 9px;
  min-width: 120px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
}

.fw-mode-tabs button.is-active {
  color: #251803;
  background: linear-gradient(#f5d56b 0%, #d9a22a 100%);
  box-shadow: 0 0 0 1px #fff1aa52, 0 8px 16px #d9a22a38;
}

.fw-code-row {
  z-index: 6;
  justify-content: center;
  margin: 6px 0 2px;
  display: flex;
  position: relative;
}

.fw-code-input {
  color: #fff;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #00000047;
  border: 1px solid #fff1aa47;
  border-radius: 10px;
  outline: none;
  width: min(280px, 80%);
  height: 38px;
  font-size: 14px;
  font-weight: 700;
}

.fw-code-input::placeholder {
  color: #fff6;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 500;
}

.fw-code-input:focus {
  border-color: #fff1aa99;
  box-shadow: 0 0 0 2px #d9a22a40;
}

.fw-title-img {
  z-index: 4;
  filter: drop-shadow(0 12px 16px #00000047);
  width: 310px;
  display: block;
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-star-decor {
  z-index: 1;
  opacity: .26;
  pointer-events: none;
  width: 610px;
  position: absolute;
  top: 94px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-subtitle {
  display: none;
}

.fw-stage {
  --fw-size: min(82vw, 560px);
  height: 590px;
  margin: 0;
  position: absolute;
  top: 134px;
  left: 0;
  right: 0;
}

.fw-rays, .fw-coins {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
}

.fw-rays {
  width: calc(var(--fw-size) * 1.18);
  opacity: .24;
  mix-blend-mode: screen;
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-coins {
  width: calc(var(--fw-size) * 1.12);
  opacity: .18;
  top: -126px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-wheel-wrap {
  width: var(--fw-size);
  aspect-ratio: 1;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-light {
  object-fit: contain;
  opacity: .96;
  width: 100%;
  height: 100%;
  animation: 1.15s ease-in-out infinite alternate fw-light-blink;
  position: absolute;
  inset: 0;
}

.fw-wheel {
  will-change: transform;
  transition: transform 4.05s cubic-bezier(.08, .72, .08, 1);
  position: absolute;
  inset: 5.5%;
}

.fw-wheel.is-spinning {
  filter: drop-shadow(0 18px 24px #0000006b);
}

.fw-wheel-img {
  object-fit: contain;
  filter: drop-shadow(0 24px 34px #0000006b);
  width: 100%;
  height: 100%;
}

.fw-segment-label {
  transform-origin: 50% 100%;
  width: 94px;
  transform: rotate(var(--fw-angle)) translateY(calc(var(--fw-size) * -.34));
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 4px #1e003c80;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-left: -47px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.05;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.fw-segment-label span {
  max-width: 92px;
  display: block;
}

.fw-pointer {
  z-index: 5;
  width: calc(var(--fw-size) * .37);
  filter: drop-shadow(0 8px 8px #00000057);
  position: absolute;
  top: 50%;
  left: 62%;
  transform: translateY(-50%)rotate(0);
}

.fw-spin-btn {
  z-index: 6;
  filter: drop-shadow(0 10px 16px #00000057);
  border-radius: 50%;
  place-items: center;
  width: 112px;
  height: 112px;
  margin: 0;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fw-spin-btn:disabled {
  opacity: .72;
}

.fw-spin-btn img {
  object-fit: contain;
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}

.fw-result {
  z-index: 3;
  color: #fff;
  text-align: center;
  background: #ffffff14;
  border-radius: 9px;
  width: auto;
  margin: 0;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  bottom: 24px;
  left: 18px;
  right: 18px;
}

.fw-result.is-error {
  color: #ffd0d0;
}

.mtc-page {
  color: var(--rb-text);
  grid-template-columns: 260px minmax(0, 1fr) 250px;
  grid-template-areas: "markets chart ticket"
                       "trades trades trades";
  gap: 16px;
  display: grid;
}

.mtc-market-list, .mtc-main, .mtc-ticket, .mtc-trades {
  background: linear-gradient(180deg,
    var(--rb-surface) 0%,
    var(--rb-surface) 100%);
  border-radius: 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list, .mtc-main, .mtc-ticket, .mtc-trades {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-surface) 92%, #2b333d 8%) 0%,
    var(--rb-surface) 100%);
  }
}

.mtc-market-list, .mtc-main, .mtc-ticket, .mtc-trades {
  box-shadow: inset 0 1px 0 var(--rb-text),
    0 16px 44px #00000029;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list, .mtc-main, .mtc-ticket, .mtc-trades {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rb-text) 7%, transparent),
    0 16px 44px #00000029;
  }
}

.mtc-market-list {
  grid-area: markets;
  padding: 12px;
}

.mtc-main {
  grid-area: chart;
  padding: 18px;
}

.mtc-ticket {
  grid-area: ticket;
  padding: 14px;
}

.mtc-trades {
  grid-area: trades;
  padding: 14px;
}

.mtc-section-head, .mtc-topbar, .mtc-symbol, .mtc-tools, .mtc-actions, .mtc-quick, .mtc-trades nav {
  align-items: center;
  gap: 8px;
  display: flex;
}

.mtc-section-head, .mtc-topbar {
  justify-content: space-between;
}

.mtc-section-head h2, .mtc-ticket h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.mtc-market-list select, .mtc-symbol-select, .mtc-ticket select, .mtc-tools select, .mtc-tools button, .mtc-trades nav button {
  border: 1px solid var(--rb-text);
  height: 34px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list select, .mtc-symbol-select, .mtc-ticket select, .mtc-tools select, .mtc-tools button, .mtc-trades nav button {
    border: 1px solid color-mix(in srgb, var(--rb-text) 12%, transparent);
  }
}

.mtc-market-list select, .mtc-symbol-select, .mtc-ticket select, .mtc-tools select, .mtc-tools button, .mtc-trades nav button {
  background: linear-gradient(180deg,
    var(--rb-bg) 0%,
    var(--rb-bg) 100%);
  border-radius: 9px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list select, .mtc-symbol-select, .mtc-ticket select, .mtc-tools select, .mtc-tools button, .mtc-trades nav button {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-bg) 72%, #334051 18%) 0%,
    color-mix(in srgb, var(--rb-bg) 88%, #111820 12%) 100%);
  }
}

.mtc-market-list select, .mtc-symbol-select, .mtc-ticket select, .mtc-tools select, .mtc-tools button, .mtc-trades nav button {
  color: var(--rb-text);
  outline: none;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: inset 0 1px #ffffff0a;
}

.mtc-market-list select:hover, .mtc-symbol-select:hover, .mtc-ticket select:hover, .mtc-tools select:hover, .mtc-tools button:hover, .mtc-trades nav button:hover {
  border-color: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list select:hover, .mtc-symbol-select:hover, .mtc-ticket select:hover, .mtc-tools select:hover, .mtc-tools button:hover, .mtc-trades nav button:hover {
    border-color: color-mix(in srgb, var(--rb-gold) 35%, transparent);
  }
}

.mtc-market-select {
  width: 100%;
  margin: 10px 0 4px;
}

.mtc-symbol-select {
  min-width: 190px;
  max-width: min(320px, 34vw);
  height: 38px;
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 700;
}

.mtc-zoom-controls {
  border: 1px solid var(--rb-text);
  align-items: center;
  gap: 2px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-zoom-controls {
    border: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.mtc-zoom-controls {
  background: var(--rb-bg);
  border-radius: 9px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-zoom-controls {
    background: color-mix(in srgb, var(--rb-bg) 72%, var(--rb-text) 7%);
  }
}

.mtc-zoom-controls {
  padding: 3px;
}

.mtc-zoom-controls button {
  min-width: 28px;
  height: 26px;
  color: var(--rb-text-soft);
  background: none;
  border-radius: 6px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
}

.mtc-zoom-controls button:hover {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-zoom-controls button:hover {
    background: color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.mtc-zoom-controls button:hover {
  color: var(--rb-text);
}

.mtc-market-list > button {
  text-align: left;
  border: 1px solid #0000;
  border-radius: 9px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  padding: 9px;
  transition: background .2s, transform .2s;
  display: grid;
}

.mtc-market-list > button:hover, .mtc-market-list > button.is-active {
  border-color: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list > button:hover, .mtc-market-list > button.is-active {
    border-color: color-mix(in srgb, var(--rb-gold) 20%, transparent);
  }
}

.mtc-market-list > button:hover, .mtc-market-list > button.is-active {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-market-list > button:hover, .mtc-market-list > button.is-active {
    background: color-mix(in srgb, var(--rb-gold) 10%, transparent);
  }
}

.mtc-market-list > button > span, .mtc-symbol > span, .mtc-user > span {
  background: var(--rb-gold-gradient);
  width: 32px;
  height: 32px;
  color: var(--rb-gold-deep);
  border-radius: 50%;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.mtc-market-list strong, .mtc-symbol strong {
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  display: grid;
}

.mtc-market-list small {
  color: var(--rb-text-soft);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.mtc-market-list em, .mtc-symbol em {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 500;
}

.mtc-chart {
  background: linear-gradient(#242b2b 0%, #202626 100%);
  border-radius: 9px;
  height: 420px;
  margin-top: 14px;
  position: relative;
  overflow: hidden;
}

.mtc-chart svg {
  shape-rendering: geometricprecision;
  width: 100%;
  height: 100%;
}

.mtc-chart line {
  stroke: #8f9ea71a;
  stroke-width: 1px;
}

.mtc-axis-label {
  fill: #d5dee1b8;
  paint-order: stroke;
  stroke: #232929;
  stroke-width: 4px;
  font-size: 11px;
  font-weight: 500;
}

.mtc-time-label {
  text-anchor: middle;
}

.mtc-candle line {
  stroke-width: 2px;
}

.mtc-candle rect {
  opacity: .92;
}

.mtc-candle.is-up line, .mtc-candle.is-up rect {
  fill: #f6d45f;
  stroke: #f6d45f;
}

.mtc-candle.is-down line, .mtc-candle.is-down rect {
  fill: #ff3d71;
  stroke: #ff3d71;
}

.mtc-chart-marker circle {
  fill: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-chart-marker circle {
    fill: color-mix(in srgb, var(--rb-gold) 84%, white 6%);
  }
}

.mtc-chart-marker circle {
  stroke: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-chart-marker circle {
    stroke: color-mix(in srgb, var(--rb-bg) 80%, black 10%);
  }
}

.mtc-chart-marker circle {
  stroke-width: 3px;
}

.mtc-chart-marker line {
  stroke: var(--rb-gold);
  stroke-width: 2px;
  stroke-dasharray: 5 5;
}

.mtc-chart-marker text {
  fill: var(--rb-text);
  paint-order: stroke;
  stroke: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-chart-marker text {
    stroke: color-mix(in srgb, var(--rb-bg) 82%, black 10%);
  }
}

.mtc-chart-marker text {
  stroke-width: 5px;
  font-size: 14px;
  font-weight: 700;
}

.mtc-chart-marker.is-closed circle {
  fill: #ff3d71;
}

.mtc-price-line {
  stroke-dasharray: 5 7;
  stroke-width: 1px;
  stroke: #20d778 !important;
}

.mtc-crosshair {
  pointer-events: none;
}

.mtc-crosshair line {
  stroke: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-crosshair line {
    stroke: color-mix(in srgb, var(--rb-text) 38%, transparent);
  }
}

.mtc-crosshair line {
  stroke-width: 1px;
  stroke-dasharray: 6 6;
}

.mtc-crosshair rect {
  fill: var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-crosshair rect {
    fill: color-mix(in srgb, var(--rb-bg) 82%, #000 12%);
  }
}

.mtc-crosshair rect {
  stroke: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-crosshair rect {
    stroke: color-mix(in srgb, var(--rb-text) 16%, transparent);
  }
}

.mtc-crosshair text {
  fill: var(--rb-text);
  text-anchor: middle;
  font-size: 11px;
  font-weight: 500;
}

.mtc-live-dot {
  fill: #dff53f;
  stroke: #1f2525;
  stroke-width: 3px;
  filter: drop-shadow(0 0 8px #dff53f8c);
}

.mtc-last-price {
  color: #062715;
  z-index: 3;
  background: #23d27c;
  border-radius: 6px;
  padding: 4px 7px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  right: 14px;
}

.mtc-chart-toolbar {
  z-index: 4;
  color: #e8f1f4;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mtc-round, .mtc-timeframes {
  align-items: center;
  gap: 8px;
  display: flex;
}

.mtc-round span {
  color: #202829;
  background: #dfecefc7;
  border-radius: 50%;
  place-items: center;
  width: 14px;
  height: 14px;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.mtc-round strong, .mtc-timeframes button {
  color: #e8f1f4;
  font-size: 12px;
  font-weight: 500;
}

.mtc-round b {
  color: #fff;
  font-size: 13px;
}

.mtc-timeframes {
  pointer-events: auto;
}

.mtc-timeframes button {
  background: none;
  border-radius: 5px;
  min-width: 28px;
  height: 24px;
  padding: 0 7px;
}

.mtc-timeframes button:hover, .mtc-timeframes button.is-active {
  background: #ffffff14;
}

.mtc-view-toggle {
  z-index: 4;
  align-items: center;
  gap: 4px;
  display: flex;
  position: absolute;
  top: 32px;
  left: 22px;
}

.mtc-view-toggle button, .mtc-collapse, .mtc-chart-cog {
  color: #ecf3f5d1;
  background: #ffffff14;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
}

.mtc-view-toggle button {
  height: 28px;
  padding: 0 10px;
}

.mtc-view-toggle button.is-active {
  color: #fff;
  background: #ffffff1f;
}

.mtc-collapse {
  z-index: 4;
  color: #fff;
  background: none;
  width: 22px;
  height: 30px;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.mtc-brand-watermark {
  color: #ffffff14;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  bottom: 32px;
  left: 28px;
}

.mtc-chart-cog {
  color: #e6eff2d1;
  background: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  bottom: 18px;
  right: 18px;
}

.mtc-ticket label {
  border: 1px solid var(--rb-text);
  gap: 6px;
  margin-top: 12px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-ticket label {
    border: 1px solid color-mix(in srgb, var(--rb-text) 10%, transparent);
  }
}

.mtc-ticket label {
  background: var(--rb-bg);
  border-radius: 9px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-ticket label {
    background: color-mix(in srgb, var(--rb-bg) 72%, transparent);
  }
}

.mtc-ticket label {
  padding: 11px;
}

.mtc-ticket label span, .mtc-table-head, .mtc-row small, .mtc-ticket p {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 700;
}

.mtc-ticket input:not([type="range"]) {
  width: 100%;
  color: var(--rb-text);
  background: none;
  outline: none;
  font-size: 18px;
  font-weight: 700;
}

.mtc-ticket input[type="range"] {
  accent-color: var(--rb-gold);
}

.mtc-leverage-scale {
  color: var(--rb-text-soft);
  justify-content: space-between;
  margin: 8px 0 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.mtc-quick button, .mtc-actions button {
  background: linear-gradient(180deg,
    var(--rb-bg) 0%,
    var(--rb-bg) 100%);
  border-radius: 8px;
  flex: 1;
  height: 38px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-quick button, .mtc-actions button {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-bg) 72%, #334051 16%) 0%,
    color-mix(in srgb, var(--rb-bg) 88%, #111820 12%) 100%);
  }
}

.mtc-quick button, .mtc-actions button {
  color: var(--rb-text-soft);
  font-weight: 500;
}

.mtc-actions button:first-child {
  background: linear-gradient(180deg,
    var(--rb-gold) 0%,
    var(--rb-gold) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-actions button:first-child {
    background: linear-gradient(180deg,
    color-mix(in srgb, var(--rb-gold) 88%, white 5%) 0%,
    color-mix(in srgb, var(--rb-gold) 74%, #896d10 26%) 100%);
  }
}

.mtc-actions button:first-child {
  color: #211802;
}

.mtc-actions button:last-child {
  color: var(--rb-text);
  background: linear-gradient(#313946 0%, #252c36 100%);
}

.mtc-actions button:disabled {
  opacity: .45;
}

.mtc-trades nav {
  margin-bottom: 14px;
}

.mtc-trades nav button.is-active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.mtc-table-head, .mtc-row {
  grid-template-columns: 1fr 120px 120px 150px 150px 140px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.mtc-row {
  background: var(--rb-bg);
  border-radius: 8px;
  min-height: 56px;
  margin-top: 8px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-row {
    background: color-mix(in srgb, var(--rb-bg) 80%, var(--rb-text) 6%);
  }
}

.mtc-row {
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
}

.mtc-user {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.mtc-row span {
  min-width: 0;
}

.mtc-row small {
  display: block;
}

.mtc-empty {
  color: var(--rb-text-soft);
  text-align: center;
  padding: 28px;
  font-weight: 700;
}

.mtc-help-backdrop {
  z-index: 80;
  background: #0000009e;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.mtc-help-modal {
  border: 1px solid var(--rb-gold);
  width: min(720px, 100%);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-help-modal {
    border: 1px solid color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.mtc-help-modal {
  background: var(--rb-surface);
  color: var(--rb-text);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 24px 80px #00000073;
}

.mtc-help-modal h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.mtc-help-modal p, .mtc-help-modal li {
  color: var(--rb-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.mtc-help-modal ol {
  gap: 10px;
  margin: 18px 0;
  padding-left: 22px;
  display: grid;
}

.mtc-help-close {
  background: var(--rb-bg);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 14px;
  right: 14px;
}

@supports (color: color-mix(in lab, red, red)) {
  .mtc-help-close {
    background: color-mix(in srgb, var(--rb-bg) 78%, var(--rb-text) 8%);
  }
}

.mtc-help-close {
  color: var(--rb-text);
  font-weight: 700;
}

@media (max-width: 1180px) {
  .mtc-page {
    grid-template-columns: 1fr;
    grid-template-areas: "chart"
                         "ticket"
                         "markets"
                         "trades";
  }

  .mtc-market-list {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
    display: grid;
  }

  .mtc-section-head, .mtc-market-select {
    grid-column: 1 / -1;
  }

  .mtc-table-head, .mtc-row {
    grid-template-columns: minmax(130px, 1fr) 100px 90px 110px 110px 110px;
    min-width: 760px;
  }

  .mtc-trades {
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  .mtc-chart {
    height: 330px;
  }

  .mtc-tools {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .mtc-help-backdrop {
    align-items: end;
    padding: 0;
  }

  .mtc-help-modal {
    border-radius: 16px 16px 0 0;
    width: 100%;
    max-height: 86vh;
    overflow: auto;
  }
}

.rpf-contest-top, .rpf-contest-player, .rpf-contest-table, .rpf-raffle-hero {
  background: var(--rb-surface);
  color: var(--rb-text);
  border-radius: 9px;
  box-shadow: inset 0 1px #ffffff0a;
}

.rpf-deposit-page {
  --rpf-accent: var(--rb-gold);
  --rpf-accent-strong: var(--rb-gold-strong);
  --rpf-accent-text: var(--rb-gold-deep);
  width: min(1218px, 100vw - 48px);
  color: var(--rb-text);
  margin: 0 auto;
  padding: 8px 0 28px;
}

.rpf-deposit-kicker, .rpf-deposit-section-title, .rpf-contest-prize p, .rpf-raffle-hero p {
  color: var(--rpf-accent, #f5d56b);
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.rpf-deposit-panel {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border: 1px solid #ffffff13;
  border-radius: 9px;
  margin-top: 16px;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0a;
}

.rpf-deposit-panel-head {
  border-bottom: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  min-height: 59px;
  padding: 0 18px;
  display: flex;
}

.rpf-deposit-panel-head > div {
  align-items: center;
  gap: 11px;
  display: flex;
}

.rpf-deposit-panel-head strong {
  font-size: 15px;
  font-weight: 600;
}

.rpf-deposit-panel-head span, .rpf-deposit-card-reset {
  color: #ffffffc7;
  background: #ffffff0e;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.rpf-deposit-panel-head > svg {
  color: #ffffffc7;
}

.rpf-deposit-panel-body {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: center;
  gap: 34px;
  min-height: 272px;
  padding: 30px 19px 30px 38px;
  display: grid;
}

.rpf-deposit-main h1 {
  margin: 0 0 38px;
  font-size: clamp(24px, 2.3vw, 28px);
  font-weight: 600;
  line-height: 1.1;
}

.rpf-deposit-track {
  --stage-count: 4;
  grid-template-columns: repeat(var(--stage-count), minmax(110px, 1fr));
  align-items: start;
  display: grid;
  position: relative;
}

.rpf-deposit-track:before {
  content: "";
  background: #080d115c;
  border-radius: 999px;
  height: 14px;
  position: absolute;
  top: 18px;
  left: 64px;
  right: 64px;
}

.rpf-deposit-stage {
  z-index: 1;
  color: #ffffff75;
  justify-items: center;
  gap: 12px;
  font-weight: 600;
  display: grid;
  position: relative;
}

.rpf-deposit-stage strong {
  color: #ffffffad;
  background: #1b2129;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  box-shadow: 0 0 0 6px #10151bad;
}

.rpf-deposit-stage.is-active strong {
  border: 3px solid var(--rpf-accent);
  color: var(--rpf-accent);
  background: #263038;
  box-shadow: 0 0 0 6px #151e22b8, 0 0 22px #f5d56b29;
}

.rpf-deposit-stage span {
  color: #ffffff8f;
  text-transform: uppercase;
  background: #080c125c;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 12px;
  position: relative;
}

.rpf-deposit-stage.is-active span {
  color: #fff;
  box-shadow: inset 0 0 0 2px var(--rpf-accent);
  background: none;
}

.rpf-deposit-stage.is-active span:before {
  content: "";
  border-right: 5px solid #0000;
  border-bottom: 6px solid var(--rpf-accent);
  border-left: 5px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.rpf-deposit-checklist {
  background: #0c10145c;
  border-radius: 9px;
  padding: 22px 20px 20px;
}

.rpf-deposit-checklist ul {
  gap: 16px;
  margin: 0 0 20px;
  padding: 0 0 0 36px;
  display: grid;
  position: relative;
}

.rpf-deposit-checklist ul:before {
  content: "";
  background: repeating-linear-gradient(to bottom,
    var(--rpf-accent) 0 5px,
    transparent 5px 13px);
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 14px;
}

.rpf-deposit-checklist li {
  color: #ffffffe0;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  position: relative;
}

.rpf-deposit-checklist li:before {
  content: "";
  background: var(--rpf-accent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 5px;
  left: -26px;
  box-shadow: 0 0 12px #f5d56b80;
}

.rpf-deposit-checklist button, .rpf-deposit-offer-card button {
  background: var(--rb-gold-gradient);
  width: 100%;
  min-height: 40px;
  color: var(--rb-gold-deep);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
}

.rpf-deposit-section-title {
  color: var(--rb-text-soft);
  margin: 26px 0 16px;
}

.rpf-deposit-offers {
  grid-template-columns: minmax(0, 395px);
  gap: 14px;
  display: grid;
}

.rpf-raffle-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.rpf-raffle-stats {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.rpf-raffle-stats strong {
  background: var(--rb-text);
  border-radius: 999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-stats strong {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.rpf-raffle-stats strong {
  color: var(--rb-text);
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 600;
}

.rpf-raffle-table {
  background: var(--rb-surface);
  min-height: 100%;
  color: var(--rb-text);
  border-radius: 9px;
  grid-column: span 2;
  overflow: hidden;
}

.rpf-raffle-table header, .rpf-raffle-table div, .rpf-contest-table header, .rpf-contest-table div {
  grid-template-columns: 72px minmax(0, 1fr) minmax(120px, .35fr);
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 18px;
  display: grid;
}

.rpf-contest-table header, .rpf-contest-table div {
  grid-template-columns: 72px minmax(0, 1fr) minmax(150px, .35fr) minmax(150px, .35fr);
}

.rpf-raffle-table header, .rpf-contest-table header {
  color: var(--rb-text-faint);
  font-size: 12px;
  font-weight: 600;
}

.rpf-raffle-table div, .rpf-contest-table div {
  border-top: 1px solid var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-table div, .rpf-contest-table div {
    border-top: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.rpf-raffle-table em, .rpf-contest-table em, .rpf-contest-table span:nth-child(3) {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 600;
}

.rpf-empty-row {
  color: var(--rb-text-soft);
  font-size: 14px;
  font-weight: 600;
  padding: 24px 18px !important;
  display: block !important;
}

.rpf-deposit-offer-card {
  background: var(--rb-surface);
  min-height: 212px;
  color: var(--rb-text);
  border-radius: 9px;
  align-content: start;
  gap: 12px;
  padding: 20px 16px 15px;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff0f, inset 0 1px #ffffff09;
}

.rpf-deposit-card-reset {
  background: #ffffff0f;
  border-radius: 0 9px 0 8px;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.rpf-deposit-offer-card header {
  align-items: center;
  gap: 12px;
  padding-right: 116px;
  display: flex;
}

.rpf-deposit-gift {
  width: 48px;
  height: 48px;
  color: var(--rb-gold);
  filter: drop-shadow(0 10px 14px #00000052);
  place-items: center;
  display: grid;
}

.rpf-deposit-offer-card h3 {
  margin: 0 0 7px;
  font-size: 16px;
  font-weight: 600;
}

.rpf-deposit-offer-card header span {
  background: var(--rb-text);
  border-radius: 5px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-deposit-offer-card header span {
    background: color-mix(in srgb, var(--rb-text) 7%, transparent);
  }
}

.rpf-deposit-offer-card header span {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 600;
}

.rpf-deposit-offer-card p {
  background: var(--rb-text);
  border-radius: 7px;
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-deposit-offer-card p {
    background: color-mix(in srgb, var(--rb-text) 5%, transparent);
  }
}

.rpf-deposit-offer-card p {
  color: var(--rb-text-soft);
  padding: 13px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}

.rpf-deposit-offer-card button {
  color: var(--rb-text);
  box-shadow: inset 0 0 0 1px var(--rb-text);
  background: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-deposit-offer-card button {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 10%, transparent);
  }
}

.rpf-deposit-modal-overlay {
  z-index: 70;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #03070cb8;
  justify-content: center;
  align-items: center;
  padding: 22px;
  display: flex;
  position: fixed;
  inset: 0;
}

.rpf-deposit-modal {
  background: radial-gradient(circle at 50% 20%, var(--rb-gold), transparent 28%),
    radial-gradient(circle at 50% 62%, #7c3aed38, transparent 38%),
    linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border: 1px solid #ffffff14;
  border-radius: 9px;
  width: min(1000px, 100vw - 44px);
  max-height: min(760px, 100dvh - 44px);
  overflow: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-deposit-modal {
    background: radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--rb-gold) 18%, transparent), transparent 28%),
    radial-gradient(circle at 50% 62%, #7c3aed38, transparent 38%),
    linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  }
}

.rpf-deposit-modal {
  color: #fff;
  box-shadow: 0 26px 90px #0000007a;
}

.rpf-deposit-modal-head {
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 14px 24px;
  display: flex;
}

.rpf-deposit-modal-head h2 {
  flex: 1;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.rpf-deposit-modal-head button {
  color: #ffffffad;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.rpf-deposit-modal-body {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  padding: 24px;
  display: grid;
}

.rpf-deposit-modal-copy h3, .rpf-deposit-calculator h3 {
  margin: 0 0 9px;
  font-size: 16px;
  font-weight: 600;
}

.rpf-deposit-modal-copy p {
  color: #ffffffa8;
  max-width: 640px;
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.rpf-deposit-stage-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 26px;
  display: grid;
}

.rpf-deposit-stage-cards button {
  text-align: left;
  background: #ffffff0a;
  border: 1px solid #ffffff13;
  border-radius: 7px;
  min-height: 98px;
  padding: 13px 12px;
}

.rpf-deposit-stage-cards button.is-active {
  background: #f5d56b13;
  border-color: #f5d56b73;
}

.rpf-deposit-stage-cards span, .rpf-deposit-stage-cards small, .rpf-deposit-calculator label > span, .rpf-deposit-calc-row span {
  color: #ffffffa3;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.rpf-deposit-stage-cards strong {
  color: var(--rpf-accent);
  margin: 8px 0 6px;
  font-size: 24px;
  font-weight: 600;
  display: block;
}

.rpf-deposit-howto {
  counter-reset: deposit-steps;
  gap: 18px;
  margin: 0;
  padding: 0;
  display: grid;
}

.rpf-deposit-howto li {
  counter-increment: deposit-steps;
  gap: 6px;
  padding-left: 32px;
  list-style: none;
  display: grid;
  position: relative;
}

.rpf-deposit-howto li:before {
  content: counter(deposit-steps);
  width: 20px;
  height: 20px;
  color: var(--rpf-accent);
  background: #f5d56b21;
  border-radius: 50%;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
}

.rpf-deposit-howto strong {
  font-size: 14px;
  font-weight: 600;
}

.rpf-deposit-howto span {
  color: #ffffffa3;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.rpf-deposit-calculator {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border: 1px solid #ffffff16;
  border-radius: 9px;
  align-self: start;
  padding: 18px 15px 15px;
}

.rpf-deposit-calculator label {
  gap: 8px;
  margin-top: 17px;
  display: grid;
}

.rpf-deposit-calculator select, .rpf-deposit-amount-input {
  color: #fff;
  background: #080c1047;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
}

.rpf-deposit-amount-input {
  align-items: center;
  gap: 10px;
  display: flex;
}

.rpf-deposit-amount-input input {
  color: #fff;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.rpf-deposit-amount-input em {
  color: var(--rpf-accent);
  background: #f5d56b1f;
  border-radius: 7px;
  padding: 7px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.rpf-deposit-calc-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  display: flex;
}

.rpf-deposit-calc-row strong {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}

.rpf-deposit-calculator > button {
  background: var(--rb-gold-gradient);
  width: 100%;
  min-height: 40px;
  color: var(--rb-gold-deep);
  border-radius: 9px;
  margin-top: 18px;
  font-size: 13px;
  font-weight: 600;
}

.rpf-contest-top {
  box-shadow: none;
  background: none;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .7fr) minmax(260px, .7fr);
  gap: 12px;
  display: grid;
}

.rpf-contest-top > div, .rpf-contest-player {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border-radius: 9px;
  padding: 24px;
}

.rpf-contest-prize {
  align-items: center;
  gap: 18px;
  display: flex;
}

.rpf-contest-prize svg {
  width: 86px;
  height: 86px;
  color: var(--rb-gold-strong);
}

.rpf-contest-prize strong {
  color: var(--rb-gold);
  margin-top: 10px;
  font-size: 28px;
  font-weight: 600;
  display: block;
}

.rpf-contest-clock {
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  gap: 10px;
  display: grid;
}

.rpf-contest-clock span {
  background: var(--rb-bg);
  border-radius: 11px;
  place-items: center;
  width: 52px;
  height: 60px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-contest-clock span {
    background: color-mix(in srgb, var(--rb-bg) 78%, var(--rb-text) 10%);
  }
}

.rpf-contest-clock span {
  color: var(--rb-text);
  font-size: 22px;
  font-weight: 600;
}

.rpf-contest-clock small {
  color: var(--rb-text-faint);
  font-size: 10px;
  font-weight: 600;
}

.rpf-contest-winner span, .rpf-contest-winner em {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 600;
}

.rpf-contest-player {
  grid-template-columns: 1.2fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  display: grid;
}

.rpf-contest-table header, .rpf-contest-table div {
  grid-template-columns: 80px 1.4fr 1fr 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  display: grid;
}

.rpf-contest-table header {
  color: var(--rb-text-faint);
  font-size: 12px;
  font-weight: 600;
}

.rpf-contest-table div:nth-child(odd) {
  background: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-contest-table div:nth-child(odd) {
    background: color-mix(in srgb, var(--rb-text) 4%, transparent);
  }
}

.rpf-contest-table strong {
  font-weight: 600;
}

.rpf-contest-table em, .rpf-contest-table div span:nth-child(3) {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 600;
}

.rpf-raffle-hero {
  background: radial-gradient(circle at 82% 18%,
      var(--rb-gold),
      transparent 30%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 220px;
  padding: 28px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-hero {
    background: radial-gradient(circle at 82% 18%,
      color-mix(in srgb, var(--rb-gold) 20%, transparent),
      transparent 30%),
    linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  }
}

.rpf-raffle-hero h1 {
  color: var(--rb-text);
  margin: 12px 0;
  font-size: clamp(34px, 5vw, 66px);
  font-weight: 600;
  line-height: .95;
}

.rpf-raffle-hero span {
  max-width: 620px;
  color: var(--rb-text-soft);
  font-weight: 700;
  display: block;
}

.rpf-raffle-hero svg {
  color: #f4d564;
  width: 120px;
  height: 120px;
}

@keyframes fw-wheel-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes fw-light-blink {
  from {
    opacity: .58;
  }

  to {
    opacity: 1;
  }
}

.rb-promo-content button {
  width: fit-content;
  padding: 0 18px;
}

.rb-leaderboard-hero {
  text-align: center;
  min-height: 220px;
  padding: 24px;
}

.rb-leaderboard-switcher {
  justify-content: center;
}

.rb-podium {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 16px;
  min-height: 430px;
  display: grid;
}

.rb-podium-card {
  background: linear-gradient(#2c3444f0 0%, #131924fa 100%);
  border-radius: 7px;
  justify-items: center;
  gap: 10px;
  min-height: 330px;
  padding: 18px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.rb-podium-card.rank-1 {
  background: linear-gradient(#63291ff0 0%, #1a1317fa 100%);
  min-height: 410px;
}

.rb-podium-character {
  object-fit: contain;
  width: min(78%, 250px);
  height: 240px;
  animation: 3s ease-in-out infinite rb-character-float;
}

.rpf-raffle-page, .rpf-contest-page {
  width: min(100%, 1220px);
  color: var(--rb-text);
  margin: 0 auto;
  padding: 18px 14px 34px;
}

.rpf-feature-title-row {
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
  display: flex;
}

.rpf-feature-title-row h1 {
  letter-spacing: 0;
  margin: 0;
  font-size: 19px;
  font-weight: 500;
}

.rpf-feature-title-row > span {
  color: var(--rb-text-soft);
  font-size: 13px;
  font-weight: 700;
}

.rpf-how-button {
  background: var(--rb-gold);
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  margin-left: auto;
  padding: 0 10px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-how-button {
    background: color-mix(in srgb, var(--rb-gold) 12%, transparent);
  }
}

.rpf-how-button {
  color: var(--rb-gold);
  font-size: 12px;
  font-weight: 500;
}

.rpf-raffle-hero {
  background: none;
  border-radius: 8px;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
  min-height: 260px;
  padding: 0;
  display: grid;
}

.rpf-raffle-prize-card, .rpf-raffle-banner, .rpf-raffle-earn-grid article, .rpf-raffle-summary, .rpf-raffle-table, .rpf-contest-top > div, .rpf-contest-player, .rpf-contest-table {
  background: var(--rb-card);
  border-radius: 8px;
}

.rpf-raffle-prize-card {
  text-align: center;
  align-content: center;
  justify-items: center;
  padding: 22px;
  display: grid;
}

.rpf-raffle-prize-card p {
  text-transform: uppercase;
  color: var(--rb-text);
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.rpf-raffle-prize-card h2 {
  color: var(--rb-gold);
  margin: 2px 0 10px;
  font-size: clamp(32px, 5vw, 44px);
  font-weight: 700;
  line-height: 1;
}

.rpf-raffle-prize-card span, .rpf-raffle-prize-card small {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.rpf-raffle-prize-card strong {
  color: var(--rb-text);
  margin: 8px 0 16px;
  font-size: 26px;
  font-weight: 700;
}

.rpf-raffle-prize-card button {
  background: var(--rb-gold-gradient);
  min-height: 44px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  padding: 0 24px;
  font-weight: 700;
}

.rpf-raffle-banner {
  background: radial-gradient(circle at 70% 40%,
      var(--rb-gold),
      transparent 36%),
    linear-gradient(135deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  place-items: center;
  display: grid;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-banner {
    background: radial-gradient(circle at 70% 40%,
      color-mix(in srgb, var(--rb-gold) 28%, transparent),
      transparent 36%),
    linear-gradient(135deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  }
}

.rpf-raffle-banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rpf-raffle-banner svg {
  width: 132px;
  height: 132px;
  color: var(--rb-gold);
}

.rpf-section-label {
  color: var(--rb-text);
  margin: 22px 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.rpf-raffle-earn-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.rpf-raffle-earn-grid article {
  align-items: center;
  gap: 22px;
  min-height: 112px;
  padding: 18px 26px;
  display: flex;
}

.rpf-raffle-earn-grid img, .rpf-raffle-earn-grid svg {
  object-fit: contain;
  width: 92px;
  height: 72px;
  color: var(--rb-gold);
  flex: none;
}

.rpf-raffle-earn-grid span {
  color: var(--rb-text-soft);
  font-size: 13px;
  font-weight: 500;
}

.rpf-raffle-earn-grid strong {
  color: var(--rb-text);
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.rpf-raffle-summary {
  box-shadow: 0 0 0 1px var(--rb-gold);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-summary {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rb-gold) 20%, transparent);
  }
}

.rpf-raffle-summary {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-raffle-summary {
    background: color-mix(in srgb, var(--rb-gold) 12%, transparent);
  }
}

.rpf-raffle-summary {
  padding: 18px 28px;
}

.rpf-raffle-summary div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.rpf-raffle-summary span {
  color: var(--rb-text-soft);
  font-size: 13px;
  font-weight: 500;
}

.rpf-raffle-summary strong {
  color: var(--rb-text);
  font-weight: 700;
}

.rpf-raffle-table {
  margin-top: 14px;
  overflow: hidden;
}

.rpf-raffle-table nav {
  text-align: center;
  min-height: 54px;
  color: var(--rb-text-soft);
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  display: grid;
}

.rpf-raffle-table nav strong {
  border-bottom: 3px solid var(--rb-gold);
  height: 100%;
  color: var(--rb-text);
  place-items: center;
  display: grid;
}

.rpf-raffle-table header, .rpf-raffle-table > div:not(.rpf-empty-row):not(.rpf-raffle-winnings) {
  grid-template-columns: 70px 1.2fr 1fr 120px;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  display: grid;
}

.rpf-contest-top {
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, .8fr) minmax(240px, .8fr);
  gap: 12px;
  display: grid;
}

.rpf-contest-prize {
  background: linear-gradient(90deg, var(--rb-gold), var(--rb-card-deep) 60%);
  align-items: center;
  gap: 20px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-contest-prize {
    background: linear-gradient(90deg, color-mix(in srgb, var(--rb-gold) 18%, transparent), var(--rb-card-deep) 60%);
  }
}

.rpf-contest-prize img, .rpf-contest-prize svg {
  object-fit: contain;
  width: 104px;
  height: 92px;
  color: var(--rb-gold);
}

.rpf-contest-prize p, .rpf-contest-prize span, .rpf-contest-clock p {
  color: var(--rb-gold);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.rpf-contest-prize span {
  color: var(--rb-text-soft);
  margin-top: 8px;
  display: block;
}

.rpf-contest-prize strong {
  color: var(--rb-gold);
  border-radius: 8px;
  margin-top: 8px;
  padding: 8px 14px;
  font-size: 25px;
  font-weight: 700;
  display: inline-block;
}

.rpf-contest-clock {
  align-content: center;
  justify-items: center;
  gap: 14px;
  display: grid;
}

.rpf-contest-clock > div {
  gap: 10px;
  display: flex;
}

.rpf-contest-clock span {
  background: var(--rb-card-sunken);
  width: 54px;
  height: 60px;
  color: var(--rb-text);
  border-radius: 8px;
  place-items: center;
  font-size: 22px;
  font-weight: 700;
  display: grid;
}

.rpf-contest-clock small {
  color: var(--rb-text-soft);
  font-size: 9px;
  font-weight: 500;
  display: block;
}

.rpf-contest-winner {
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 7px;
  display: grid;
}

.rpf-contest-winner span, .rpf-contest-winner em, .rpf-contest-table em, .rpf-contest-table > div span:nth-child(3), .rpf-raffle-table em, .rpf-raffle-table > div span:nth-child(3) {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 700;
}

.rpf-contest-player {
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  margin-top: 12px;
  padding: 18px 26px;
  display: grid;
}

.rpf-contest-player strong, .rpf-contest-player span, .rpf-contest-player em {
  font-size: 14px;
  font-weight: 700;
}

.rpf-contest-player span, .rpf-contest-player em {
  color: var(--rb-gold);
  text-align: center;
  font-style: normal;
}

.rpf-contest-table {
  margin-top: 12px;
  overflow: hidden;
}

.rpf-table-status {
  text-align: center;
  grid-template-columns: 120px 1fr 120px;
  align-items: center;
  min-height: 52px;
  padding: 0 22px;
  display: grid;
}

.rpf-table-status strong {
  background: var(--rb-gold);
  color: var(--rb-gold-deep);
  border-radius: 0;
  justify-self: start;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
}

.rpf-contest-table header, .rpf-contest-table > div:not(.rpf-empty-row):not(.rpf-table-status) {
  grid-template-columns: 80px 1.5fr 1fr 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  display: grid;
}

.rpf-contest-table header, .rpf-raffle-table header {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.rpf-contest-table > div:not(.rpf-empty-row):not(.rpf-table-status):nth-child(odd), .rpf-raffle-table > div:not(.rpf-empty-row):nth-child(odd) {
  background: #ffffff0b;
}

.rpf-empty-row {
  min-height: 220px;
  color: var(--rb-text-soft);
  place-items: center;
  font-weight: 500;
  display: grid;
}

.rpf-race-tabs {
  gap: 8px;
  margin: 0 0 14px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.rpf-race-tabs button {
  background: var(--rb-surface-elevated);
  min-height: 38px;
  box-shadow: 0 0 0 1px var(--rb-border);
  color: var(--rb-text-soft);
  border-radius: 8px;
  flex: none;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
}

.rpf-race-tabs button.is-active {
  box-shadow: 0 0 0 1px var(--rb-gold);
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-race-tabs button.is-active {
    background: color-mix(in srgb,
    var(--rb-gold) 16%,
    var(--rb-surface-elevated));
  }
}

.rpf-race-tabs button.is-active {
  color: var(--rb-text);
}

.rpf-race-banner {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  max-height: 260px;
  margin: 12px 0;
  display: block;
}

.rpf-contest-stats {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.rpf-contest-stat {
  background: var(--rb-card);
  min-height: 44px;
  color: var(--rb-text-soft);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.rpf-contest-stat svg {
  color: var(--rb-gold);
  flex: none;
}

.rpf-contest-stat strong {
  color: var(--rb-text);
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.rpf-race-leaderboard {
  background: var(--rb-card);
  border-radius: 8px;
  margin-top: 18px;
  overflow: hidden;
}

.rpf-race-leaderboard h2 {
  color: var(--rb-text);
  margin: 0;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 700;
}

.rpf-leaderboard-table {
  border-collapse: collapse;
  width: 100%;
}

.rpf-leaderboard-table thead tr {
  background: var(--rb-card-sunken);
}

.rpf-leaderboard-table th {
  color: var(--rb-text-soft);
  text-align: left;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
}

.rpf-leaderboard-table td {
  color: var(--rb-text);
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 700;
}

.rpf-leaderboard-table tbody tr:nth-child(odd) {
  background: #ffffff08;
}

.rpf-leaderboard-table tr.rpf-top-rank td:first-child {
  color: var(--rb-gold);
  font-size: 16px;
}

.rpf-info-overlay {
  z-index: 80;
  background: #0000009e;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.rpf-info-modal {
  background: var(--rb-card);
  border-radius: 10px;
  width: min(100%, 560px);
  padding: 22px;
  box-shadow: 0 22px 80px #0006;
}

.rpf-info-modal header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.rpf-info-modal h2 {
  color: #fff;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.rpf-info-modal button {
  background: #ffffff14;
  border-radius: 8px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.rpf-info-modal p, .rpf-info-modal li {
  color: var(--rb-text-soft);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}

.rpf-info-modal ul {
  margin: 14px 0 0;
  padding-left: 20px;
}

.rpf-info-modal li + li {
  margin-top: 8px;
}

@media (max-width: 760px) {
  .rpf-raffle-page, .rpf-contest-page {
    padding-inline: 10px;
  }

  .rpf-feature-title-row {
    flex-wrap: wrap;
  }

  .rpf-how-button {
    margin-left: 0;
  }

  .rpf-raffle-hero, .rpf-raffle-earn-grid, .rpf-raffle-summary, .rpf-contest-top, .rpf-contest-player {
    grid-template-columns: 1fr;
  }

  .rpf-raffle-banner {
    min-height: 160px;
  }

  .rpf-raffle-table, .rpf-contest-table {
    overflow-x: auto;
  }

  .rpf-raffle-table header, .rpf-raffle-table > div:not(.rpf-empty-row), .rpf-contest-table header, .rpf-contest-table > div:not(.rpf-empty-row):not(.rpf-table-status), .rpf-table-status {
    min-width: 650px;
  }

  .rpf-info-overlay {
    place-items: end center;
    padding: 0;
  }

  .rpf-info-modal {
    border-radius: 14px 14px 0 0;
    width: 100%;
    max-height: 82vh;
    overflow-y: auto;
  }
}

.rb-podium-rank {
  color: var(--rb-gold);
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: inline-flex;
}

.rb-podium-name {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.rb-podium-score {
  text-align: center;
  background: #00000038;
  border-radius: 7px;
  gap: 3px;
  width: 100%;
  padding: 12px;
  display: grid;
}

.rb-podium-score span, .rb-leaderboard-list-head {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.rb-leaderboard-list {
  overflow: hidden;
}

.rb-leaderboard-list-head, .rb-leaderboard-row {
  grid-template-columns: 90px minmax(0, 1fr) 160px;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: grid;
}

.rb-leaderboard-row {
  border-top: 1px solid #7f8ca024;
  font-weight: 500;
}

.rb-leaderboard-rank {
  color: var(--rb-gold);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

@keyframes rb-character-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@media (max-width: 980px) {
  .rb-wallet-hero, .rb-wallet-panel, .rb-podium, .rpf-deposit-panel-body, .rpf-contest-top, .rpf-deposit-offers, .rpf-raffle-grid {
    grid-template-columns: 1fr;
  }

  .rpf-deposit-panel-body {
    padding: 24px 18px;
  }

  .rpf-deposit-modal-body {
    grid-template-columns: 1fr;
  }

  .rpf-deposit-track {
    grid-template-columns: repeat(var(--stage-count), minmax(92px, 1fr));
    padding: 6px 0 4px;
    overflow-x: auto;
  }

  .rb-wallet-hero {
    display: grid;
  }

  .rb-promos-grid {
    grid-template-columns: 1fr;
  }

  .rb-podium-card, .rb-podium-card.rank-1 {
    min-height: 330px;
  }
}

@media (max-width: 640px) {
  .rb-wallet-form, .rb-leaderboard-list-head, .rb-leaderboard-row, .rpf-contest-player, .rpf-contest-table header, .rpf-contest-table div {
    grid-template-columns: 1fr;
  }

  .rpf-deposit-page {
    width: calc(100vw - 24px);
    padding-top: 4px;
  }

  .rpf-deposit-panel-head, .rpf-deposit-panel-head > div {
    align-items: flex-start;
  }

  .rpf-deposit-panel-head {
    min-height: 70px;
    padding: 12px;
  }

  .rpf-deposit-panel-head > div {
    flex-direction: column;
    gap: 7px;
  }

  .rpf-deposit-main h1 {
    margin-bottom: 24px;
    font-size: 22px;
  }

  .rpf-deposit-checklist {
    padding: 18px 16px;
  }

  .rpf-deposit-offer-card header {
    padding-right: 0;
  }

  .rpf-deposit-card-reset {
    border-radius: 8px;
    width: max-content;
    position: static;
  }

  .rpf-deposit-modal-overlay {
    align-items: flex-end;
    padding: 0;
  }

  .rpf-deposit-modal {
    border-radius: 18px 18px 0 0;
    width: 100vw;
    max-height: 92dvh;
  }

  .rpf-deposit-modal-body {
    padding: 18px 14px 22px;
  }

  .rpf-deposit-modal-head {
    padding: 12px 14px;
  }

  .rpf-deposit-stage-cards {
    grid-template-columns: 1fr;
  }

  .fw-modal {
    border-radius: 22px 22px 0 0;
    align-self: end;
    width: 100vw;
    max-width: none;
    height: min(92vh, 720px);
  }

  .fw-overlay {
    align-items: end;
    padding: 0;
  }

  .fw-stage {
    --fw-size: min(104vw, 500px);
    height: 530px;
    top: 120px;
    left: 0;
  }

  .fw-wheel-wrap {
    width: var(--fw-size);
  }

  .fw-title-img {
    width: 270px;
    top: 28px;
  }

  .fw-star-decor {
    width: 520px;
    top: 78px;
  }

  .fw-rays {
    width: calc(var(--fw-size) * 1.14);
    top: -50px;
  }

  .fw-coins {
    width: calc(var(--fw-size) * 1.08);
    opacity: .14;
    top: -112px;
  }

  .fw-spin-btn {
    width: 100px;
    height: 100px;
  }

  .fw-segment-label {
    width: 76px;
    margin-left: -38px;
    font-size: 11px;
  }

  .rb-promo-card {
    min-height: 220px;
  }
}

@media (max-width: 760px) {
  .rbp-page {
    gap: 10px;
  }

  .rbp-hero, .rbp-balance-bar, .rbp-tabs, .rbp-action-card, .rbp-session-table-wrap, .rbp-placeholder-card {
    border-radius: 7px;
  }

  .rbp-hero {
    padding: 8px;
  }

  .rbp-hero-banner {
    min-height: auto;
  }

  .rbp-hero-topbar, .rbp-hero-main, .rbp-hero-actions, .rbp-action-card-head, .rbp-action-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .rbp-hero-main {
    padding: 10px;
  }

  .rbp-stats-grid, .rbp-game-grid, .rbp-balance-bar {
    grid-template-columns: 1fr;
  }

  .rbp-game-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .rbp-cta-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .rbp-tabs {
    display: flex;
    overflow-x: auto;
  }

  .rbp-tab {
    min-width: 120px;
  }

  .rbp-session-head {
    display: none;
  }

  .rbp-session-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.rbp-page {
  color: var(--rb-text);
  gap: 14px;
  display: grid;
}

.rbp-hero, .rbp-vip-panel, .rbp-metrics article, .rbp-tabs, .rbp-overview-grid > article, .rbp-security-grid > article, .rbp-table-card {
  background: var(--rb-panel-glow), var(--rb-surface);
  box-shadow: none;
  border-radius: 7px;
}

.rbp-hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 14px;
  min-height: 238px;
  padding: 18px;
  display: grid;
  overflow: hidden;
}

.rbp-identity {
  align-items: center;
  gap: 18px;
  min-width: 0;
  display: flex;
}

.rbp-avatar {
  background: linear-gradient(145deg, #f5ca5533, #39455b61);
  border: 1px solid #f5ca554d;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 112px;
  height: 112px;
  display: grid;
  overflow: hidden;
}

.rbp-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rbp-avatar span {
  color: var(--rb-gold);
  font-size: 34px;
  font-weight: 600;
}

.rbp-identity-copy {
  min-width: 0;
}

.rbp-kicker, .rbp-wallet-card > span, .rbp-metrics span, .rbp-table-head {
  color: var(--rb-gold);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.rbp-identity-copy h1 {
  color: var(--rb-text);
  letter-spacing: 0;
  margin: 8px 0;
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 600;
  line-height: .95;
}

.rbp-identity-copy p, .rbp-feature-card p, .rbp-security-grid p, .rbp-wallet-card small, .rbp-vip-meta, .rbp-empty {
  color: var(--rb-text-soft);
}

.rbp-status-row, .rbp-wallet-actions, .rbp-tabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.rbp-status-row span, .rbp-wallet-actions a, .rbp-wallet-actions button {
  background: var(--rb-surface-sunken);
  min-height: 38px;
  color: var(--rb-text);
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.rbp-wallet-card {
  background: var(--rb-surface-sunken);
  border-radius: 7px;
  align-content: end;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.rbp-wallet-card strong {
  color: var(--rb-text);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1;
}

.rbp-wallet-actions a:first-child, .rbp-wallet-actions button:first-child, .rbp-tabs button.is-active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rbp-vip-panel {
  gap: 12px;
  padding: 16px;
  display: grid;
}

.rbp-vip-panel h2, .rbp-feature-card h3, .rbp-security-grid h3 {
  color: var(--rb-text);
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.rbp-vip-track {
  background: var(--rb-surface-sunken);
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.rbp-vip-track div {
  border-radius: inherit;
  background: var(--rb-gold-gradient);
  height: 100%;
}

.rbp-vip-meta {
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.rbp-metrics, .rbp-overview-grid, .rbp-security-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.rbp-metrics article {
  gap: 8px;
  min-height: 118px;
  padding: 14px;
  display: grid;
}

.rbp-metrics svg, .rbp-security-grid svg {
  color: var(--rb-gold);
}

.rbp-metrics strong {
  color: var(--rb-text);
  font-size: 18px;
  font-weight: 600;
}

.rbp-tabs {
  padding: 8px;
  overflow-x: auto;
}

.rbp-tabs button {
  background: var(--rb-surface-sunken);
  min-height: 42px;
  color: var(--rb-text-soft);
  border-radius: 7px;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 600;
  display: inline-flex;
}

.rbp-overview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rbp-feature-card, .rbp-security-grid article {
  padding: 16px;
}

.rbp-feature-card-strong {
  background: linear-gradient(180deg, var(--rb-gold), var(--rb-gold)),
    var(--rb-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .rbp-feature-card-strong {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rb-gold) 14%, transparent), color-mix(in srgb, var(--rb-gold) 4%, transparent)),
    var(--rb-surface);
  }
}

.rbp-security-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rbp-security-grid article {
  gap: 12px;
  display: flex;
}

.rbp-table-card {
  overflow: hidden;
}

.rbp-table-head, .rbp-table-row {
  grid-template-columns: 1.35fr .85fr .85fr 1fr;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  display: grid;
}

.rbp-table-row {
  color: var(--rb-text);
  border-top: 1px solid #7f8ca02e;
  font-size: 13px;
  font-weight: 500;
}

.rbp-table-row span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.rbp-empty {
  padding: 22px 16px;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .rbp-hero, .rbp-metrics, .rbp-overview-grid, .rbp-security-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .rbp-identity {
    flex-direction: column;
    align-items: flex-start;
  }

  .rbp-table-head {
    display: none;
  }

  .rbp-table-row {
    grid-template-columns: 1fr;
  }
}

html, body {
  background: #0f172a;
  min-height: 100%;
  margin: 0;
}

.chart-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  min-height: 250px;
  max-height: 680px;
  box-shadow: inset 0 0 0 1px var(--rb-text);
  background: none;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .chart-wrapper {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.chart-wrapper {
  transition: background-color .3s;
}

.light-theme.chart-wrapper {
  background: none;
}

@media (max-width: 640px) {
  .chart-wrapper {
    aspect-ratio: 16 / 10;
    min-height: 220px;
  }
}

.chart-container {
  width: 100%;
  height: 100%;
}

.overlay-canvas {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset: 0;
}

.tooltip {
  z-index: 10;
  pointer-events: none;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px;
  position: absolute;
  box-shadow: 0 2px 8px #0003;
}

.tooltip-content {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.dark-theme {
  --background: #0f172ae6;
}

.light-theme {
  --background: #ffffffe6;
}

.tv-lightweight-charts canvas {
  z-index: 0 !important;
}

.realtime-line-chart {
  background: var(--rb-surface);
  width: 100%;
  min-height: 260px;
  box-shadow: inset 0 0 0 1px var(--rb-text);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .realtime-line-chart {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.realtime-line-chart canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.realtime-line-chart-v3 {
  background: none;
}

.realtime-line-chart-v3__chart {
  position: absolute;
  inset: 0;
}

.realtime-line-chart-v3__overlay {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.realtime-line-chart--loading {
  background: linear-gradient(90deg,
      var(--rb-text) 1px,
      transparent 1px),
    linear-gradient(180deg,
      var(--rb-text) 1px,
      transparent 1px),
    var(--rb-bg);
  place-items: center;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .realtime-line-chart--loading {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--rb-text) 4%, transparent) 1px,
      transparent 1px),
    linear-gradient(180deg,
      color-mix(in srgb, var(--rb-text) 4%, transparent) 1px,
      transparent 1px),
    color-mix(in srgb, var(--rb-bg) 88%, #252b2b);
  }
}

.realtime-line-chart--loading {
  background-size: 92px 100%, 100% 64px, 100% 100%;
}

.realtime-line-chart__loader {
  background: var(--rb-surface);
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .realtime-line-chart__loader {
    background: color-mix(in srgb, var(--rb-surface) 82%, transparent);
  }
}

.realtime-line-chart__loader {
  color: var(--rb-text-soft);
  box-shadow: inset 0 0 0 1px var(--rb-text);
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 500;
}

@supports (color: color-mix(in lab, red, red)) {
  .realtime-line-chart__loader {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.realtime-line-chart__loader span {
  border: 2px solid var(--rb-gold);
  width: 14px;
  height: 14px;
}

@supports (color: color-mix(in lab, red, red)) {
  .realtime-line-chart__loader span {
    border: 2px solid color-mix(in srgb, var(--rb-gold) 25%, transparent);
  }
}

.realtime-line-chart__loader span {
  border-top-color: var(--rb-gold);
  border-radius: 999px;
  animation: .8s linear infinite rb-chart-spin;
}

@keyframes rb-chart-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 640px) {
  .realtime-line-chart {
    min-height: 260px;
    height: 320px !important;
  }
}

.rb-futures-range {
  cursor: pointer;
  appearance: none;
  background: linear-gradient(90deg, #2fd063 0%, #f5ca55 50%, #ff3d5f 100%);
  border-radius: 999px;
  outline: none;
  height: 6px;
}

.rb-futures-range::-webkit-slider-thumb {
  appearance: none;
  background: #f5ca55;
  border: 3px solid #111827;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  box-shadow: 0 4px 12px #00000059;
}

.rb-futures-range::-moz-range-thumb {
  background: #f5ca55;
  border: 3px solid #111827;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  box-shadow: 0 4px 12px #00000059;
}

.btx-page {
  color: #f6fbf8;
  background: radial-gradient(circle at top, #187a4c33, #0000 34%), #0a1110;
  min-height: 100vh;
  padding: 28px 20px 40px;
}

.btx-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.btx-top {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}

.btx-top span, .btx-balance span, .btx-hud span {
  color: #f6fbf89e;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.btx-top h1 {
  letter-spacing: 0;
  margin: 4px 0 0;
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 650;
}

.btx-balance {
  text-align: right;
  background: #ffffff0d;
  border: 1px solid #f6fbf81f;
  border-radius: 8px;
  min-width: 178px;
  padding: 12px 14px;
}

.btx-balance strong {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 650;
  display: block;
}

.btx-game {
  background: #0d6b40;
  border: 1px solid #ffd70038;
  border-radius: 8px;
  min-height: 600px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 80px #00000057;
}

.btx-canvas {
  width: 100%;
  height: 600px;
}

.btx-canvas canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.btx-loading {
  color: #fff;
  text-align: center;
  background: #050c0ab8;
  place-items: center;
  font-size: 15px;
  font-weight: 500;
  display: grid;
  position: absolute;
  inset: 0;
}

.btx-hud {
  pointer-events: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
}

.btx-hud > div {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #04100c9e;
  border: 1px solid #ffffff21;
  border-radius: 8px;
  padding: 10px 12px;
}

.btx-hud strong {
  text-transform: capitalize;
  margin-top: 3px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.btx-history {
  background: #04100ca3;
  border: 1px solid #ffffff21;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 32px);
  min-height: 34px;
  padding: 6px 8px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
  overflow: hidden;
}

.btx-history span {
  color: #f6fbf894;
  font-size: 13px;
}

.btx-history em {
  color: #fff;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 650;
  display: grid;
}

.btx-history em.is-player {
  background: #245cc7;
}

.btx-history em.is-banker {
  background: #b62843;
}

.btx-history em.is-tie {
  background: #3c9b42;
}

.btx-bet-panel {
  background: #111817;
  border: 1px solid #f6fbf81f;
  border-radius: 8px;
  margin-top: 14px;
  padding: 14px;
}

.btx-error {
  color: #ffb8b8;
  background: #ff58581a;
  border: 1px solid #ff585847;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  font-size: 13px;
}

.btx-bet-buttons {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.btx-bet-buttons button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(#245cc7, #173b84);
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  min-height: 76px;
}

.btx-bet-buttons button.is-banker {
  background: linear-gradient(#b62843, #782031);
}

.btx-bet-buttons button.is-tie {
  background: linear-gradient(#3c9b42, #24702b);
}

.btx-bet-buttons button:disabled, .btx-chip-list button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.btx-bet-buttons span {
  font-size: 18px;
  font-weight: 650;
  display: block;
}

.btx-bet-buttons strong {
  color: #ffffffb8;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.btx-controls {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  display: flex;
}

.btx-chip-list, .btx-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.btx-chip-list button, .btx-actions button {
  color: #f6fbf8;
  cursor: pointer;
  background: #1b2523;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 56px;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.btx-chip-list button.is-selected {
  color: #ffe29a;
  background: #2b2618;
  border-color: #f4c95d;
}

.btx-actions button {
  min-width: 42px;
}

@media (max-width: 760px) {
  .btx-page {
    padding: 18px 12px 28px;
  }

  .btx-top {
    flex-direction: column;
    align-items: stretch;
  }

  .btx-balance {
    text-align: left;
    width: 100%;
  }

  .btx-game {
    min-height: 520px;
  }

  .btx-canvas {
    height: 520px;
  }

  .btx-hud, .btx-bet-buttons {
    grid-template-columns: 1fr;
  }

  .btx-hud {
    background: #04100cd9;
    padding: 10px;
    position: static;
  }

  .btx-history {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .btx-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .btx-chip-list button {
    flex: 64px;
  }
}

.wc-page {
  --wc-bg: #1d2423;
  --wc-surface: #232a2a;
  --wc-surface-soft: #2c3333;
  --wc-odd: #565c5c;
  --wc-border: #ffffff0f;
  --wc-text: #f5f7f4;
  --wc-muted: #f5f7f494;
  --wc-faint: #f5f7f461;
  --wc-accent: var(--rb-gold);
  --wc-accent-strong: var(--rb-gold-strong);
  background: var(--wc-bg);
  min-height: calc(100vh - 76px);
  color: var(--wc-text);
  padding: 0 12px 84px;
  font-size: 13px;
}

.wc-page button, .wc-page input {
  font: inherit;
}

.wc-hero {
  background-color: #0000;
  background-image: radial-gradient(circle at 68% 8%, #f5ca552e, #0000 24%), linear-gradient(105deg, #0d1814 0%, #17301f 42%, #24263d 100%);
  background-position: center;
  background-repeat: repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  min-height: 176px;
  margin: 0 -12px 12px;
  padding: 30px 18px;
  overflow: hidden;
}

.wc-hero span, .wc-match-meta, .wc-specials h2, .wc-bracket h2 {
  color: var(--wc-muted);
  font-size: 12px;
  font-weight: 600;
}

.wc-hero h1 {
  color: #fff;
  letter-spacing: 0;
  margin: 6px 0 0;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 650;
}

.wc-hero p {
  color: var(--wc-accent);
  margin-top: 10px;
  font-weight: 600;
}

.wc-tabs, .wc-group-row, .wc-odds-row, .wc-yesno {
  align-items: center;
  gap: 8px;
  display: flex;
}

.wc-tabs, .wc-group-row {
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.wc-tabs button, .wc-group-row button, .wc-favorite-grid button {
  color: #fff;
  cursor: pointer;
  background: #252c2c;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.wc-tabs button.is-active, .wc-group-row button.is-active, .wc-favorite-grid button:hover {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.wc-winner-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1280px;
  margin-bottom: 14px;
  display: grid;
}

.wc-winner-strip button {
  color: #fff;
  cursor: pointer;
  background-color: #151a1a;
  background-image: linear-gradient(#14181847, #141818eb), radial-gradient(circle at 50% 24%, #f5ca553d, #0000 30%), none;
  background-position: center;
  background-repeat: repeat, repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  border-radius: 8px;
  place-items: center;
  min-height: 126px;
  display: grid;
}

.wc-winner-info {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #060a0e85;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  justify-items: center;
  min-width: min(78%, 210px);
  padding: 10px 12px;
  display: grid;
  box-shadow: inset 0 1px #ffffff14, 0 10px 26px #0000002e;
}

.wc-winner-strip button .wc-flag {
  margin-right: 0;
}

.wc-winner-strip span, .wc-winner-grid span {
  font-size: 30px;
  display: block;
}

.wc-winner-strip strong, .wc-winner-grid strong {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 650;
  display: block;
}

.wc-winner-strip em, .wc-winner-grid em {
  color: var(--wc-accent);
  margin-top: 8px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
}

.wc-layout {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 12px;
  display: grid;
}

.wc-match-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.wc-match-card, .wc-prediction-card, .wc-specials section, .wc-slip, .wc-bracket-match, .wc-winner-grid button {
  background: var(--wc-surface);
  border-radius: 8px;
}

.wc-match-card {
  min-height: 138px;
  padding: 12px;
}

.wc-match-meta {
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.wc-match-meta strong {
  color: #dbe5e6;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
}

.wc-teams {
  gap: 8px;
  margin-bottom: 10px;
  display: grid;
}

.wc-teams span {
  color: #fff;
  font-weight: 650;
}

.wc-match-card small {
  color: var(--wc-muted);
  margin-bottom: 10px;
  font-size: 11px;
  display: block;
}

.wc-odds-row button, .wc-yesno button, .wc-specials button, .wc-bracket-match button {
  background: var(--wc-odd);
  color: #fff;
  text-align: left;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 34px;
  padding: 0 9px;
  display: grid;
}

.wc-odds-row button {
  flex: 1 1 0;
}

.wc-odds-row button:last-child {
  flex: 0 0 32px;
  place-items: center;
  display: grid;
}

.wc-odds-row button.is-selected, .wc-yesno button.is-selected, .wc-specials button.is-selected, .wc-winner-grid button.is-selected, .wc-bracket-match button:focus-visible {
  outline: 2px solid var(--wc-accent);
  background: #3c3521;
}

.wc-odds-row span, .wc-yesno span, .wc-specials span, .wc-bracket-match span {
  color: #ffffffb3;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.wc-odds-row strong, .wc-yesno strong, .wc-specials strong, .wc-bracket-match strong {
  font-size: 12px;
  font-weight: 750;
}

.wc-slip {
  gap: 10px;
  padding: 12px;
  display: grid;
  position: sticky;
  top: 86px;
}

.wc-slip h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
}

.wc-slip p, .wc-slip small {
  color: var(--wc-muted);
}

.wc-slip-pick {
  background: #ffffff0b;
  border-radius: 6px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.wc-slip-pick button {
  color: var(--wc-muted);
  cursor: pointer;
  background: #ffffff14;
  border: 0;
  border-radius: 6px;
}

.wc-slip-pick span {
  min-width: 0;
}

.wc-slip label, .wc-slip > div:not(.wc-slip-pick) {
  color: var(--wc-muted);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wc-slip input {
  color: #fff;
  text-align: right;
  background: #151a1a;
  border-radius: 6px;
  width: 128px;
  height: 36px;
  padding: 0 10px;
}

.wc-slip > button {
  background: var(--rb-gold-gradient);
  height: 40px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 7px;
  font-weight: 750;
}

.wc-favorite-modal {
  z-index: 80;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #050809c2;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.wc-favorite-modal > div {
  background: #202727;
  border-radius: 8px;
  width: min(760px, 100%);
  max-height: 82vh;
  padding: 18px;
  overflow: auto;
}

.wc-favorite-modal h2 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 650;
}

.wc-favorite-modal p {
  color: var(--wc-muted);
  margin: 0 0 14px;
}

.wc-favorite-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.wc-bracket {
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  gap: 24px;
  padding-bottom: 16px;
  display: grid;
  overflow-x: auto;
}

.wc-bracket section {
  align-content: start;
  gap: 10px;
  display: grid;
}

.wc-bracket-match {
  gap: 5px;
  padding: 6px;
  display: grid;
}

.wc-prediction-grid, .wc-winner-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.wc-prediction-card {
  gap: 10px;
  min-height: 148px;
  padding: 12px;
  display: grid;
}

.wc-prediction-card > span {
  color: var(--wc-muted);
  font-size: 11px;
  font-weight: 600;
}

.wc-prediction-card h3 {
  min-height: 40px;
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
}

.wc-prediction-card > div:not(.wc-yesno) {
  background: #ffffff1f;
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}

.wc-prediction-card i {
  background: var(--wc-accent);
  height: 100%;
  display: block;
}

.wc-specials {
  gap: 12px;
  display: grid;
}

.wc-specials section {
  padding: 12px;
}

.wc-specials div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.wc-winner-grid button {
  color: #fff;
  cursor: pointer;
  min-height: 106px;
}

@media (max-width: 1280px) {
  .wc-match-grid, .wc-prediction-grid, .wc-winner-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wc-layout {
    grid-template-columns: 1fr;
  }

  .wc-slip {
    position: static;
  }
}

@media (max-width: 760px) {
  .wc-page {
    padding-inline: 8px;
  }

  .wc-hero {
    min-height: 142px;
    margin-inline: -8px;
  }

  .wc-winner-strip, .wc-match-grid, .wc-prediction-grid, .wc-specials div, .wc-winner-grid, .wc-favorite-grid {
    grid-template-columns: 1fr;
  }
}

.wc-page {
  --wc-bg: var(--rb-bg);
  --wc-surface: var(--rb-surface);
  --wc-surface-soft: var(--rb-surface-strong);
  --wc-odd: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-page {
    --wc-odd: color-mix(in srgb, var(--rb-text) 10%, transparent);
  }
}

.wc-page {
  --wc-border: var(--rb-border);
  --wc-text: var(--rb-text);
  --wc-muted: var(--rb-text-soft);
  --wc-faint: var(--rb-text-faint);
}

.wc-hero {
  border-bottom: 1px solid var(--rb-border);
  background: var(--rb-panel-glow),
    linear-gradient(105deg,
      var(--rb-bg) 0%,
      var(--rb-bg) 48%,
      var(--rb-bg) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-hero {
    background: var(--rb-panel-glow),
    linear-gradient(105deg,
      color-mix(in srgb, var(--rb-bg) 94%, #000 6%) 0%,
      color-mix(in srgb, var(--rb-bg) 76%, var(--rb-gold) 10%) 48%,
      color-mix(in srgb, var(--rb-bg) 88%, #000 10%) 100%);
  }
}

.wc-hero h1, .wc-tabs button, .wc-group-row button, .wc-favorite-grid button, .wc-winner-strip button, .wc-match-meta strong, .wc-teams span, .wc-odds-row button, .wc-yesno button, .wc-specials button, .wc-bracket-match button, .wc-winner-grid button, .wc-slip input {
  color: var(--rb-text);
}

.wc-tabs button, .wc-group-row button, .wc-favorite-grid button {
  background: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-tabs button, .wc-group-row button, .wc-favorite-grid button {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-winner-strip button {
  background: linear-gradient(180deg,
      var(--rb-bg),
      var(--rb-bg)),
    radial-gradient(circle at 50% 24%,
      #f5ca553d,
      transparent 30%),
    var(--rb-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-winner-strip button {
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--rb-bg) 12%, transparent),
      color-mix(in srgb, var(--rb-bg) 94%, #000 6%)),
    radial-gradient(circle at 50% 24%,
      #f5ca553d,
      transparent 30%),
    var(--rb-bg);
  }
}

.wc-layout {
  display: block;
}

.wc-match-card {
  cursor: pointer;
}

.wc-flag, .wc-flag-fallback {
  vertical-align: middle;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  display: inline-grid;
}

.wc-flag {
  object-fit: cover;
  box-shadow: 0 0 0 1px var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-flag {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rb-text) 12%, transparent);
  }
}

.wc-flag-fallback {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  font-size: 9px;
  font-weight: 750;
}

.wc-favorite-grid button .wc-flag, .wc-winner-grid button .wc-flag, .wc-winner-strip button .wc-flag {
  margin-right: 4px;
}

.wc-teams span, .wc-bracket-match span, .wc-detail-header strong {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.wc-card-markets {
  border-top: 1px solid var(--rb-border);
  max-height: 320px;
  margin-top: 10px;
  padding-top: 10px;
  overflow-y: auto;
}

.wc-card-markets section {
  gap: 6px;
  margin-bottom: 10px;
  display: grid;
}

.wc-card-markets h3 {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 11px;
  font-weight: 650;
}

.wc-card-markets div, .wc-detail-markets section div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.wc-card-markets button, .wc-detail-markets button {
  background: var(--wc-odd);
  min-height: 34px;
  color: var(--rb-text);
  text-align: left;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 0 9px;
  display: grid;
}

.wc-card-markets button.is-selected, .wc-detail-markets button.is-selected {
  outline: 2px solid var(--rb-gold);
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-card-markets button.is-selected, .wc-detail-markets button.is-selected {
    background: color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.wc-card-markets span, .wc-detail-markets span {
  min-width: 0;
  color: var(--rb-text-soft);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.wc-pagination {
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  display: flex;
}

.wc-pagination button {
  background: var(--rb-text);
  border: 0;
  border-radius: 999px;
  height: 34px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-pagination button {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-pagination button {
  color: var(--rb-text);
  cursor: pointer;
  padding: 0 14px;
  font-weight: 650;
}

.wc-pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.wc-pagination span {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 650;
}

.wc-slip-trigger {
  z-index: 69;
  background: var(--rb-gold-gradient);
  min-height: 46px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 750;
  display: inline-flex;
  position: fixed;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 12px 28px #00000038;
}

.wc-slip-trigger strong {
  background: #39260729;
  border-radius: 999px;
  place-items: center;
  min-width: 22px;
  height: 22px;
  display: grid;
}

.wc-slip {
  z-index: 70;
  transform-origin: 100% 0;
  opacity: 0;
  pointer-events: none;
  width: min(380px, 100vw - 20px);
  max-height: min(64vh, 500px);
  transition: transform .18s, opacity .18s;
  position: fixed;
  inset: 500px 18px auto auto;
  transform: translateY(18px)scale(.98);
  box-shadow: 0 24px 54px #00000047;
}

.wc-slip-brand {
  background: none;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  display: flex;
}

.wc-slip:before {
  content: "";
  background: var(--rb-text);
  border-radius: 999px;
  justify-self: center;
  width: 46px;
  height: 4px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip:before {
    background: color-mix(in srgb, var(--rb-text) 18%, transparent);
  }
}

.wc-slip-head button {
  background: var(--rb-text);
  border: 0;
  border-radius: 7px;
  width: 30px;
  height: 30px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-head button {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-slip-head button {
  color: var(--rb-text-soft);
  cursor: pointer;
}

.wc-slip-scroll {
  gap: 8px;
  max-height: 190px;
  display: grid;
  overflow-y: auto;
}

.wc-slip-pick {
  background: var(--rb-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-pick {
    background: color-mix(in srgb, var(--rb-text) 7%, transparent);
  }
}

.wc-slip input {
  background: var(--rb-bg);
}

.wc-slip label, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll) {
  border: 1px solid var(--rb-border);
  background: var(--rb-text);
  border-radius: 7px;
  min-height: 38px;
  padding: 8px 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip label, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll) {
    background: color-mix(in srgb, var(--rb-text) 6%, transparent);
  }
}

.wc-slip label span, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll) span {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 650;
}

.wc-slip label input {
  background: var(--rb-text);
  border: 0;
  width: 104px;
  height: 30px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip label input {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-slip label input {
  font-weight: 700;
}

.wc-slip > button {
  height: 38px;
}

.wc-favorite-modal {
  background: var(--rb-overlay);
}

.wc-favorite-modal > div {
  background: var(--rb-surface);
}

.wc-detail {
  gap: 14px;
  padding-top: 12px;
  display: grid;
}

.wc-detail-header {
  border: 1px solid var(--rb-border);
  background: var(--rb-panel-glow), var(--rb-surface);
  border-radius: 8px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.wc-detail-header > span, .wc-detail-header small {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 600;
}

.wc-detail-header div {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  display: grid;
}

.wc-detail-header strong {
  min-width: 0;
  font-size: 20px;
  font-weight: 650;
}

.wc-detail-header strong:last-child {
  justify-content: end;
}

.wc-detail-header time {
  color: var(--rb-gold);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 750;
}

.wc-detail-markets {
  gap: 12px;
  display: grid;
}

.wc-detail-markets section {
  border: 1px solid var(--rb-border);
  background: var(--rb-surface);
  border-radius: 8px;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.wc-detail-markets h2 {
  color: var(--rb-text);
  margin: 0;
  font-size: 14px;
  font-weight: 650;
}

@media (max-width: 1280px) {
  .wc-slip {
    position: fixed;
  }
}

@media (max-width: 760px) {
  .wc-match-grid {
    grid-template-columns: 1fr;
  }

  .wc-winner-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .wc-match-card {
    min-height: 138px;
    padding: 12px;
  }

  .wc-match-meta {
    gap: 4px;
    display: grid;
  }

  .wc-odds-row {
    gap: 5px;
  }

  .wc-odds-row button {
    min-height: 30px;
    padding-inline: 6px;
  }

  .wc-card-markets div, .wc-detail-markets section div {
    grid-template-columns: 1fr;
  }

  .wc-slip {
    transform-origin: bottom;
    border-radius: 14px 14px 0 0;
    width: 100%;
    max-height: 78vh;
    inset: auto 0 0;
    transform: translateY(100%);
  }

  .wc-slip.is-open {
    transform: translateY(0);
  }

  .wc-slip-trigger {
    bottom: 10px;
    right: 10px;
  }

  .wc-detail-header div {
    grid-template-columns: 1fr;
  }

  .wc-detail-header strong:last-child {
    justify-content: start;
  }
}

.wc-hero, .wc-winner-strip button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wc-slip {
  max-height: min(78vh, 680px);
}

.wc-slip-scroll {
  flex-direction: column;
  gap: 8px;
  max-height: min(46vh, 420px);
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.wc-slip-pick {
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  padding: 10px;
  display: flex;
}

.wc-slip-pick > button {
  align-self: flex-end;
  width: 24px;
  height: 24px;
}

.wc-slip-pick span {
  gap: 3px;
  display: grid;
}

.wc-slip-pick em {
  background: var(--rb-gold);
  border-radius: 6px;
  align-self: flex-start;
  padding: 4px 8px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-pick em {
    background: color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.wc-slip-pick em {
  color: var(--rb-gold);
  font-style: normal;
  font-weight: 750;
}

.wc-winner-strip .wc-winner-info .wc-flag {
  margin-right: 0;
}

.wc-winner-info {
  background: #060a0e6b;
  grid-template-columns: auto minmax(0, auto) auto;
  align-items: center;
  gap: 7px;
  width: max-content;
  min-width: auto;
  max-width: calc(100% - 28px);
  padding: 7px 10px;
  box-shadow: 0 8px 20px #00000029;
}

.wc-winner-strip .wc-winner-info strong, .wc-winner-strip .wc-winner-info em {
  margin-top: 0;
  line-height: 1;
}

.wc-winner-strip .wc-winner-info strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
  font-size: 13px;
  overflow: hidden;
}

.wc-winner-strip .wc-winner-info em {
  background: var(--rb-gold);
  border-radius: 5px;
  padding: 3px 6px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-winner-strip .wc-winner-info em {
    background: color-mix(in srgb, var(--rb-gold) 16%, transparent);
  }
}

.wc-winner-strip .wc-winner-info em {
  font-size: 12px;
}

.wc-slip {
  color: #f4f8f6;
  background: #1d2423;
  border: 1px solid #2def8d57;
  border-radius: 0;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.wc-slip-top, .wc-slip-tabs, .wc-slip-brand, .wc-slip-stake, .wc-slip-summary, .wc-slip-login-note, .wc-slip-join, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll) {
  background: none;
  border: 0;
  padding: 0;
}

.wc-slip-top {
  background: var(--rb-gold-gradient);
  color: #061512;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  padding: 0 12px;
  display: flex;
}

.wc-slip-top > div, .wc-quick-toggle {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.wc-slip-top strong {
  font-size: 14px;
  font-weight: 750;
}

.wc-slip-top span {
  min-width: 22px;
  height: 22px;
  color: var(--rb-gold);
  background: #0c1f19;
  border-radius: 999px;
  place-items: center;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.wc-quick-toggle {
  color: #061512;
  cursor: pointer;
  background: none;
  border: 1px solid #0a221a;
  border-radius: 999px;
  min-height: 28px;
  padding: 0 8px;
  font-weight: 850;
}

.wc-quick-toggle small {
  color: inherit;
  font-size: 9px;
  font-weight: 850;
}

.wc-quick-toggle i {
  background: #071512;
  border-radius: 999px;
  place-items: center;
  width: 22px;
  height: 18px;
  display: grid;
}

.wc-quick-toggle i:before {
  content: "";
  background: var(--rb-gold);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.wc-slip-tabs {
  background: #252b2b;
  grid-template-columns: repeat(3, 1fr);
  min-height: 44px;
  display: grid;
}

.wc-slip-tabs button {
  color: #f4f8f69e;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.wc-slip-tabs button.is-active {
  color: #fff;
}

.wc-slip-tabs button.is-active:after {
  content: "";
  background: var(--rb-gold);
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
}

.wc-slip-scroll {
  gap: 6px;
  max-height: min(42vh, 360px);
  padding: 8px 4px;
}

.wc-slip-scroll p {
  color: #f4f8f69e;
  text-align: center;
  padding: 18px 12px;
}

.wc-slip-pick {
  background: #333b3b;
  border-radius: 5px;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  min-height: 70px;
  padding: 10px 10px 9px;
  display: grid;
  position: relative;
}

.wc-slip-pick:after {
  content: "";
  background: var(--rb-gold);
  border-radius: 999px;
  width: 3px;
  position: absolute;
  top: 7px;
  bottom: 7px;
  right: 0;
}

.wc-slip-pick > button {
  color: #f4f8f675;
  cursor: pointer;
  background: none;
  border: 0;
  align-self: center;
  width: 22px;
  height: 22px;
  font-size: 20px;
  line-height: 1;
}

.wc-slip-pick span {
  gap: 2px;
}

.wc-slip-pick em {
  color: #fff;
  background: none;
  grid-column: 2;
  padding: 0;
  font-size: 20px;
  font-weight: 850;
}

.wc-slip-boost {
  border: 1px solid var(--rb-gold);
  background: #26302f;
  border-radius: 5px;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  margin: 0 4px 8px;
  padding: 7px 6px 8px;
  display: grid;
}

.wc-slip-boost strong, .wc-slip-boost span {
  color: #fff;
  grid-column: 1 / -1;
  font-size: 10px;
  line-height: 1.2;
}

.wc-slip-boost strong {
  background: var(--rb-gold);
  color: #082017;
  text-transform: uppercase;
  border-radius: 999px;
  justify-self: end;
  padding: 1px 5px;
  font-weight: 700;
}

.wc-slip-boost span {
  font-weight: 750;
}

.wc-slip-boost div {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  margin-top: 2px;
  display: grid;
}

.wc-slip-boost i {
  background: var(--rb-gold);
  height: 6px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-boost i {
    background: color-mix(in srgb, var(--rb-gold) 44%, #4c5757 56%);
  }
}

.wc-slip-boost i:first-child {
  background: var(--rb-gold);
}

.wc-slip-boost small {
  color: #f4f8f6b8;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
}

.wc-slip-brand {
  justify-content: center;
  min-height: 32px;
  margin-bottom: 6px;
  display: flex;
}

.wc-slip-brand img {
  max-width: 112px;
  max-height: 24px;
}

.wc-slip-stake {
  background: #050707;
  border-radius: 4px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 44px;
  margin: 0 6px 8px;
  padding: 0 8px;
  display: grid;
}

.wc-slip-stake input {
  color: #fff;
  text-align: right;
  background: none;
  border: 0;
  width: 100%;
  height: 36px;
  font-size: 15px;
  font-weight: 500;
}

.wc-slip-stake span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.wc-slip-chips {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  padding: 0 6px 10px;
  display: grid;
}

.wc-slip-chips button {
  color: #fffc;
  cursor: pointer;
  background: #3e4949;
  border: 0;
  border-radius: 999px;
  min-height: 34px;
  font-weight: 750;
}

.wc-slip-summary {
  color: #f4f8f69e;
  justify-content: space-between;
  min-height: auto;
  padding: 1px 10px;
  font-size: 11px;
  font-weight: 750;
  display: flex;
}

.wc-slip-summary strong {
  color: #fff;
}

.wc-slip-summary.is-win {
  color: #fff;
  text-transform: uppercase;
}

.wc-slip-login-note {
  color: #f4f8f6d6;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}

.wc-slip-book, .wc-slip-login {
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  width: calc(100% - 36px);
  min-height: 40px;
  margin: 8px 18px 0;
  font-weight: 850;
}

.wc-slip-book {
  color: #fff;
  background: #343e3e;
}

.wc-slip-book:disabled {
  opacity: .78;
}

.wc-slip-login {
  background: var(--rb-gold-gradient);
  color: #031710;
}

.wc-slip-join {
  color: #f4f8f675;
  text-align: center;
  margin: 10px 0 12px;
  font-size: 10px;
  font-weight: 750;
}

.wc-slip-join button {
  color: #f4f8f6b8;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: underline;
}

@media (max-width: 760px) {
  .wc-winner-info {
    max-width: calc(100% - 12px);
    padding-inline: 8px;
  }

  .wc-winner-strip .wc-winner-info strong {
    max-width: 76px;
  }

  .wc-slip {
    border-radius: 0;
  }
}

.wc-slip {
  z-index: 70;
  border: 1px solid var(--rb-border);
  background: var(--rb-surface);
  width: min(380px, 100vw - 20px);
  max-height: min(76vh, 620px);
  color: var(--rb-text);
  transform-origin: 100% 100%;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 8px;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto auto auto;
  gap: 10px;
  padding: 12px;
  transition: transform .18s, opacity .18s;
  display: grid;
  position: fixed;
  inset: auto 18px 72px auto;
  overflow: hidden;
  transform: translateY(18px)scale(.98);
  box-shadow: 0 24px 54px #00000047;
}

.wc-slip.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0)scale(1);
}

.wc-slip:before {
  display: none;
}

.wc-slip-brand {
  background: none;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  margin: 0;
  display: flex;
}

.wc-slip-brand img {
  object-fit: contain;
  width: auto;
  max-width: 148px;
  max-height: 28px;
  display: block;
}

.wc-slip-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wc-slip-head h2 {
  color: var(--rb-text);
  margin: 0;
  font-size: 16px;
  font-weight: 650;
}

.wc-slip-head button {
  background: var(--rb-text);
  border: 0;
  border-radius: 7px;
  width: 30px;
  height: 30px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-head button {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-slip-head button {
  color: var(--rb-text-soft);
  cursor: pointer;
}

.wc-slip-scroll {
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  max-height: min(48vh, 430px);
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.wc-slip-scroll p {
  color: var(--rb-text-soft);
  margin: 0;
}

.wc-slip-pick {
  background: var(--rb-text);
  border-radius: 7px;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  width: 100%;
  min-height: auto;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-pick {
    background: color-mix(in srgb, var(--rb-text) 7%, transparent);
  }
}

.wc-slip-pick {
  box-sizing: border-box;
  padding: 10px;
}

.wc-slip-pick:after {
  display: none;
}

.wc-slip-pick > button {
  background: var(--rb-text);
  border: 0;
  border-radius: 6px;
  align-self: flex-end;
  width: 24px;
  height: 24px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-pick > button {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-slip-pick > button {
  color: var(--rb-text-soft);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}

.wc-slip-pick span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.wc-slip-pick strong, .wc-slip-pick small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.wc-slip-pick strong {
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 750;
}

.wc-slip-pick small {
  color: var(--rb-text-soft);
  font-size: 11px;
  font-weight: 650;
}

.wc-slip-pick em {
  background: var(--rb-gold);
  border-radius: 6px;
  align-self: flex-start;
  padding: 4px 8px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-pick em {
    background: color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.wc-slip-pick em {
  color: var(--rb-gold);
  font-size: 13px;
  font-style: normal;
  font-weight: 750;
}

.wc-slip label, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll):not(.wc-slip-brand) {
  border: 1px solid var(--rb-border);
  background: var(--rb-text);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip label, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll):not(.wc-slip-brand) {
    background: color-mix(in srgb, var(--rb-text) 6%, transparent);
  }
}

.wc-slip label, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll):not(.wc-slip-brand) {
  color: var(--rb-text-soft);
  flex-shrink: 0;
  padding: 8px 10px;
}

.wc-slip label span, .wc-slip > div:not(.wc-slip-pick):not(.wc-slip-head):not(.wc-slip-scroll):not(.wc-slip-brand) span {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 650;
}

.wc-slip input {
  background: var(--rb-text);
  border: 0;
  border-radius: 6px;
  width: 104px;
  height: 30px;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip input {
    background: color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.wc-slip input {
  color: var(--rb-text);
  text-align: right;
  padding: 0 10px;
  font-weight: 700;
}

.wc-slip > button {
  background: var(--rb-gold-gradient);
  height: 38px;
  color: var(--rb-gold-deep);
  cursor: pointer;
  border: 0;
  border-radius: 7px;
  flex-shrink: 0;
  font-weight: 750;
}

.wc-slip-message {
  background: var(--rb-gold);
  border-radius: 7px;
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-slip-message {
    background: color-mix(in srgb, var(--rb-gold) 12%, transparent);
  }
}

.wc-slip-message {
  color: var(--rb-text);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 650;
}

.wc-slip > button:disabled {
  cursor: not-allowed;
  filter: grayscale();
  opacity: .45;
}

@media (max-width: 760px) {
  .wc-slip {
    transform-origin: bottom;
    border-radius: 14px 14px 0 0;
    width: 100%;
    max-height: 78vh;
    inset: auto 0 0;
    transform: translateY(100%);
  }

  .wc-slip.is-open {
    transform: translateY(0);
  }

  .wc-slip-scroll {
    max-height: 46vh;
  }
}

.wc-slip {
  scrollbar-gutter: stable;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: hidden auto;
}

.wc-slip-scroll {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-height: auto;
  max-height: none;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.wc-slip .wc-slip-pick {
  box-sizing: border-box;
  align-self: stretch;
  width: 100%;
  max-width: none;
}

.wc-slip .wc-slip-pick > button {
  align-self: flex-end;
}

@media (max-width: 760px) {
  .wc-slip-scroll {
    max-height: none;
    overflow: visible;
  }
}

.rpf-raffle-page, .rpf-contest-page {
  padding-top: 14px;
}

.rpf-feature-title-row h1 {
  font-size: 18px;
  font-weight: 650;
}

.rpf-feature-title-row > span, .rpf-how-button {
  font-weight: 600;
}

.rpf-how-button {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .rpf-how-button {
    background: color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.rpf-how-button {
  color: var(--rb-gold-strong);
}

.rpf-raffle-hero {
  min-height: 0;
  display: block;
}

.rpf-raffle-banner {
  background: none;
  border: 0;
  min-height: 246px;
  position: relative;
}

.rpf-raffle-banner img {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.rpf-raffle-banner svg {
  z-index: 0;
  position: absolute;
  right: 12%;
}

.rpf-raffle-prize-card {
  z-index: 1;
  border: 1px solid var(--rb-border);
  background: var(--rb-card-sunken);
  width: min(300px, 100% - 32px);
  min-height: 206px;
  box-shadow: none;
  margin: 20px 0 20px 82px;
  padding: 18px 20px;
  position: relative;
}

.rpf-raffle-prize-card p {
  color: var(--rb-text);
  font-size: 19px;
  font-weight: 700;
}

.rpf-raffle-prize-card h2 {
  color: var(--rb-gold);
  font-size: clamp(28px, 3.5vw, 38px);
  font-weight: 750;
}

.rpf-raffle-prize-card span, .rpf-raffle-prize-card small {
  font-weight: 600;
}

.rpf-raffle-prize-card strong {
  font-size: 24px;
  font-weight: 700;
}

.rpf-raffle-prize-card button {
  background: var(--rb-gold-gradient);
  min-height: 40px;
  color: var(--rb-gold-deep);
  font-weight: 700;
}

.rpf-section-label {
  color: var(--rb-text);
  font-weight: 650;
}

.rpf-raffle-earn-grid article, .rpf-raffle-summary, .rpf-raffle-table, .rpf-contest-top > div, .rpf-contest-player, .rpf-contest-table, .rpf-info-modal {
  border: 1px solid var(--rb-border);
  background: var(--rb-panel-glow), var(--rb-surface);
}

.rpf-raffle-earn-grid span, .rpf-raffle-summary span, .rpf-raffle-table nav, .rpf-contest-table header, .rpf-raffle-table header, .rpf-info-modal p, .rpf-info-modal li {
  font-weight: 500;
}

.rpf-raffle-earn-grid strong, .rpf-raffle-summary strong, .rpf-raffle-table strong, .rpf-contest-table strong, .rpf-contest-player strong, .rpf-contest-player span, .rpf-contest-player em {
  font-weight: 650;
}

.rpf-raffle-table nav strong {
  border-bottom-color: var(--rb-gold);
  color: var(--rb-text);
}

.rpf-contest-top {
  grid-template-columns: minmax(0, 1.4fr) minmax(230px, .72fr) minmax(230px, .72fr);
  gap: 10px;
}

.rpf-contest-top > div {
  min-height: 122px;
  padding: 18px;
}

.rpf-contest-prize img, .rpf-contest-prize svg {
  width: 84px;
  height: 78px;
}

.rpf-contest-prize p, .rpf-contest-prize span, .rpf-contest-clock p, .rpf-contest-winner span, .rpf-contest-winner em, .rpf-contest-table em, .rpf-contest-table > div span:nth-child(3), .rpf-raffle-table em, .rpf-raffle-table > div span:nth-child(3) {
  color: var(--rb-gold-strong);
  font-weight: 650;
}

.rpf-contest-prize strong {
  color: var(--rb-gold-strong);
  font-size: 22px;
  font-weight: 700;
}

.rpf-contest-clock span {
  background: var(--rb-surface-sunken);
  color: var(--rb-text);
  font-size: 20px;
  font-weight: 700;
}

.rpf-table-status strong {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  font-weight: 650;
}

.rpf-contest-player {
  grid-template-columns: 1.2fr .9fr .9fr .8fr;
}

.rpf-info-modal h2 {
  color: var(--rb-text);
  font-weight: 700;
}

.rpf-info-modal button {
  background: var(--rb-surface-sunken);
}

@media (max-width: 760px) {
  .rpf-raffle-banner {
    min-height: 360px;
  }

  .rpf-raffle-prize-card {
    width: calc(100% - 28px);
    margin: 14px;
  }

  .rpf-contest-top {
    grid-template-columns: 1fr;
  }
}

.rpf-raffle-earn-grid article, .rpf-raffle-summary, .rpf-raffle-table, .rpf-contest-top > div, .rpf-contest-player, .rpf-contest-table, .rpf-info-modal {
  background: var(--rb-surface);
  border: 0;
}

.rpf-raffle-prize-card {
  background: var(--rb-card-deep);
  border: 0;
  margin: 20px 0 20px 20px;
}

.rpf-contest-prize {
  background: var(--rb-surface);
}

.rpf-contest-prize strong {
  width: fit-content;
  max-width: 100%;
  color: var(--rb-gold);
  display: block;
}

.rpf-raffle-table nav {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

.rpf-raffle-table nav button {
  width: 100%;
  min-height: 54px;
  color: var(--rb-text-soft);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  font-size: 13px;
  font-weight: 550;
}

.rpf-raffle-table nav button.is-active {
  border-bottom-color: var(--rb-gold);
  color: var(--rb-text);
  font-weight: 650;
}

.rpf-raffle-winnings {
  text-align: center;
  place-items: center;
  gap: 10px;
  min-height: 180px;
  padding: 24px;
  display: grid;
}

.rpf-raffle-winnings div {
  gap: 8px;
  display: grid;
}

.rpf-raffle-winnings span {
  color: var(--rb-text-soft);
  font-size: 13px;
  font-weight: 550;
}

.rpf-raffle-winnings strong {
  color: var(--rb-gold);
  font-size: 24px;
  font-weight: 700;
}

.rpf-raffle-winnings p {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 13px;
}

@media (max-width: 760px) {
  .rpf-raffle-prize-card {
    margin: 14px;
  }
}

.rpf-raffle-banner {
  place-items: initial;
  display: block;
}

.rpf-raffle-prize-card {
  left: 0;
  transform: none;
}

.rpf-raffle-earn-grid svg, .rpf-raffle-summary svg, .rpf-contest-prize svg, .rpf-how-button, .rpf-contest-prize p, .rpf-contest-prize span, .rpf-contest-clock p, .rpf-contest-winner span, .rpf-contest-winner em, .rpf-contest-table em, .rpf-contest-table > div span:nth-child(3), .rpf-raffle-table em, .rpf-raffle-table > div span:nth-child(3) {
  color: var(--rb-gold-strong);
}

.rpf-raffle-prize-card button, .rpf-table-status strong {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.rpf-contest-prize strong {
  background: var(--rb-surface-sunken);
  min-height: 38px;
  color: var(--rb-gold);
  visibility: visible;
  opacity: 1;
  align-items: center;
  margin-top: 8px;
  padding: 6px 12px;
  display: inline-flex;
}

@media (max-width: 760px) {
  .rpf-raffle-banner {
    place-items: center;
    min-height: 286px;
    display: grid;
  }

  .rpf-raffle-banner img {
    transform: scale(1.04);
  }

  .rpf-raffle-prize-card {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #12161a26;
    width: min(326px, 100% - 28px);
    min-height: 224px;
    margin: 0;
  }

  .rpf-contest-top {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .rpf-contest-prize {
    grid-column: 1 / -1;
    min-height: 120px;
  }

  .rpf-contest-clock, .rpf-contest-winner {
    min-height: 126px;
    padding: 12px;
  }

  .rpf-contest-clock > div {
    gap: 6px;
  }

  .rpf-contest-clock span {
    width: 42px;
    height: 52px;
    font-size: 18px;
  }

  .rpf-contest-clock small {
    font-size: 8px;
  }

  .rpf-contest-prize img, .rpf-contest-prize svg {
    width: 96px;
    height: 84px;
  }

  .rpf-contest-prize strong {
    font-size: 20px;
  }
}

.rpf-raffle-banner-img-mobile {
  display: none;
}

.rpf-contest-prize {
  position: relative;
  overflow: visible;
}

.rpf-contest-prize > div {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.rpf-contest-prize strong {
  z-index: 3;
  white-space: nowrap;
  position: relative;
  overflow: visible;
}

@media (max-width: 760px) {
  .rpf-raffle-banner-img-desktop {
    display: none;
  }

  .rpf-raffle-banner-img-mobile {
    display: block;
  }

  .rpf-contest-page, .rpf-raffle-page {
    width: 100%;
    padding: 10px 8px 28px;
  }

  .rpf-contest-top {
    align-items: stretch;
  }

  .rpf-contest-top > div {
    border-radius: 8px;
    min-width: 0;
  }

  .rpf-contest-prize {
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 14px;
    display: grid;
  }

  .rpf-contest-prize p {
    font-size: 14px;
  }

  .rpf-contest-prize span {
    font-size: 12px;
  }

  .rpf-contest-prize strong {
    max-width: 100%;
    font-size: clamp(18px, 5.8vw, 23px);
    line-height: 1.05;
  }

  .rpf-contest-clock, .rpf-contest-winner {
    align-content: center;
    justify-items: center;
    min-height: 128px;
    display: grid;
  }

  .rpf-contest-clock p {
    text-align: center;
    margin-bottom: 8px;
    font-size: 13px;
  }

  .rpf-contest-winner strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 13px;
    overflow: hidden;
  }

  .rpf-contest-winner em {
    font-size: 11px;
  }

  .rpf-contest-player {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
  }

  .rpf-contest-player strong, .rpf-contest-player span, .rpf-contest-player em {
    text-align: center;
    font-size: 12px;
  }

  .rpf-contest-table, .rpf-raffle-table {
    overflow-x: hidden;
  }

  .rpf-contest-table header, .rpf-contest-table > div:not(.rpf-empty-row):not(.rpf-table-status), .rpf-raffle-table header, .rpf-raffle-table > div:not(.rpf-empty-row) {
    min-width: 0;
  }

  .rpf-table-status {
    text-align: right;
    grid-template-columns: auto 1fr;
    gap: 10px;
    min-width: 0;
    padding: 10px;
  }

  .rpf-contest-table header {
    grid-template-columns: 34px minmax(72px, 1fr) minmax(82px, .9fr) minmax(78px, .9fr);
    gap: 6px;
    padding: 10px;
    font-size: 10px;
  }

  .rpf-contest-table > div:not(.rpf-empty-row):not(.rpf-table-status) {
    grid-template-columns: 34px minmax(72px, 1fr) minmax(82px, .9fr) minmax(78px, .9fr);
    gap: 6px;
    padding: 12px 10px;
    font-size: 11px;
  }

  .rpf-contest-table strong, .rpf-raffle-table strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .rpf-raffle-table header {
    grid-template-columns: 34px minmax(72px, 1fr) minmax(84px, .9fr) 50px;
    gap: 6px;
    padding: 10px;
    font-size: 10px;
  }

  .rpf-raffle-table > div:not(.rpf-empty-row):not(.rpf-raffle-winnings) {
    grid-template-columns: 34px minmax(72px, 1fr) minmax(84px, .9fr) 50px;
    gap: 6px;
    padding: 12px 10px;
    font-size: 11px;
  }

  .rpf-raffle-table nav button {
    min-height: 44px;
    font-size: 11px;
  }
}

.rpf-contest-prize strong {
  padding: 0;
  background: none !important;
}

.rpf-contest-clock {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rpf-contest-clock > div {
  justify-content: center;
  display: flex;
}

.rpf-contest-player strong {
  color: var(--rb-text);
}

.rpf-contest-player span, .rpf-contest-player em {
  color: var(--rb-gold-strong);
}

.rpf-table-status {
  text-align: left;
  align-items: center;
  min-height: 52px;
  padding: 0 22px;
  display: flex;
}

.rpf-table-status strong {
  color: var(--rb-text);
  background: none;
  padding: 0;
  font-size: 15px;
  font-weight: 650;
}

@media (max-width: 760px) {
  .rpf-contest-clock {
    flex-direction: column;
    display: flex;
  }

  .rpf-table-status {
    text-align: left;
    min-width: 0;
    padding: 12px 10px;
    display: flex;
  }
}

.rb-content-container, .missions-page {
  width: min(100%, 1220px);
  margin-inline: auto;
}

.game-history-panel, .game-history-head, .game-history-card {
  background: linear-gradient(180deg, var(--rb-card) 0%, var(--rb-card-deep) 100%);
  box-shadow: none;
  border: 0 !important;
}

.game-history-head, .game-history-card {
  background: var(--rb-card-deep);
}

.game-history-shell:before, .game-history-shell:after {
  display: none;
}

.missions-page {
  color: var(--rb-text);
  padding: 0 0 48px;
}

.missions-hero {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  padding: 32px 0 24px;
  display: flex;
}

.missions-hero-text h1 {
  letter-spacing: -.01em;
  margin: 0 0 6px;
  font-size: clamp(24px, 3.5vw, 34px);
  font-weight: 700;
}

.missions-hero-text p {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.missions-hero-stats {
  flex-shrink: 0;
  gap: 20px;
  display: flex;
}

.missions-stat {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.missions-stat strong {
  color: var(--rb-gold);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.missions-stat span {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--rb-text-soft);
  font-size: 11px;
  font-weight: 600;
}

.missions-controls {
  border-bottom: 1px solid #ffffff0f;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  display: flex;
}

.missions-pill-group {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.missions-pill {
  height: 36px;
  color: var(--rb-text-soft);
  background: #ffffff0a;
  border-radius: 999px;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 650;
  transition: background .15s, color .15s;
  display: inline-flex;
}

.missions-pill:hover {
  color: var(--rb-text);
  background: #ffffff14;
}

.missions-pill.is-active {
  background: var(--rb-gold);
  color: var(--rb-gold-deep);
  font-weight: 700;
}

.missions-section {
  margin-bottom: 28px;
}

.missions-section-title {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  letter-spacing: .07em;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.missions-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.missions-grid--featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.missions-card {
  background: var(--missions-card-bg);
  color: var(--rb-text);
  text-align: left;
  border-radius: 14px;
  flex-direction: column;
  transition: transform .18s, box-shadow .18s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.missions-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px #0000005c;
}

.missions-card.is-in-progress {
  box-shadow: inset 0 0 0 1.5px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .missions-card.is-in-progress {
    box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--rb-gold) 50%, transparent);
  }
}

.missions-card.is-completed {
  opacity: .72;
}

.missions-card-banner {
  background: var(--missions-banner-bg);
  flex-shrink: 0;
  height: 164px;
  position: relative;
  overflow: hidden;
}

.missions-card-banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.missions-card:hover .missions-card-banner img {
  transform: scale(1.04);
}

.missions-card-banner-overlay {
  background: linear-gradient(#0000 40%, #0d111ab8 100%);
  position: absolute;
  inset: 0;
}

.missions-category-chip {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #ffffffd9;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: #0000008c;
  border-radius: 999px;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
  position: absolute;
  bottom: 10px;
  left: 12px;
}

.missions-status-chip {
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.missions-status-active {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .missions-status-active {
    background: color-mix(in srgb, var(--rb-gold) 20%, transparent);
  }
}

.missions-status-active {
  color: var(--rb-gold);
}

.missions-status-completed {
  color: var(--missions-success-color);
  background: #79df482e;
}

.missions-card-body {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 14px 14px 16px;
  display: flex;
}

.missions-card-meta {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.missions-duration-badge {
  height: 22px;
  color: var(--rb-text-soft);
  background: #ffffff0f;
  border-radius: 999px;
  align-items: center;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 760;
  display: inline-flex;
}

.missions-kind-badge {
  height: 22px;
  color: var(--missions-kind-color);
  background: #8b5cf62e;
  border-radius: 999px;
  align-items: center;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 760;
  display: inline-flex;
}

.missions-card-title {
  color: var(--rb-text);
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.missions-progress-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.missions-progress-bar {
  background: #ffffff14;
  border-radius: 999px;
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.missions-progress-fill {
  background: var(--rb-gold-gradient);
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
}

.missions-progress-label {
  color: var(--rb-gold);
  text-align: right;
  min-width: 32px;
  font-size: 11px;
  font-weight: 780;
}

.missions-reward-row {
  background: var(--rb-gold);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .missions-reward-row {
    background: color-mix(in srgb, var(--rb-gold) 7%, transparent);
  }
}

.missions-reward-row {
  box-shadow: inset 0 0 0 1px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .missions-reward-row {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rb-gold) 22%, transparent);
  }
}

.missions-reward-row {
  margin-top: auto;
}

.missions-reward-label {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 650;
}

.missions-reward-value {
  color: var(--rb-gold);
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
}

.missions-empty {
  background: var(--missions-card-bg);
  min-height: 180px;
  color: var(--rb-text-soft);
  border-radius: 14px;
  grid-column: 1 / -1;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.missions-faq {
  margin-top: 48px;
}

.missions-faq h2 {
  margin: 0 0 18px;
  font-size: 19px;
  font-weight: 650;
}

.missions-faq > div {
  border-top: 1px solid #ffffff14;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  display: grid;
}

.missions-faq details {
  border-bottom: 1px solid #ffffff14;
  padding: 20px 0;
}

.missions-faq summary {
  cursor: pointer;
  color: var(--rb-text);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.missions-faq summary::-webkit-details-marker {
  display: none;
}

.missions-faq p {
  color: var(--rb-text-soft);
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .missions-hero {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
  }

  .missions-hero-stats {
    justify-content: flex-start;
    align-self: stretch;
  }

  .missions-stat {
    align-items: flex-start;
  }

  .missions-grid, .missions-grid--featured, .missions-faq > div {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 640px) and (max-width: 979px) {
  .missions-grid, .missions-grid--featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rakeback-page {
  width: min(100%, 1220px);
  color: var(--rb-text);
  gap: 12px;
  margin-inline: auto;
  padding-bottom: 36px;
  display: grid;
}

.vip-club-page {
  --vip-surface-soft: linear-gradient(var(--vip-surface) 0%, var(--vip-surface-deep) 100%);
  --vip-text: var(--rb-text);
  --vip-text-soft: var(--rb-text-soft);
  --vip-accent: var(--rb-gold);
  --vip-accent-strong: var(--rb-gold-strong);
  --vip-progress: var(--rb-gold);
  width: min(100%, 1220px);
  color: var(--vip-text);
  gap: 16px;
  margin-inline: auto;
  padding-bottom: 36px;
  display: grid;
  overflow-x: clip;
}

.vip-club-loading, .vip-club-empty {
  background: var(--vip-surface);
  min-height: 320px;
  color: var(--vip-text-soft);
  border-radius: 8px;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.vip-club-hero, .vip-club-level-card, .vip-club-next-card, .vip-club-levels-panel, .vip-club-benefits, .vip-club-stats, .vip-club-reward, .vip-club-rewards {
  background: var(--vip-surface);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 34px #00000029;
}

.vip-club-hero {
  background: var(--vip-surface-deep);
  background-image: var(--hero-image, none);
  background-position: top;
  background-size: cover;
  align-items: end;
  min-height: clamp(260px, 26vw, 390px);
  padding: clamp(22px, 4vw, 46px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.vip-club-hero.has-banner {
  aspect-ratio: 574 / 350;
  background: var(--vip-surface);
  place-items: end center;
  min-height: 0;
  max-height: none;
  padding: clamp(28px, 4vw, 52px);
}

.vip-club-hero-banner, .vip-club-hero-banner img {
  width: 100%;
  height: 100%;
  position: absolute;
}

.vip-club-hero-banner {
  z-index: 0;
  width: 100%;
  display: block;
  inset: 0;
  overflow: hidden;
}

.vip-club-hero-banner img {
  object-fit: contain;
  object-position: center top;
  transform-origin: top;
  width: 100%;
  height: 80%;
  margin: 0 auto;
  display: block;
  inset: 0 0 auto;
  transform: none;
  -webkit-mask-image: linear-gradient(#000 0% 76%, #0000009e 88%, #0000 100%);
  mask-image: linear-gradient(#000 0% 76%, #0000009e 88%, #0000 100%);
}

.vip-club-hero.has-banner:after {
  content: "";
  z-index: 1;
  background: linear-gradient(180deg,
    transparent 0%,
    transparent 46%,
    var(--vip-surface-deep) 66%,
    var(--vip-surface-deep) 100%);
  display: block;
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .vip-club-hero.has-banner:after {
    background: linear-gradient(180deg,
    transparent 0%,
    transparent 46%,
    color-mix(in srgb, var(--vip-surface-deep) 40%, transparent) 66%,
    var(--vip-surface-deep) 100%);
  }
}

.vip-club-hero.has-banner:after {
  pointer-events: none;
}

.vip-club-hero:before {
  content: "";
  display: none;
}

.vip-club-hero > * {
  z-index: 1;
}

.vip-club-hero-copy {
  text-shadow: 0 2px 12px #0000008c;
  max-width: 520px;
}

.vip-club-hero.has-banner .vip-club-hero-copy {
  z-index: 2;
  text-align: center;
  width: min(100%, 780px);
  max-width: none;
  position: relative;
  bottom: -50px;
  left: auto;
}

.vip-club-hero.has-banner .vip-club-hero-copy h1 {
  color: var(--vip-text);
  text-transform: uppercase;
  gap: 8px;
  margin-inline: auto;
  font-size: clamp(42px, 5.7vw, 76px);
  font-weight: 700;
  line-height: .94;
  display: grid;
}

.vip-club-hero.has-banner .vip-club-hero-copy h1 span:last-child {
  color: var(--vip-accent);
}

.vip-club-hero.has-banner .vip-club-hero-copy p {
  width: min(100%, 560px);
  color: var(--vip-text-soft);
  margin: 16px auto 0;
  font-size: clamp(15px, 1.35vw, 18px);
  font-weight: 700;
  line-height: 1.35;
}

.vip-club-hero h1 {
  color: var(--vip-text);
  text-transform: none;
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 650;
  line-height: 1.05;
}

.vip-club-hero p {
  width: min(100%, 500px);
  color: var(--vip-text-soft);
  margin: 14px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.vip-club-top-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr);
  gap: 16px;
  display: grid;
}

.vip-club-level-card {
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  min-height: 220px;
  padding: 26px;
  display: grid;
}

.vip-club-level-media img {
  object-fit: contain;
  width: 104px;
  height: 104px;
  filter: drop-shadow(0 0 22px var(--vip-glow));
}

.vip-club-level-copy > span, .vip-club-next-card span, .vip-club-levels-panel h2, .vip-club-benefits h2, .vip-club-stats h2, .vip-club-reward span {
  color: var(--vip-text);
  text-transform: none;
  font-size: 12px;
  font-weight: 650;
}

.vip-club-level-copy h2 {
  color: var(--vip-accent);
  margin: 8px 0 16px;
  font-size: 34px;
  font-weight: 650;
  line-height: 1;
}

.vip-club-progress {
  grid-template-columns: minmax(0, 1fr) 52px;
  align-items: center;
  gap: 14px;
  display: grid;
}

.vip-club-progress div {
  background: #ffffff14;
  border-radius: 999px;
  height: 12px;
  overflow: hidden;
}

.vip-club-progress span {
  border-radius: inherit;
  background: linear-gradient(90deg,
    var(--vip-progress),
    var(--vip-accent-strong));
  height: 100%;
  box-shadow: 0 0 18px var(--vip-glow);
  display: block;
}

.vip-club-progress strong {
  color: var(--vip-text);
  font-size: 17px;
  font-weight: 650;
}

.vip-club-level-copy p {
  color: var(--vip-text);
  margin: 14px 0 0;
  font-size: 14px;
  font-weight: 500;
}

.vip-club-next-card {
  background: var(--vip-surface);
  grid-template-columns: minmax(0, 1fr) 170px;
  align-items: center;
  gap: 12px;
  min-height: 220px;
  padding: 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.vip-club-next-card ul {
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.vip-club-next-card li {
  color: var(--vip-text-soft);
  font-size: 13px;
  font-weight: 500;
}

.vip-club-next-card li:before {
  content: "+";
  color: var(--vip-accent);
  margin-right: 8px;
  font-weight: 650;
}

.vip-club-next-card img {
  object-fit: contain;
  width: 160px;
  height: 160px;
  filter: drop-shadow(0 0 28px var(--vip-glow));
}

.vip-club-levels-panel {
  min-width: 0;
  padding: 18px 24px 24px;
  overflow: hidden;
}

.vip-club-levels-panel h2 {
  text-align: center;
  margin: 0 0 18px;
}

.vip-club-levels-row {
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: linear-gradient(#1f242d 0%, #181d27 100%) transparent;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  padding-bottom: 6px;
  display: flex;
  overflow: auto hidden;
}

.vip-club-levels-row article {
  min-width: 104px;
  color: var(--vip-text-soft);
  border-radius: 8px;
  flex: 0 0 104px;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  display: grid;
  position: relative;
}

.vip-club-levels-row article.is-active {
  background: var(--vip-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .vip-club-levels-row article.is-active {
    background: color-mix(in srgb, var(--vip-accent) 12%, transparent);
  }
}

.vip-club-levels-row article.is-active {
  box-shadow: none;
}

.vip-club-levels-row img {
  object-fit: contain;
  width: 58px;
  height: 58px;
}

.vip-club-levels-row article > span {
  width: 58px;
  height: 58px;
  color: var(--vip-accent);
  background: linear-gradient(#1f242d 0%, #181d27 100%);
  border-radius: 999px;
  place-items: center;
  font-weight: 650;
  display: grid;
}

.vip-club-levels-row strong {
  color: var(--vip-text);
  font-size: 16px;
  font-weight: 650;
}

.vip-club-levels-row small, .vip-club-levels-row em {
  color: var(--vip-text-soft);
  text-align: center;
  font-size: 11px;
  font-style: normal;
}

.vip-club-levels-row em {
  color: var(--vip-accent);
  text-transform: none;
  font-weight: 650;
}

.vip-club-bottom-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .95fr) minmax(260px, .9fr);
  gap: 16px;
  display: grid;
}

.vip-club-benefits, .vip-club-stats, .vip-club-reward {
  padding: 20px;
}

.vip-club-benefits h2, .vip-club-stats h2 {
  margin: 0 0 16px;
}

.vip-club-guest-cta {
  text-align: center;
  min-height: 140px;
  color: var(--vip-text-soft, var(--rb-text-soft));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.vip-club-guest-cta p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.vip-club-benefits > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.vip-club-benefits span {
  background: var(--vip-surface-soft);
  min-height: 78px;
  box-shadow: none;
  border-radius: 8px;
  align-content: center;
  gap: 5px;
  padding: 10px;
  display: grid;
}

.vip-club-benefits svg, .vip-club-benefits img {
  color: var(--vip-accent);
}

.vip-club-benefits img, .vip-club-stats img {
  object-fit: contain;
  width: 64px;
  height: 64px;
}

.vip-club-benefits svg {
  width: 28px;
  height: 28px;
}

.vip-club-benefits small {
  color: var(--vip-text-soft);
  font-size: 11px;
  font-weight: 500;
}

.vip-club-benefits strong {
  color: var(--vip-text);
  font-size: 12px;
  font-weight: 650;
}

.vip-club-stats {
  gap: 12px;
  display: grid;
}

.vip-club-stats div {
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  display: grid;
  box-shadow: inset 0 -1px #ffffff0b;
}

.vip-club-stats svg {
  color: var(--vip-text-soft);
}

.vip-club-stats span {
  color: var(--vip-text-soft);
  font-size: 13px;
  font-weight: 500;
}

.vip-club-stats strong {
  color: var(--vip-text);
  font-size: 14px;
  font-weight: 650;
}

.vip-club-reward {
  background: var(--vip-surface);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 10px;
  min-height: 260px;
  display: grid;
}

.vip-club-reward svg {
  color: var(--vip-accent);
  filter: drop-shadow(0 0 20px var(--vip-glow));
}

.vip-club-reward > img {
  object-fit: contain;
  width: 72px;
  height: 72px;
  filter: drop-shadow(0 0 20px var(--vip-glow));
}

.vip-club-reward strong {
  color: var(--vip-accent);
  font-size: 38px;
  font-weight: 650;
  line-height: 1;
}

.vip-club-reward small {
  color: var(--vip-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.rakeback-loading {
  background: linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  min-height: 360px;
  color: var(--rb-text-soft);
  border-radius: 8px;
  place-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

.rakeback-loading span {
  border: 3px solid #ffffff1f;
  border-top-color: var(--rb-gold);
  border-radius: 999px;
  width: 34px;
  height: 34px;
  animation: .8s linear infinite rb-spin;
}

@keyframes rb-spin {
  to {
    transform: rotate(360deg);
  }
}

.rakeback-hero, .rakeback-claim-card, .rakeback-vip-panel, .rakeback-stats-panel, .rakeback-history-panel, .rakeback-estimate-panel, .rakeback-mobile-level {
  background: linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border: 0;
  border-radius: 8px;
  box-shadow: inset 0 1px #ffffff09, 0 16px 32px #0000002e;
}

.rakeback-hero {
  background: radial-gradient(circle at 82% 42%, #f5ca552e, #0000 34%), linear-gradient(100deg, #111823 0%, #0b1119 48%, #171d26 100%);
  grid-template-columns: minmax(320px, .42fr) minmax(0, .58fr);
  align-items: center;
  min-height: 280px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.rakeback-hero.has-banner {
  background: #0f151f6b;
  box-shadow: inset 0 1px #ffffff09, 0 16px 32px #00000024;
}

.rakeback-hero-media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.rakeback-hero-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rakeback-hero.has-banner:after {
  content: "";
  z-index: 0;
  background: #080c123d;
  position: absolute;
  inset: 0;
}

.rakeback-hero:before {
  content: "";
  opacity: .78;
  background: radial-gradient(circle at 18% 18%, #f5ca552e, #0000 16%), radial-gradient(circle at 70% 76%, #f5ca551f, #0000 22%);
  position: absolute;
  inset: 0;
}

.rakeback-hero.has-banner:before {
  display: none;
}

.rakeback-hero-copy {
  z-index: 1;
  justify-items: start;
  gap: 10px;
  padding: 30px 34px;
  display: grid;
  position: relative;
}

.rakeback-hero.has-banner .rakeback-hero-copy {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0b101875;
  border-radius: 8px;
  margin-left: 18px;
}

.rakeback-hero-copy span, .rakeback-section-title span, .rakeback-stats-panel h2, .rakeback-history-panel h2, .rakeback-estimate-panel h2 {
  color: var(--rb-gold);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.rakeback-hero-copy strong {
  color: var(--rb-text);
  font-size: clamp(42px, 6vw, 64px);
  font-weight: 500;
  line-height: 1;
}

.rakeback-hero-copy button {
  background: var(--rb-gold-gradient);
  min-width: 180px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
}

.rakeback-hero-copy button:disabled, .rakeback-claim-card button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.rakeback-hero-rate {
  background: #f5ca551f;
  border-radius: 8px;
  gap: 3px;
  min-width: 180px;
  padding: 10px 14px;
  display: grid;
  box-shadow: inset 0 0 0 1px #f5ca5538;
}

.rakeback-hero-rate span {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.rakeback-hero-rate strong {
  color: var(--rb-gold);
  font-size: 28px;
  font-weight: 700;
}

.rakeback-hero-copy small {
  color: var(--rb-text-soft);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

@media (min-width: 901px) {
  .rakeback-hero.has-banner {
    aspect-ratio: 2205 / 713;
    background: var(--rb-panel);
    grid-template-columns: minmax(320px, .38fr) minmax(0, .62fr);
    min-height: 0;
  }

  .rakeback-hero.has-banner .rakeback-hero-media img {
    object-fit: contain;
    object-position: center;
  }

  .rakeback-hero.has-banner:after {
    background: linear-gradient(90deg, #080c12ad 0%, #080c125c 36%, #0000 68%);
  }

  .rakeback-hero.has-banner .rakeback-hero-copy {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #0b10185c;
    width: min(100%, 380px);
    margin-left: 24px;
  }
}

.rakeback-treasure {
  z-index: 1;
  height: 100%;
  min-height: 280px;
  position: relative;
}

.rakeback-chest {
  aspect-ratio: 1.35;
  background: linear-gradient(90deg, #0000 0 18%, #54300373 18% 22%, #0000 22% 78%, #54300373 78% 82%, #0000 82%), linear-gradient(#ffe98d 0%, #d99c22 45%, #7c4b07 100%);
  border-radius: 18px 18px 8px 8px;
  width: min(36vw, 340px);
  position: absolute;
  bottom: 32px;
  right: 10%;
  box-shadow: 0 0 46px #f5ca5540, inset 0 16px 28px #ffffff47, inset 0 -22px 28px #3d230375;
}

.rakeback-chest:before {
  content: "";
  background: linear-gradient(#fff0a8, #b8790d);
  border-radius: 8px;
  position: absolute;
  inset: 20% 36% 18%;
  box-shadow: 0 0 18px #f5ca558c;
}

.rakeback-coin {
  aspect-ratio: 1;
  background: radial-gradient(circle at 32% 28%, #fff3a5, #f5ca55 42%, #a66b0c 100%);
  border-radius: 999px;
  width: 42px;
  position: absolute;
  box-shadow: 0 0 18px #f5ca5559;
}

.coin-a {
  top: 36px;
  right: 14%;
}

.coin-b {
  width: 32px;
  top: 72px;
  right: 42%;
}

.coin-c {
  width: 28px;
  bottom: 62px;
  right: 34%;
}

.rakeback-claim-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rakeback-claim-card {
  background: linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  min-height: 128px;
  padding: 18px;
  display: grid;
}

.rakeback-claim-icon {
  width: 40px;
  height: 40px;
  color: var(--rb-gold);
  background: #f5ca551f;
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.rakeback-claim-icon img, .rakeback-benefits img, .rakeback-estimate-panel h2 img {
  object-fit: contain;
  width: 22px;
  height: 22px;
}

.rakeback-claim-body {
  gap: 3px;
  display: grid;
}

.rakeback-claim-body span, .rakeback-stats-panel span, .rakeback-estimate-panel span, .rakeback-history-table span {
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.rakeback-claim-body strong {
  color: var(--rb-text);
  font-size: 26px;
  font-weight: 500;
}

.rakeback-claim-body small, .rakeback-history-table small {
  color: var(--rb-gold);
  font-size: 12px;
  font-weight: 600;
}

.rakeback-claim-body .rakeback-countdown {
  color: var(--rb-text-soft);
  font-weight: 500;
}

.rakeback-claim-body .rakeback-period-rate {
  color: var(--rb-text);
  font-weight: 700;
}

.rakeback-claim-card button {
  height: 34px;
  color: var(--rb-text);
  background: #0f151f;
  border-radius: 7px;
  grid-column: 1 / -1;
  font-size: 12px;
  font-weight: 600;
}

.rakeback-mini-progress, .rakeback-progress-track {
  background: #ffffff0f;
  border-radius: 999px;
  grid-column: 1 / -1;
  height: 8px;
  overflow: hidden;
}

.rakeback-mini-progress div, .rakeback-progress-track span, .rakeback-mobile-level div span {
  border-radius: inherit;
  background: var(--rb-gold-gradient);
  height: 100%;
  display: block;
  box-shadow: 0 0 18px #f5ca555c;
}

.rakeback-main-grid {
  grid-template-columns: minmax(0, 1.8fr) minmax(300px, .95fr);
  gap: 12px;
  display: grid;
}

.rakeback-vip-panel, .rakeback-stats-panel, .rakeback-history-panel, .rakeback-estimate-panel {
  padding: 18px;
}

.rakeback-section-title {
  align-items: center;
  gap: 12px;
  display: flex;
}

.rakeback-section-title img {
  object-fit: contain;
  width: 64px;
  height: 64px;
}

.rakeback-progress-row {
  grid-template-columns: minmax(0, 1fr) 54px;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  display: grid;
}

.rakeback-progress-row strong {
  font-size: 20px;
  font-weight: 600;
}

.rakeback-vip-panel p {
  color: var(--rb-text-soft);
  margin: 10px 0 20px;
  font-size: 13px;
  font-weight: 500;
}

.rakeback-vip-panel h3 {
  color: var(--rb-text);
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 700;
}

.rakeback-benefits {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.rakeback-benefits span {
  color: var(--rb-text-soft);
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.rakeback-benefits svg {
  color: var(--rb-gold);
}

.rakeback-benefits img {
  display: block;
}

.rakeback-stats-panel, .rakeback-estimate-panel {
  gap: 14px;
  display: grid;
}

.rakeback-stats-panel div, .rakeback-estimate-panel > div:not(.rakeback-rate) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 32px;
  display: flex;
  box-shadow: inset 0 -1px #ffffff0e;
}

.rakeback-stats-panel strong, .rakeback-estimate-panel strong, .rakeback-history-table strong {
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 600;
}

.rakeback-history-panel h2 {
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  display: flex;
}

.rakeback-estimate-panel h2 {
  align-items: center;
  gap: 8px;
  margin: 0;
  display: inline-flex;
}

.rakeback-history-table {
  gap: 2px;
  display: grid;
}

.rakeback-history-table div {
  background: #111823;
  border-radius: 7px;
  grid-template-columns: 92px minmax(0, 1fr) 112px 80px;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 8px;
  display: grid;
}

.rakeback-history-table p {
  color: var(--rb-text-soft);
  margin: 0;
  padding: 20px;
  font-size: 13px;
  font-weight: 500;
}

.rakeback-rate {
  background: radial-gradient(circle at 78% 40%, #f5ca552e, #0000 30%), #111823;
  border-radius: 8px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 6px 12px;
  margin-top: 6px;
  padding: 14px;
  display: grid;
}

.rakeback-rate svg {
  color: var(--rb-gold);
  grid-row: span 2;
}

.rakeback-rate strong {
  color: var(--rb-text);
  font-size: 24px;
  font-weight: 600;
}

.rakeback-mobile-level {
  display: none;
}

.vip-club-claim-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.vip-club-claim-grid article {
  background: linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  color: var(--rb-text);
  border-radius: 8px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
  padding: 16px;
  display: grid;
}

.vip-club-claim-grid svg {
  color: var(--rb-gold);
  grid-row: span 3;
}

.vip-club-claim-grid span {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.vip-club-claim-grid strong {
  font-size: 24px;
  font-weight: 600;
}

.vip-club-claim-grid button {
  background: var(--rb-gold-gradient);
  width: fit-content;
  min-height: 34px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
}

.vip-club-claim-grid button:disabled {
  color: var(--rb-text-faint);
  background: #ffffff14;
}

.vip-club-claim-grid p {
  color: var(--rb-gold);
  grid-column: 1 / -1;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.vip-club-rewards {
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.vip-club-rewards h2 {
  color: var(--vip-text);
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 650;
}

.vip-club-reward-card {
  background: var(--vip-surface-soft);
  color: var(--vip-text);
  border-radius: 8px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
  padding: 16px;
  display: grid;
}

.vip-club-reward-card svg {
  color: var(--vip-accent);
  grid-row: span 3;
}

.vip-club-reward-card span {
  color: var(--vip-text-soft);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.vip-club-reward-card strong {
  color: var(--vip-text);
  font-size: 22px;
  font-weight: 600;
}

.vip-club-reward-card button {
  background: var(--rb-gold-gradient);
  width: fit-content;
  min-height: 34px;
  color: var(--rb-gold-deep);
  border-radius: 7px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
}

.vip-club-reward-card button:disabled {
  color: var(--rb-text-faint);
  cursor: default;
  background: #ffffff14;
}

.vip-club-reward-card .vip-club-countdown {
  color: var(--vip-accent);
  text-transform: none;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  font-weight: 700;
}

.vip-club-reward-msg {
  color: var(--vip-accent);
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.missions-page {
  color: var(--rb-text);
}

.missions-head h1 {
  font-weight: 650;
}

.missions-filter {
  background: none;
  min-width: 210px;
  height: auto;
  padding: 0;
  position: relative;
}

.missions-filter > button {
  width: 100%;
  min-height: 46px;
  color: var(--rb-text);
  text-align: left;
  background: #171e2a;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 12px;
  padding: 0 13px;
  display: grid;
}

.missions-filter > button span {
  color: var(--rb-text-soft);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.missions-filter > button strong {
  min-width: 0;
  color: var(--rb-text);
  font-size: 13px;
  font-weight: 600;
}

.missions-filter-menu {
  z-index: 30;
  inset-inline: 0;
  background: #111823;
  border-radius: 8px;
  gap: 4px;
  padding: 6px;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  box-shadow: 0 20px 36px #00000057;
}

.missions-filter-menu button {
  min-height: 36px;
  color: var(--rb-text-soft);
  text-align: left;
  border-radius: 7px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}

.missions-filter-menu button.is-active, .missions-filter-menu button:hover {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.missions-card {
  text-align: left;
  background: #171e2a;
  border: 0;
  box-shadow: inset 0 1px #ffffff09, 0 12px 26px #00000024;
}

.missions-card:hover {
  background: #1b2330;
}

.missions-duration {
  background: linear-gradient(#1f242d 0%, #181d27 100%);
  font-weight: 600;
}

.missions-card h2 {
  font-weight: 600;
}

.missions-reward {
  background: #22261f;
  box-shadow: inset 0 -1px #f5ca5538;
}

.missions-reward span, .missions-reward strong, .missions-faq summary, .missions-empty {
  font-weight: 600;
}

.missions-faq > div, .missions-faq details {
  border: 0;
}

.missions-faq details {
  background: linear-gradient(var(--rb-card) 0%, var(--rb-card-deep) 100%);
  border-radius: 8px;
  padding: 18px;
}

@media (max-width: 980px) {
  .vip-club-page {
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .vip-club-hero {
    align-items: end;
    min-height: 280px;
    padding: 20px;
  }

  .vip-club-hero.has-banner {
    aspect-ratio: 674 / 650;
    min-height: 0;
    max-height: none;
    padding: 28px 20px;
  }

  .vip-club-hero.has-banner .vip-club-hero-copy {
    width: min(100%, 680px);
    max-width: none;
    bottom: auto;
    left: auto;
  }

  .vip-club-hero:before {
    display: none;
  }

  .vip-club-hero.has-banner:after {
    display: block;
  }

  .vip-club-hero h1 {
    font-size: 34px;
  }

  .vip-club-hero p {
    font-size: 14px;
    line-height: 1.5;
  }

  .vip-club-top-grid, .vip-club-bottom-grid, .vip-club-claim-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .vip-club-level-card {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    min-height: 142px;
    padding: 16px;
  }

  .vip-club-level-media img {
    width: 72px;
    height: 72px;
  }

  .vip-club-level-copy h2 {
    margin: 5px 0 10px;
    font-size: 24px;
  }

  .vip-club-progress {
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 9px;
  }

  .vip-club-progress div {
    height: 9px;
  }

  .vip-club-progress strong, .vip-club-level-copy p {
    font-size: 12px;
  }

  .vip-club-next-card {
    grid-template-columns: minmax(0, 1fr) 104px;
    min-height: 164px;
    padding: 14px;
  }

  .vip-club-next-card li {
    font-size: 12px;
  }

  .vip-club-next-card img {
    width: 96px;
    height: 96px;
  }

  .vip-club-levels-panel {
    min-width: 0;
    padding: 14px 10px 16px;
  }

  .vip-club-levels-row {
    gap: 8px;
    margin-inline: -2px;
    padding-inline: 2px;
  }

  .vip-club-levels-row article {
    flex-basis: 82px;
    min-width: 82px;
    padding: 8px 6px;
  }

  .vip-club-levels-row img, .vip-club-levels-row article > span {
    width: 48px;
    height: 48px;
  }

  .vip-club-bottom-grid {
    grid-template-columns: 1fr;
  }

  .vip-club-benefits, .vip-club-stats, .vip-club-reward {
    padding: 14px;
  }

  .vip-club-benefits > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vip-club-benefits span {
    min-height: 70px;
    padding: 8px;
  }

  .vip-club-benefits img {
    width: 65px;
    height: 65px;
  }

  .vip-club-benefits svg {
    width: 30px;
    height: 30px;
  }

  .vip-club-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vip-club-stats h2 {
    grid-column: 1 / -1;
  }

  .vip-club-stats div {
    min-height: 92px;
    box-shadow: none;
    background: linear-gradient(#1f242d 0%, #181d27 100%);
    border-radius: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
    align-content: center;
    gap: 5px 8px;
    padding: 10px;
  }

  .vip-club-stats div strong {
    overflow-wrap: anywhere;
    grid-column: 1 / -1;
    min-width: 0;
  }

  .vip-club-reward {
    min-height: 190px;
  }

  .rakeback-hero, .rakeback-main-grid, .rakeback-claim-grid, .rakeback-benefits {
    grid-template-columns: 1fr;
  }

  .rakeback-hero {
    min-height: 218px;
  }

  .rakeback-hero-copy {
    text-align: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0a0f16b8;
    place-items: center;
    padding: 24px 18px;
  }

  .rakeback-hero.has-banner .rakeback-hero-copy {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #0a0f1680;
    margin: 14px;
  }

  .rakeback-hero.has-banner:after {
    background: #080c1242;
  }

  .rakeback-treasure {
    opacity: .54;
    position: absolute;
    inset: 0;
  }

  .rakeback-chest {
    width: 260px;
    bottom: 8px;
    right: -22px;
  }

  .rakeback-mobile-level {
    grid-template-columns: 30px auto minmax(90px, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    display: grid;
  }

  .rakeback-mobile-level img {
    object-fit: contain;
    width: 28px;
    height: 28px;
  }

  .rakeback-mobile-level > span {
    color: var(--rb-text);
    font-size: 12px;
    font-weight: 600;
  }

  .rakeback-mobile-level div {
    background: #ffffff14;
    border-radius: 999px;
    height: 5px;
    overflow: hidden;
  }

  .rakeback-mobile-level small {
    color: var(--rb-text-soft);
    grid-column: 2 / -1;
    font-size: 10px;
  }

  .rakeback-history-table div {
    grid-template-columns: 82px minmax(0, 1fr) 86px;
  }

  .rakeback-history-table small {
    display: none;
  }
}

@media (max-width: 560px) {
  .vip-club-hero {
    min-height: 240px;
    padding: 16px;
  }

  .vip-club-hero.has-banner {
    aspect-ratio: 574 / 450;
    min-height: 0;
    padding: 18px;
  }

  .vip-club-hero.has-banner .vip-club-hero-banner {
    width: 100%;
  }

  .vip-club-hero.has-banner .vip-club-hero-banner img {
    -webkit-mask-image: linear-gradient(#000 0% 68%, #0000008f 84%, #0000 100%);
    mask-image: linear-gradient(#000 0% 68%, #0000008f 84%, #0000 100%);
  }

  .vip-club-hero.has-banner .vip-club-hero-copy {
    width: 100%;
    max-width: none;
  }

  .vip-club-hero h1 {
    font-size: 30px;
  }

  .vip-club-hero.has-banner .vip-club-hero-copy h1 {
    gap: 5px;
    font-size: 32px;
  }

  .vip-club-hero p {
    max-width: 280px;
  }

  .vip-club-hero.has-banner .vip-club-hero-copy p {
    max-width: 260px;
    font-size: 13px;
    line-height: 1.3;
  }

  .vip-club-level-card, .vip-club-next-card, .vip-club-levels-panel, .vip-club-benefits, .vip-club-stats, .vip-club-reward {
    border-radius: 7px;
  }

  .vip-club-next-card {
    grid-template-columns: minmax(0, 1fr) 78px;
  }

  .vip-club-next-card img {
    width: 72px;
    height: 72px;
  }

  .vip-club-benefits > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vip-club-stats strong {
    font-size: 12px;
  }

  .vip-club-reward strong {
    font-size: 30px;
  }

  .rakeback-page {
    gap: 10px;
  }

  .rakeback-hero-copy strong {
    font-size: 42px;
  }

  .rakeback-hero-copy button {
    min-width: 156px;
    height: 46px;
  }

  .rakeback-claim-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rakeback-claim-card {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: 144px;
    padding: 12px;
  }

  .rakeback-claim-icon {
    width: 34px;
    height: 34px;
  }

  .rakeback-claim-body strong {
    font-size: 17px;
  }

  .rakeback-claim-body span, .rakeback-claim-body small {
    font-size: 11px;
  }

  .rakeback-claim-card button {
    height: 30px;
    font-size: 11px;
  }

  .rakeback-vip-panel, .rakeback-stats-panel, .rakeback-history-panel, .rakeback-estimate-panel {
    padding: 14px;
  }

  .rakeback-main-grid, .rakeback-stats-panel, .rakeback-estimate-panel {
    display: grid;
  }

  .rakeback-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rakeback-benefits span {
    background: #111823;
    border-radius: 8px;
    min-height: 58px;
    padding: 10px;
  }

  .rakeback-history-table div {
    background: none;
    min-height: 36px;
    padding: 0;
  }

  .missions-grid {
    gap: 10px;
  }

  .missions-card {
    grid-template-columns: 84px minmax(0, 1fr) 18px;
    gap: 10px;
    min-height: 112px;
    padding: 10px;
  }

  .missions-card-image {
    height: 84px;
  }

  .missions-reward {
    border-radius: 8px;
    width: 100%;
    padding: 7px 9px;
  }
}

@media (max-width: 720px) {
  .rbp-page {
    gap: 12px;
    padding: 10px 8px 24px;
  }

  .rbp-page .rbp-hero {
    display: none !important;
  }

  .rbp-page .rbp-identity {
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .rbp-page .rbp-avatar {
    border: 0;
    border-radius: 999px;
    width: 62px;
    height: 62px;
  }

  .rbp-page .rbp-avatar-edit {
    width: 24px;
    height: 24px;
    bottom: -2px;
    right: -2px;
  }

  .rbp-page .rbp-kicker, .rbp-page .rbp-status-row, .rbp-page .rbp-vip-panel, .rbp-page > .rbp-metrics, .rbp-page > .rbp-tabs, .rbp-page > .rbp-overview-grid, .rbp-page > .rbp-security-grid, .rbp-page > .rbp-table-card, .rbp-page > .rbp-game-strip {
    display: none;
  }

  .rbp-page .rbp-identity-copy h1 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
  }

  .rbp-page .rbp-identity-copy p {
    color: var(--rb-text-soft);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
  }

  .rbp-mobile-dashboard {
    gap: 12px;
    display: grid;
  }

  .rbp-mobile-vip, .rbp-mobile-stats article, .rbp-mobile-menu, .rbp-mobile-logout {
    background-color: var(--rb-bg);
    box-shadow: none;
    border: 0;
    border-radius: 8px;
    background: var(--rb-surface-strong) !important;
  }

  .rbp-mobile-vip {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    display: grid;
  }

  .rbp-mobile-vip-medal {
    background: radial-gradient(circle at 50% 35%,
        var(--rb-gold),
        transparent 64%),
      var(--rb-surface-sunken);
    border-radius: 18px;
    place-items: center;
    width: 62px;
    height: 62px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-vip-medal {
      background: radial-gradient(circle at 50% 35%,
        color-mix(in srgb, var(--rb-gold) 36%, transparent),
        transparent 64%),
      var(--rb-surface-sunken);
    }
  }

  .rbp-mobile-vip-medal {
    color: var(--rb-gold);
    font-size: 24px;
    font-weight: 700;
  }

  .rbp-mobile-vip strong, .rbp-mobile-stats strong {
    color: var(--rb-text);
    font-weight: 500;
    display: block;
  }

  .rbp-mobile-vip p {
    color: var(--rb-text-soft);
    margin: 5px 0 8px;
    font-size: 11px;
    font-weight: 700;
  }

  .rbp-mobile-vip small {
    color: var(--rb-text);
    font-size: 12px;
    font-weight: 500;
  }

  .rbp-mobile-progress {
    background: var(--rb-surface-sunken);
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
  }

  .rbp-mobile-progress span {
    border-radius: inherit;
    background: var(--rb-gold-gradient);
    height: 100%;
    display: block;
  }

  .rbp-mobile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .rbp-mobile-stats article {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 4px 8px;
    min-height: 82px;
    padding: 12px;
    display: grid;
  }

  .rbp-mobile-stats svg {
    color: var(--rb-gold);
    filter: drop-shadow(0 0 10px var(--rb-gold));
    grid-row: span 3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rbp-mobile-stats svg {
      filter: drop-shadow(0 0 10px color-mix(in srgb, var(--rb-gold) 45%, transparent));
    }
  }

  .rbp-mobile-stats span {
    color: var(--rb-text-soft);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
  }

  .rbp-mobile-stats strong {
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 16px;
    line-height: 1.1;
  }

  .rbp-mobile-stats small {
    color: var(--rb-gold);
    font-size: 11px;
    font-weight: 500;
  }

  .rbp-mobile-menu {
    overflow: hidden;
  }

  .rbp-mobile-menu button {
    width: 100%;
    min-height: 42px;
    color: var(--rb-text-soft);
    text-align: left;
    border-top: 0;
    grid-template-columns: 20px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    display: grid;
  }

  .rbp-mobile-menu button:first-child {
    border-top: 0;
  }

  .rbp-mobile-menu button > svg:first-child {
    color: var(--rb-gold);
  }

  .rbp-mobile-menu button > svg:last-child {
    color: var(--rb-text-soft);
  }

  .rbp-mobile-menu small {
    color: var(--rb-gold);
    font-size: 10px;
    font-weight: 500;
  }

  .rbp-mobile-logout {
    color: #ff6b73;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }
}

.rbp-hero-wallet-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.rbp-hero-wallet-actions button, .rbp-promo-card-copy .rbp-promo-card-cta {
  background: var(--rb-gold-gradient);
  min-height: 38px;
  color: var(--rb-gold-deep);
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.rbp-hero-wallet-actions button:nth-child(2) {
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.rbp-promo-card {
  isolation: isolate;
  border-radius: 8px;
  min-height: 368px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.rbp-promo-card.is-clickable {
  cursor: pointer;
}

.rbp-promo-card picture, .rbp-promo-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.rbp-promo-card img {
  object-fit: cover;
}

.rbp-promo-card-copy {
  z-index: 1;
  min-height: inherit;
  align-content: flex-end;
  gap: 8px;
  max-width: 430px;
  padding: 22px;
  display: grid;
  position: relative;
}

.rbp-promo-card-copy strong {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 650;
  line-height: 1.05;
}

.rbp-promo-card-copy span {
  color: var(--rb-text-soft);
  font-size: 14px;
  line-height: 1.45;
}

.rbp-desktop-promo-card {
  display: block;
}

.rbp-mobile-promo-card {
  display: none;
}

.rb-settings-avatar {
  overflow: hidden;
}

.rb-settings-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 760px) {
  .rbp-mobile-stats span {
    font-weight: 500 !important;
  }

  .rbp-mobile-stats strong {
    font-size: 15px !important;
    font-weight: 550 !important;
  }

  .rbp-mobile-stats small, .rbp-mobile-menu button {
    font-weight: 500 !important;
  }

  .rbp-mobile-logout {
    font-weight: 600 !important;
  }

  .rbp-desktop-promo-card {
    display: none;
  }

  .rbp-mobile-promo-card {
    min-height: 138px;
    display: block;
  }

  .rbp-promo-card-copy {
    align-content: end;
    max-width: none;
    padding: 14px;
  }

  .rbp-promo-card-copy strong {
    font-size: 20px;
  }

  .rbp-promo-card-copy span {
    font-size: 12px;
  }
}

@media (min-width: 761px) {
  .rbp-page {
    width: min(100%, 1120px);
    padding: 14px 0 48px;
    display: block;
    box-shadow: none !important;
    background: none !important;
  }

  .rbp-desktop-shell {
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
    display: grid;
  }

  .rbp-page > .rbp-hero, .rbp-page > .rbp-metrics, .rbp-page > .rbp-desktop-promo-card, .rbp-page > .rbp-tabs, .rbp-page > .rbp-overview-grid, .rbp-page > .rbp-security-grid, .rbp-page > .rbp-table-card, .rbp-page > .rbp-game-strip {
    display: none !important;
  }
}

.ticket-page {
  width: min(100%, 800px);
  color: var(--rb-text);
  margin-inline: auto;
  padding: 24px 0 48px;
}

.ticket-header {
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  display: flex;
}

.ticket-title {
  flex: 1;
  margin: 0;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
}

.ticket-back {
  background: var(--rb-surface-sunken);
  height: 36px;
  color: var(--rb-text-soft);
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s, color .15s;
  display: inline-flex;
}

.ticket-back:hover {
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.ticket-new-btn {
  background: var(--rb-gold-gradient);
  height: 38px;
  color: var(--rb-gold-deep);
  border-radius: 9px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.ticket-new-btn:hover {
  filter: brightness(1.06);
}

.ticket-guest {
  text-align: center;
  background: var(--rb-surface);
  min-height: 320px;
  color: var(--rb-text-soft);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 40px;
  display: flex;
}

.ticket-guest h1 {
  color: var(--rb-text);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.ticket-guest p {
  max-width: 300px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.ticket-list {
  gap: 10px;
  display: grid;
}

.ticket-empty {
  background: var(--rb-surface);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 48px 24px;
  display: flex;
}

.ticket-empty p {
  margin: 0;
  font-size: 14px;
}

.ticket-row {
  background: var(--rb-surface);
  text-align: left;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  transition: background .15s;
  display: flex;
}

.ticket-row:hover {
  background: var(--rb-surface-active);
}

.ticket-row-main {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ticket-status-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.ticket-status-dot.ticket-status-open {
  background: var(--rb-gold);
}

.ticket-status-dot.ticket-status-pending {
  background: #818cf8;
}

.ticket-status-dot.ticket-status-closed {
  background: var(--rb-text-faint);
}

.ticket-row-subject {
  color: var(--rb-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 320px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.ticket-row-category {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--rb-text-soft);
  background: var(--rb-surface-sunken);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}

.ticket-row-meta {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ticket-status-badge {
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
}

.ticket-status-badge.ticket-status-open {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .ticket-status-badge.ticket-status-open {
    background: color-mix(in srgb, var(--rb-gold) 15%, transparent);
  }
}

.ticket-status-badge.ticket-status-open {
  color: var(--rb-gold);
}

.ticket-status-badge.ticket-status-pending {
  color: #818cf8;
  background: #818cf826;
}

.ticket-status-badge.ticket-status-closed {
  color: var(--rb-text-soft);
  background: #ffffff0f;
}

.ticket-row-date {
  color: var(--rb-text-faint);
  white-space: nowrap;
  font-size: 12px;
}

.ticket-form {
  background: var(--rb-surface);
  border-radius: 16px;
  gap: 16px;
  padding: 24px;
  display: grid;
}

.ticket-field {
  gap: 6px;
  display: grid;
}

.ticket-field label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--rb-text-soft);
  font-size: 12px;
  font-weight: 700;
}

.ticket-field input, .ticket-field select, .ticket-field textarea {
  background: var(--rb-surface-sunken);
  width: 100%;
  color: var(--rb-text);
  resize: vertical;
  border-radius: 9px;
  outline: none;
  padding: 10px 14px;
  font-size: 14px;
  transition: box-shadow .15s;
}

.ticket-field input:focus, .ticket-field select:focus, .ticket-field textarea:focus {
  box-shadow: 0 0 0 2px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .ticket-field input:focus, .ticket-field select:focus, .ticket-field textarea:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--rb-gold) 40%, transparent);
  }
}

.ticket-form-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.ticket-cancel-btn {
  background: var(--rb-surface-sunken);
  height: 40px;
  color: var(--rb-text-soft);
  border-radius: 9px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s;
}

.ticket-cancel-btn:hover {
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.ticket-submit-btn {
  background: var(--rb-gold-gradient);
  height: 40px;
  color: var(--rb-gold-deep);
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.ticket-submit-btn:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.ticket-submit-btn:not(:disabled):hover {
  filter: brightness(1.06);
}

.ticket-error {
  color: #f87171;
  margin: 0;
  font-size: 13px;
}

.ticket-detail {
  gap: 16px;
  display: grid;
}

.ticket-detail-info {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ticket-messages {
  background: var(--rb-surface);
  border-radius: 14px;
  gap: 12px;
  max-height: 480px;
  padding: 16px;
  display: grid;
  overflow-y: auto;
}

.ticket-message {
  gap: 6px;
  display: grid;
}

.ticket-message.is-user {
  justify-items: end;
}

.ticket-message-meta {
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.ticket-message-meta strong {
  color: var(--rb-text-soft);
  font-weight: 700;
}

.ticket-message-meta span {
  color: var(--rb-text-faint);
}

.ticket-message p {
  word-break: break-word;
  border-radius: 12px;
  max-width: 80%;
  margin: 0;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.5;
}

.ticket-message.is-user p {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .ticket-message.is-user p {
    background: color-mix(in srgb, var(--rb-gold) 16%, transparent);
  }
}

.ticket-message.is-user p {
  color: var(--rb-text);
  border-bottom-right-radius: 4px;
}

.ticket-message.is-support p {
  background: var(--rb-surface-sunken);
  color: var(--rb-text);
  border-bottom-left-radius: 4px;
}

.ticket-reply {
  gap: 10px;
  display: grid;
}

.ticket-reply textarea {
  background: var(--rb-surface);
  width: 100%;
  color: var(--rb-text);
  resize: vertical;
  border-radius: 10px;
  outline: none;
  padding: 12px 14px;
  font-size: 14px;
  transition: box-shadow .15s;
}

.ticket-reply textarea:focus {
  box-shadow: 0 0 0 2px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .ticket-reply textarea:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--rb-gold) 40%, transparent);
  }
}

.ticket-closed-note {
  background: var(--rb-surface-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 13px;
}

.lb-page {
  width: min(100%, 900px);
  color: var(--rb-text);
  margin-inline: auto;
  padding: 24px 0 48px;
}

.lb-hero {
  color: var(--rb-gold);
  align-items: center;
  gap: 16px;
  padding: 28px 0 24px;
  display: flex;
}

.lb-hero h1 {
  color: var(--rb-text);
  margin: 0 0 4px;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
}

.lb-hero p {
  color: var(--rb-text-soft);
  margin: 0;
  font-size: 14px;
}

.lb-tabs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.lb-tab {
  background: var(--rb-surface);
  height: 36px;
  color: var(--rb-text-soft);
  border-radius: 999px;
  align-items: center;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s, color .15s;
  display: inline-flex;
}

.lb-tab:hover {
  background: var(--rb-surface-active);
  color: var(--rb-text);
}

.lb-tab.is-active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  font-weight: 700;
}

.lb-loading, .lb-error {
  text-align: center;
  color: var(--rb-text-soft);
  padding: 48px;
  font-size: 14px;
}

.lb-board {
  background: var(--rb-surface);
  border-radius: 16px;
  overflow: hidden;
}

.lb-board-head {
  background: var(--rb-surface-sunken);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  display: flex;
}

.lb-board-head h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.lb-board-period {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--rb-text-soft);
  background: var(--rb-surface);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
}

.lb-board-table {
  display: grid;
}

.lb-board-cols {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--rb-text-soft);
  grid-template-columns: 60px 1fr 140px;
  gap: 12px;
  padding: 10px 20px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.lb-empty {
  text-align: center;
  color: var(--rb-text-soft);
  padding: 40px 20px;
  font-size: 14px;
}

.lb-row {
  grid-template-columns: 60px 1fr 140px;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  transition: background .12s;
  display: grid;
}

.lb-row:hover {
  background: var(--rb-surface-active);
}

.lb-row + .lb-row {
  box-shadow: inset 0 1px #ffffff0d;
}

.lb-row-top-1 {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .lb-row-top-1 {
    background: color-mix(in srgb, var(--rb-gold) 8%, transparent);
  }
}

.lb-row-top-2 {
  background: #b0b8c80f;
}

.lb-row-top-3 {
  background: #cd7f320f;
}

.lb-rank {
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.lb-rank-num {
  color: var(--rb-text-soft);
  font-size: 14px;
  font-weight: 700;
}

.lb-player {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.lb-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.lb-avatar-placeholder {
  background: var(--rb-surface-sunken);
  width: 32px;
  height: 32px;
  color: var(--rb-text-soft);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.lb-username {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.lb-score {
  color: var(--rb-gold);
  text-align: right;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 600px) {
  .lb-board-cols, .lb-row {
    grid-template-columns: 48px 1fr 100px;
    gap: 8px;
    padding: 10px 14px;
  }
}

.daily-reward {
  background: var(--rb-card);
  border-radius: 16px;
  width: min(960px, 100vw - 24px);
  margin: 0 auto;
  padding: 22px 18px 64px;
  position: relative;
  overflow: hidden;
}

.daily-reward__hero {
  z-index: 1;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.daily-reward__hero-icon {
  background: var(--rb-gold-gradient);
  width: 54px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.daily-reward__hero h1 {
  color: var(--rb-text);
  font-size: 1.5rem;
  font-weight: 500;
}

.daily-reward__hero p {
  color: var(--rb-text-soft);
  margin-top: 2px;
  font-size: .85rem;
}

.daily-reward__hero-streak {
  min-width: 132px;
  color: var(--rb-gold);
  background: #f5ca551f;
  border-radius: 8px;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 2px 7px;
  margin-left: auto;
  padding: 10px 14px;
  display: inline-grid;
}

.daily-reward__hero-streak strong {
  color: var(--rb-text);
  font-size: 1.35rem;
  line-height: 1;
}

.daily-reward__hero-streak span {
  color: var(--rb-text-soft);
  text-transform: uppercase;
  grid-column: 1 / -1;
  font-size: .68rem;
  font-weight: 700;
}

.daily-reward__locked {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 56px 20px;
  display: flex;
}

.daily-reward__locked button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 4px;
  padding: 11px 26px;
  font-size: .9rem;
  font-weight: 700;
}

.daily-reward__stats {
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.daily-reward__stat {
  background: var(--rb-card-sunken);
  border-radius: 14px;
  flex: 1 1 0;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 16px;
  display: flex;
}

.daily-reward__stat > div {
  min-width: 0;
}

.daily-reward__stat-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.daily-reward__stat-icon--streak {
  color: #ff7a3c;
}

.daily-reward__stat-icon--shield {
  color: #5bb8ff;
}

.daily-reward__stat-icon--xp {
  color: var(--rb-gold);
}

.daily-reward__stat > div {
  flex-direction: column;
  display: flex;
}

.daily-reward__stat-value {
  color: var(--rb-text);
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.1;
}

.daily-reward__stat-label {
  color: var(--rb-text-faint);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .72rem;
}

.daily-reward__xpbar {
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  display: flex;
}

.daily-reward__xpbar-track {
  background: var(--rb-card-sunken);
  border-radius: 999px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.daily-reward__xpbar-fill {
  background: linear-gradient(90deg, #77df6f 0%, #4cbf4b 100%);
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
}

.daily-reward__xpbar-text {
  color: var(--rb-text-soft);
  white-space: nowrap;
  font-size: .75rem;
}

.daily-reward__grid {
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  display: grid;
}

.daily-reward__cell {
  background: var(--rb-card-sunken);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 104px;
  padding: 14px 8px;
  transition: transform .2s, background .2s, box-shadow .2s;
  display: flex;
  position: relative;
}

.daily-reward__cell:hover {
  background: var(--rb-gold);
  transform: translateY(-3px);
}

@supports (color: color-mix(in lab, red, red)) {
  .daily-reward__cell:hover {
    background: color-mix(in srgb, var(--rb-gold) 8%, var(--rb-card-sunken));
  }
}

.daily-reward__cell--skeleton {
  min-height: 104px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

@keyframes dailyRewardPulse {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: .85;
  }
}

.daily-reward__cell-day {
  color: var(--rb-text-faint);
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: .7rem;
  font-weight: 700;
}

.daily-reward__cell-icon {
  width: 34px;
  height: 34px;
  color: var(--rb-text-soft);
  background: #ffffff0f;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.daily-reward__cell-reward {
  color: var(--rb-text);
  font-size: .8rem;
  font-weight: 500;
}

.daily-reward__cell-xp {
  color: var(--rb-gold);
  font-size: .68rem;
  font-weight: 700;
}

.daily-reward__cell--claimed {
  opacity: .6;
}

.daily-reward__cell--claimed .daily-reward__cell-icon {
  background: var(--rb-green, #43b95a);
  color: var(--rb-green-deep, #06210f);
}

.daily-reward__cell--milestone {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .daily-reward__cell--milestone {
    background: color-mix(in srgb, var(--rb-gold) 12%, var(--rb-card-sunken));
  }
}

.daily-reward__cell--milestone .daily-reward__cell-icon {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.daily-reward__hero--image {
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  min-height: 124px;
  padding: 22px 24px;
  overflow: hidden;
}

.daily-reward__hero--image h1, .daily-reward__hero--image p {
  color: #fff;
}

.daily-reward__hero--image .daily-reward__hero-streak {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #00000057;
}

.daily-reward__cell-icon:has(.daily-reward__cell-img) {
  background: none;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.daily-reward__cell-img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.daily-reward__cell-check {
  background: var(--rb-green, #43b95a);
  width: 18px;
  height: 18px;
  color: var(--rb-green-deep, #06210f);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 7px;
  right: 7px;
  box-shadow: 0 2px 6px #0000004d;
}

.daily-reward__cell--today {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .daily-reward__cell--today {
    background: color-mix(in srgb, var(--rb-gold) 16%, var(--rb-card-sunken));
  }
}

.daily-reward__cell--today {
  box-shadow: 0 10px 26px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .daily-reward__cell--today {
    box-shadow: 0 10px 26px color-mix(in srgb, var(--rb-gold) 24%, transparent);
  }
}

.daily-reward__cell--today {
  transform: translateY(-2px);
}

.daily-reward__cell--next {
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .daily-reward__cell--next {
    background: color-mix(in srgb, var(--rb-gold) 9%, var(--rb-card-sunken));
  }
}

.daily-reward__cell-claim {
  background: var(--rb-gold-gradient);
  width: 100%;
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 4px;
  padding: 8px 10px;
  font-size: .74rem;
  font-weight: 500;
  line-height: 1.1;
}

.daily-reward__cell-claim:disabled {
  opacity: .55;
}

.daily-reward__cell-countdown {
  color: var(--rb-gold);
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
  font-size: .72rem;
  font-weight: 700;
}

.daily-reward__action {
  text-align: center;
  margin-top: 22px;
}

.daily-reward__error {
  color: var(--rb-danger, #f0617a);
  font-size: .8rem;
  font-weight: 600;
}

@media (max-width: 640px) {
  .daily-reward__hero-streak {
    width: 100%;
    margin-left: 0;
  }

  .daily-reward__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .daily-reward__cell {
    min-height: 92px;
  }
}

.achv {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 16px 64px;
}

.achv__hero {
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  display: flex;
}

.achv__hero-icon {
  background: var(--rb-gold-gradient);
  width: 54px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.achv__hero h1 {
  color: var(--rb-text);
  font-size: 1.5rem;
  font-weight: 500;
}

.achv__hero p {
  color: var(--rb-text-soft);
  margin-top: 2px;
  font-size: .85rem;
}

.achv__locked {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 56px 20px;
  display: flex;
}

.achv__locked button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 4px;
  padding: 11px 26px;
  font-size: .9rem;
  font-weight: 700;
}

.achv__tabs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  display: flex;
}

.achv__tab {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-transform: capitalize;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: .82rem;
  font-weight: 600;
  display: inline-flex;
}

.achv__tab--active {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.achv__error {
  color: #f0617a;
  margin-bottom: 12px;
  font-size: .8rem;
  font-weight: 600;
}

.achv__empty {
  text-align: center;
  color: var(--rb-text-faint);
  padding: 48px 20px;
}

.achv__grid {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 14px;
  display: grid;
}

.achv__card {
  background: var(--rb-card-sunken);
  border: 1px solid #0000;
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  display: flex;
}

.achv__card--skeleton {
  min-height: 190px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

.achv__card--ready {
  border-color: var(--rb-gold);
  box-shadow: 0 0 0 1px var(--rb-gold), 0 12px 28px #e0b64b2e;
}

.achv__card--claimed {
  opacity: .72;
}

.achv__card-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.achv__card-icon {
  width: 46px;
  height: 46px;
  color: var(--rb-gold);
  background: #ffffff0f;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.achv__card-icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.achv__card-badge {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--rb-text-soft);
  background: #ffffff14;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: .68rem;
  font-weight: 700;
}

.achv__card-badge--done {
  color: var(--rb-green-deep);
  background: linear-gradient(#76df73 0%, #43b95a 100%);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.achv__card-name {
  color: var(--rb-text);
  font-size: 1rem;
  font-weight: 500;
}

.achv__card-desc {
  color: var(--rb-text-soft);
  font-size: .8rem;
  line-height: 1.4;
}

.achv__progress {
  flex-direction: column;
  gap: 5px;
  margin-top: auto;
  display: flex;
}

.achv__progress-track {
  background: #ffffff14;
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
}

.achv__progress-fill {
  background: var(--rb-gold-gradient);
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
}

.achv__progress-text {
  color: var(--rb-text-faint);
  font-variant-numeric: tabular-nums;
  font-size: .72rem;
}

.achv__card-foot {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.achv__reward {
  color: var(--rb-gold);
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.achv__claim {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: .8rem;
  font-weight: 500;
  box-shadow: inset 0 1px #fff8d6d1, inset 0 -5px 9px #94621142;
}

.achv__claim:disabled {
  opacity: .55;
}

.achv__done-pill {
  color: var(--rb-text-faint);
  font-size: .75rem;
  font-weight: 700;
}

.bp {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 16px 64px;
}

.bp__hero {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  display: flex;
}

.bp__hero-icon {
  background: var(--rb-gold-gradient);
  width: 54px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bp__hero-text {
  flex: 1;
  min-width: 200px;
}

.bp__hero h1 {
  color: var(--rb-text);
  font-size: 1.5rem;
  font-weight: 500;
}

.bp__hero p {
  color: var(--rb-text-soft);
  margin-top: 2px;
  font-size: .85rem;
}

.bp__unlock {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  font-size: .86rem;
  font-weight: 500;
  display: inline-flex;
  box-shadow: inset 0 1px #fff8d6d1, inset 0 -5px 9px #94621142;
}

.bp__unlock:disabled {
  opacity: .55;
}

.bp__premium-badge {
  color: var(--rb-gold);
  background: #e0b64b24;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.bp__locked, .bp__empty {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 56px 20px;
  display: flex;
}

.bp__locked button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 4px;
  padding: 11px 26px;
  font-size: .9rem;
  font-weight: 700;
}

.bp__progress {
  margin-bottom: 16px;
}

.bp__progress-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.bp__progress-tier, .bp__progress-xp {
  color: var(--rb-text);
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  font-weight: 700;
  display: inline-flex;
}

.bp__progress-xp {
  color: var(--rb-gold);
  font-variant-numeric: tabular-nums;
}

.bp__progress-track {
  background: var(--rb-card-sunken);
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}

.bp__progress-fill {
  background: var(--rb-gold-gradient);
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
}

.bp__error {
  color: #f0617a;
  margin-bottom: 10px;
  font-size: .8rem;
  font-weight: 600;
}

.bp__lanes-legend {
  gap: 16px;
  margin-bottom: 12px;
  display: flex;
}

.bp__lanes-legend span {
  color: var(--rb-text-faint);
  align-items: center;
  gap: 6px;
  font-size: .76rem;
  font-weight: 600;
  display: inline-flex;
}

.bp__track {
  gap: 12px;
  padding-bottom: 10px;
  display: flex;
  overflow-x: auto;
}

.bp__tier {
  background: var(--rb-card-sunken);
  opacity: .62;
  border: 1px solid #0000;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 132px;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.bp__tier--unlocked {
  opacity: 1;
  border-color: #e0b64b52;
}

.bp__tier--skeleton {
  height: 200px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

.bp__tier-level {
  width: 40px;
  height: 40px;
  color: var(--rb-gold);
  background: #ffffff12;
  border-radius: 999px;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 5px;
  font-size: .95rem;
  font-weight: 500;
  display: flex;
}

.bp__lane {
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 72px;
  padding: 10px 8px;
  display: flex;
}

.bp__lane--free {
  background: #ffffff0d;
}

.bp__lane--premium {
  background: #e0b64b1a;
}

.bp__lane--locked {
  opacity: .55;
}

.bp__lane-reward {
  color: var(--rb-text);
  align-items: center;
  gap: 4px;
  font-size: .82rem;
  font-weight: 500;
  display: inline-flex;
}

.bp__lane--premium .bp__lane-reward {
  color: var(--rb-gold);
}

.bp__lane-xp {
  color: var(--rb-gold);
  font-size: .68rem;
  font-weight: 700;
}

.bp__lane-claim {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 2px;
  padding: 5px 14px;
  font-size: .72rem;
  font-weight: 500;
}

.bp__lane-claim:disabled {
  opacity: .5;
}

.bp__lane-done {
  width: 24px;
  height: 24px;
  color: var(--rb-green-deep);
  background: linear-gradient(#76df73 0%, #43b95a 100%);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.bp__lane-locked-icon {
  color: var(--rb-text-faint);
}

.shop {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 16px 64px;
}

.shop__hero {
  border: 1px solid var(--rb-gold);
  border-radius: 22px;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  padding: 22px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__hero {
    border: 1px solid color-mix(in srgb, var(--rb-gold) 24%, transparent);
  }
}

.shop__hero {
  background: radial-gradient(circle at 88% -20%, var(--rb-gold), transparent 56%),
    linear-gradient(135deg, var(--rb-gold) 0%, var(--rb-card-deep) 64%);
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__hero {
    background: radial-gradient(circle at 88% -20%, color-mix(in srgb, var(--rb-gold) 26%, transparent), transparent 56%),
    linear-gradient(135deg, color-mix(in srgb, var(--rb-gold) 12%, var(--rb-card)) 0%, var(--rb-card-deep) 64%);
  }
}

.shop__hero {
  box-shadow: 0 18px 44px #00000052, inset 0 1px #ffffff0f;
}

.shop__hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 12% 120%, var(--rb-gold), transparent 42%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__hero:after {
    background: radial-gradient(circle at 12% 120%, color-mix(in srgb, var(--rb-gold) 14%, transparent), transparent 42%);
  }
}

.shop__hero-icon {
  background: var(--rb-gold-gradient);
  width: 58px;
  height: 58px;
  color: var(--rb-gold-deep);
  box-shadow: 0 12px 26px var(--rb-gold), inset 0 2px 0 #ffffff80;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__hero-icon {
    box-shadow: 0 12px 26px color-mix(in srgb, var(--rb-gold) 36%, transparent), inset 0 2px 0 #ffffff80;
  }
}

.shop__hero-text {
  flex: 1;
  min-width: 200px;
  position: relative;
}

.shop__hero h1 {
  letter-spacing: -.01em;
  color: var(--rb-text);
  font-size: 1.55rem;
  font-weight: 800;
}

.shop__hero p {
  color: var(--rb-text-soft);
  margin-top: 4px;
  font-size: .88rem;
}

.shop__points {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  box-shadow: 0 10px 24px var(--rb-gold), inset 0 2px 0 #ffffff73;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  font-size: .95rem;
  font-weight: 800;
  display: inline-flex;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__points {
    box-shadow: 0 10px 24px color-mix(in srgb, var(--rb-gold) 32%, transparent), inset 0 2px 0 #ffffff73;
  }
}

.shop__locked, .shop__empty {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 22px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 60px 20px;
  display: flex;
}

.shop__locked button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  box-shadow: 0 10px 22px var(--rb-gold);
  border-radius: 999px;
  margin-top: 4px;
  padding: 12px 28px;
  font-size: .9rem;
  font-weight: 700;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__locked button {
    box-shadow: 0 10px 22px color-mix(in srgb, var(--rb-gold) 30%, transparent);
  }
}

.shop__error {
  color: var(--rb-danger, #f0617a);
  margin-bottom: 12px;
  font-size: .82rem;
  font-weight: 600;
}

.shop__grid {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
  display: grid;
}

.shop__card {
  border: 1px solid var(--rb-text);
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card {
    border: 1px solid color-mix(in srgb, var(--rb-text) 9%, transparent);
  }
}

.shop__card {
  background: linear-gradient(180deg, var(--rb-text) 0%, var(--rb-card-sunken) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rb-text) 4%, var(--rb-card)) 0%, var(--rb-card-sunken) 100%);
  }
}

.shop__card {
  transition: transform .22s, box-shadow .22s, border-color .22s;
  box-shadow: 0 6px 18px #0000002e;
}

.shop__card:before {
  content: "";
  inset-inline: 0;
  background: var(--rb-gold-gradient);
  opacity: 0;
  border-radius: 18px 18px 0 0;
  height: 3px;
  transition: opacity .22s;
  position: absolute;
  top: 0;
}

.shop__card:hover {
  border-color: var(--rb-gold);
  transform: translateY(-5px);
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card:hover {
    border-color: color-mix(in srgb, var(--rb-gold) 40%, transparent);
  }
}

.shop__card:hover {
  box-shadow: 0 18px 40px #00000057, 0 0 26px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card:hover {
    box-shadow: 0 18px 40px #00000057, 0 0 26px color-mix(in srgb, var(--rb-gold) 16%, transparent);
  }
}

.shop__card:hover:before {
  opacity: 1;
}

.shop__card--skeleton {
  min-height: 250px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

.shop__card--soldout {
  opacity: .5;
  filter: grayscale(.4);
}

.shop__card-img {
  background: radial-gradient(circle at 50% 30%, var(--rb-gold), transparent 62%),
    var(--rb-text);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card-img {
    background: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rb-gold) 16%, transparent), transparent 62%),
    color-mix(in srgb, var(--rb-text) 6%, transparent);
  }
}

.shop__card-img {
  color: var(--rb-gold);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff0a;
}

.shop__card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.shop__card:hover .shop__card-img img {
  transform: scale(1.06);
}

.shop__card-name {
  color: var(--rb-text);
  font-size: 1rem;
  font-weight: 700;
}

.shop__card-desc {
  color: var(--rb-text-soft);
  flex: 1;
  font-size: .79rem;
  line-height: 1.45;
}

.shop__card-reward {
  background: var(--rb-green);
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 4px 10px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card-reward {
    background: color-mix(in srgb, var(--rb-green) 16%, transparent);
  }
}

.shop__card-reward {
  color: var(--rb-green);
  font-size: .78rem;
  font-weight: 700;
}

.shop__card-foot {
  border-top: 1px solid var(--rb-text);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 10px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__card-foot {
    border-top: 1px solid color-mix(in srgb, var(--rb-text) 8%, transparent);
  }
}

.shop__card-cost {
  color: var(--rb-gold);
  align-items: center;
  gap: 5px;
  font-size: .95rem;
  font-weight: 800;
  display: inline-flex;
}

.shop__redeem {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  box-shadow: 0 8px 18px var(--rb-gold), inset 0 1px 0 #fff6;
  border-radius: 999px;
  padding: 9px 20px;
  font-size: .8rem;
  font-weight: 800;
}

@supports (color: color-mix(in lab, red, red)) {
  .shop__redeem {
    box-shadow: 0 8px 18px color-mix(in srgb, var(--rb-gold) 30%, transparent), inset 0 1px 0 #fff6;
  }
}

.shop__redeem {
  transition: transform .16s, filter .16s;
}

.shop__redeem:hover:not(:disabled) {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.shop__redeem:disabled {
  opacity: .4;
  box-shadow: none;
  cursor: not-allowed;
}

.shop__card-soldout {
  color: var(--rb-text-faint);
  font-size: .8rem;
  font-weight: 700;
}

.shop__card-limit {
  color: var(--rb-text-faint);
  font-size: .7rem;
}

.mystery {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 16px 64px;
}

.mystery__hero {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  display: flex;
}

.mystery__hero-icon {
  background: var(--rb-gold-gradient);
  width: 54px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mystery__hero-text {
  flex: 1;
  min-width: 200px;
}

.mystery__hero h1 {
  color: var(--rb-text);
  font-size: 1.5rem;
  font-weight: 500;
}

.mystery__hero p {
  color: var(--rb-text-soft);
  margin-top: 2px;
  font-size: .85rem;
}

.mystery__points {
  color: var(--rb-gold);
  background: #e0b64b24;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  font-size: .9rem;
  font-weight: 500;
  display: inline-flex;
}

.mystery__locked, .mystery__empty {
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 56px 20px;
  display: flex;
}

.mystery__locked button {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  margin-top: 4px;
  padding: 11px 26px;
  font-size: .9rem;
  font-weight: 700;
}

.mystery__box {
  background: radial-gradient(circle at 50% 0%, #e0b64b29, transparent 60%), var(--rb-card-sunken);
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 40px 20px;
  display: flex;
}

.mystery__box--skeleton {
  min-height: 280px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

.mystery__chest {
  width: 140px;
  height: 140px;
  color: var(--rb-gold);
  background: radial-gradient(circle, #414959 0%, #242a35 100%);
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 20px 44px #11161f66;
}

.mystery__chest--shake {
  animation: .5s ease-in-out infinite mysteryShake;
}

@keyframes mysteryShake {
  0%, 100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-6deg);
  }

  75% {
    transform: rotate(6deg);
  }
}

.mystery__draw {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
  border-radius: 999px;
  padding: 14px 48px;
  font-size: .95rem;
  font-weight: 500;
  box-shadow: inset 0 1px #fff8d6d1, inset 0 -6px 10px #94621142;
}

.mystery__draw:disabled {
  opacity: .55;
}

.mystery__cooldown {
  color: var(--rb-text-soft);
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: .85rem;
  display: flex;
}

.mystery__cooldown strong {
  color: var(--rb-text);
  font-variant-numeric: tabular-nums;
  font-size: 1.3rem;
}

.mystery__cost {
  color: var(--rb-gold);
  align-items: center;
  gap: 5px;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.mystery__error {
  color: #f0617a;
  font-size: .8rem;
  font-weight: 600;
}

.mystery__prizes {
  margin-top: 28px;
}

.mystery__prizes h2 {
  color: var(--rb-text);
  text-align: center;
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: 500;
}

.mystery__prizes-grid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  display: grid;
}

.mystery__prize {
  background: var(--rb-card-sunken);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 8px;
  display: flex;
}

.mystery__prize-icon {
  width: 42px;
  height: 42px;
  color: var(--rb-gold);
  background: #ffffff0f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.mystery__prize-icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mystery__prize-label {
  color: var(--rb-text);
  font-size: .78rem;
  font-weight: 700;
}

.mystery__prize-value {
  color: var(--rb-gold);
  font-size: .72rem;
  font-weight: 700;
}

.mystery__reveal {
  z-index: 130;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #0000009e;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.mystery__reveal-card {
  background: var(--rb-card-deep);
  color: var(--rb-gold);
  text-align: center;
  border: 1px solid #e0b64b73;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 32px;
  display: flex;
  box-shadow: 0 24px 60px #00000080;
}

.mystery__reveal-card h3 {
  color: var(--rb-text);
  font-size: 1.2rem;
  font-weight: 500;
}

.mystery__reveal-prize {
  color: var(--rb-gold);
  font-size: 1.6rem;
  font-weight: 900;
}

.mystery__reveal-value {
  color: var(--rb-text-soft);
  font-size: .9rem;
}

.mystery__reveal-close {
  color: var(--rb-text-faint);
  margin-top: 8px;
  font-size: .74rem;
}

.events {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 16px 64px;
}

.events__hero {
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  display: flex;
}

.events__hero-icon {
  background: var(--rb-gold-gradient);
  width: 54px;
  height: 54px;
  color: var(--rb-gold-deep);
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.events__hero h1 {
  color: var(--rb-text);
  font-size: 1.5rem;
  font-weight: 500;
}

.events__hero p {
  color: var(--rb-text-soft);
  margin-top: 2px;
  font-size: .85rem;
}

.events__empty {
  text-align: center;
  background: var(--rb-card-sunken);
  color: var(--rb-text-soft);
  border-radius: 20px;
  padding: 56px 20px;
}

.events__grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  display: grid;
}

.events__link {
  display: block;
}

.events__card {
  background: var(--rb-card-sunken);
  border: 1px solid #0000;
  border-radius: 18px;
  flex-direction: column;
  transition: transform .2s;
  display: flex;
  overflow: hidden;
}

.events__link:hover .events__card {
  transform: translateY(-3px);
}

.events__card--skeleton {
  min-height: 240px;
  animation: 1.4s ease-in-out infinite dailyRewardPulse;
}

.events__card--ended {
  opacity: .6;
}

.events__card-img, .events__card-banner {
  height: 130px;
  position: relative;
}

.events__card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.events__card-banner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.events__card-status {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #14181f;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: .66rem;
  font-weight: 500;
  position: absolute;
  top: 10px;
  left: 10px;
}

.events__card-body {
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 16px;
  display: flex;
}

.events__card-cat {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--rb-text-faint);
  font-size: .66rem;
  font-weight: 500;
}

.events__card-body h3 {
  color: var(--rb-text);
  font-size: 1.05rem;
  font-weight: 500;
}

.events__card-body p {
  color: var(--rb-text-soft);
  flex: 1;
  font-size: .82rem;
  line-height: 1.4;
}

.events__card-foot {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.events__card-time {
  color: var(--rb-text-soft);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 5px;
  font-size: .76rem;
  font-weight: 700;
  display: inline-flex;
}

.events__card-cta {
  font-size: .8rem;
  font-weight: 500;
}

.crm-home-panel {
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
  gap: 14px;
  width: min(1180px, 100vw - 32px);
  margin: 14px auto;
  display: grid;
}

.crm-home-copy, .crm-code-box, .crm-inbox-box {
  background: var(--rb-panel-bg);
  border-radius: 8px;
  box-shadow: 0 14px 34px #060c1c1f;
}

.crm-home-copy {
  align-content: center;
  min-height: 164px;
  padding: 22px;
  display: grid;
}

.crm-home-copy > span, .crm-code-box > div:first-child, .crm-inbox-box > div:first-child {
  color: var(--rb-gold);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.crm-home-copy h2 {
  color: var(--rb-text);
  font-family: var(--font-heading-stack);
  margin: 9px 0 0;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.12;
}

.crm-home-copy p {
  max-width: 520px;
  color: var(--rb-text-soft);
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.crm-home-link {
  width: max-content;
  color: var(--rb-gold);
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
}

.crm-home-actions {
  gap: 10px;
  display: grid;
}

.crm-code-box, .crm-inbox-box {
  padding: 16px;
}

.crm-code-form {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.crm-code-form input {
  border: 1px solid var(--rb-border);
  background: var(--rb-input-bg);
  min-width: 0;
  height: 38px;
  color: var(--rb-text);
  border-radius: 7px;
  padding: 0 12px;
  font-size: 13px;
}

.crm-code-form button {
  background: var(--rb-gold-gradient);
  height: 38px;
  color: var(--rb-gold-deep);
  border: 0;
  border-radius: 7px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 650;
}

.crm-code-form button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.crm-code-box small {
  color: var(--rb-text-soft);
  margin-top: 8px;
  font-size: 12px;
  display: block;
}

.crm-inbox-box em {
  background: var(--rb-gold);
  border-radius: 999px;
  place-items: center;
  min-width: 22px;
  height: 22px;
  display: inline-grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .crm-inbox-box em {
    background: color-mix(in srgb, var(--rb-gold) 16%, transparent);
  }
}

.crm-inbox-box em {
  color: var(--rb-gold);
  font-size: 11px;
  font-style: normal;
}

.crm-inbox-box ul {
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.crm-inbox-box button {
  background: var(--rb-surface-active);
  width: 100%;
  color: inherit;
  text-align: left;
  border: 0;
  border-radius: 7px;
  gap: 3px;
  padding: 10px 12px;
  display: grid;
}

.crm-inbox-box b {
  color: var(--rb-text);
  font-size: 12px;
  font-weight: 650;
}

.crm-inbox-box span, .crm-inbox-box p {
  -webkit-line-clamp: 2;
  color: var(--rb-text-soft);
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 760px) {
  .crm-home-panel {
    grid-template-columns: 1fr;
    width: min(100%, 100vw - 24px);
  }

  .crm-home-copy {
    min-height: 142px;
    padding: 16px;
  }

  .crm-home-copy h2 {
    font-size: 20px;
  }

  .crm-code-form {
    grid-template-columns: 1fr;
  }
}

@keyframes rb-toast-in {
  from {
    opacity: 0;
    transform: translateX(24px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(0)scale(1);
  }
}

@keyframes rb-toast-out {
  from {
    opacity: 1;
    transform: translateX(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateX(24px)scale(.98);
  }
}

@keyframes rb-toast-bar {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

.rb-toast-viewport {
  top: max(16px, env(safe-area-inset-top));
  right: max(16px, env(safe-area-inset-right));
  z-index: 2147483647;
  pointer-events: none;
  flex-direction: column;
  gap: 10px;
  width: min(380px, 100vw - 24px);
  display: flex;
  position: fixed;
}

.rb-toast {
  pointer-events: auto;
  color: var(--rb-text, #f5f7fa);
  background: linear-gradient(180deg, var(--rb-surface, #161b22), var(--rb-surface, #161b22));
  border-radius: 14px;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 14px 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-toast {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rb-surface, #161b22) 92%, transparent), var(--rb-surface, #161b22));
  }
}

.rb-toast {
  border: 1px solid var(--rb-text, #fff);
}

@supports (color: color-mix(in lab, red, red)) {
  .rb-toast {
    border: 1px solid color-mix(in srgb, var(--rb-text, #fff) 10%, transparent);
  }
}

.rb-toast {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: .28s cubic-bezier(.18, .89, .32, 1.28) rb-toast-in;
  box-shadow: 0 18px 50px #00000073;
}

.rb-toast[data-leaving="true"] {
  animation: .2s forwards rb-toast-out;
}

.rb-toast[data-variant="error"] {
  border-left: 3px solid #ef4444;
}

.rb-toast[data-variant="success"] {
  border-left: 3px solid #22c55e;
}

.rb-toast[data-variant="info"] {
  border-left: 3px solid #3b82f6;
}

.rb-toast[data-variant="warning"] {
  border-left: 3px solid #f59e0b;
}

.rb-toast__icon {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.rb-toast[data-variant="error"] .rb-toast__icon {
  color: #fca5a5;
  background: #ef444438;
}

.rb-toast[data-variant="success"] .rb-toast__icon {
  color: #86efac;
  background: #22c55e38;
}

.rb-toast[data-variant="info"] .rb-toast__icon {
  color: #93c5fd;
  background: #3b82f638;
}

.rb-toast[data-variant="warning"] .rb-toast__icon {
  color: #fcd34d;
  background: #f59e0b38;
}

.rb-toast__body {
  flex: auto;
  min-width: 0;
}

.rb-toast__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.rb-toast__msg {
  color: var(--rb-text-soft, #c7ced8);
  word-break: break-word;
  font-size: 13px;
  line-height: 1.4;
}

.rb-toast__close {
  color: var(--rb-text-soft, #9aa3af);
  cursor: pointer;
  opacity: .7;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  padding: 2px 4px;
  font-size: 16px;
  line-height: 1;
  transition: opacity .15s;
}

.rb-toast__close:hover {
  opacity: 1;
}

.rb-toast__bar {
  transform-origin: 0;
  opacity: .55;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.rb-toast[data-variant="error"] .rb-toast__bar {
  background: #ef4444;
}

.rb-toast[data-variant="success"] .rb-toast__bar {
  background: #22c55e;
}

.rb-toast[data-variant="info"] .rb-toast__bar {
  background: #3b82f6;
}

.rb-toast[data-variant="warning"] .rb-toast__bar {
  background: #f59e0b;
}

.battle-detail-reward {
  background: linear-gradient(135deg,
      var(--rb-gold),
      var(--rb-accent, var(--rb-gold)));
}

@supports (color: color-mix(in lab, red, red)) {
  .battle-detail-reward {
    background: linear-gradient(135deg,
      color-mix(in srgb, var(--rb-gold) 18%, var(--rb-card) 82%),
      color-mix(in srgb, var(--rb-accent, var(--rb-gold)) 12%, var(--rb-card-sunken) 88%));
  }
}

.battle-detail-reward {
  border: 1px solid var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .battle-detail-reward {
    border: 1px solid color-mix(in srgb, var(--rb-gold) 26%, var(--rb-border) 74%);
  }
}

.battle-detail-reward {
  box-shadow: inset 0 1px #ffffff14, 0 10px 24px #0000002e;
}

.battle-rules-content {
  color: var(--rb-text-soft);
  overflow-wrap: anywhere;
}

.battle-rules-content :where(h1, h2, h3, h4, h5, h6) {
  color: var(--rb-text);
  margin: 0 0 8px;
  font-weight: 500;
  line-height: 1.25;
}

.battle-rules-content h5 {
  font-size: .95rem;
}

.battle-rules-content :where(p, ul, ol) {
  margin: 0 0 10px;
}

.battle-rules-content :where(p, li) {
  line-height: 1.55;
}

.battle-rules-content :where(ul, ol) {
  padding-left: 18px;
}

.battle-rules-content li + li {
  margin-top: 6px;
}

.battle-rules-content :where(strong, b) {
  color: var(--rb-text);
  font-weight: 500;
}

.battle-rules-content :where(a) {
  color: var(--rb-gold);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.battle-rules-content > :last-child {
  margin-bottom: 0;
}

.ls-panel {
  background: var(--rb-card);
  border-color: var(--rb-border);
  color: var(--rb-text);
}

.ls-surface {
  background: var(--rb-card);
}

.ls-surface-deep {
  background: var(--rb-card-deep);
}

.ls-border {
  border-color: var(--rb-border);
}

.ls-text {
  color: var(--rb-text);
}

.ls-soft {
  color: var(--rb-text-soft);
}

.ls-faint {
  color: var(--rb-text-faint);
}

.ls-accent-text {
  color: var(--rb-gold-strong);
}

.ls-red-bg {
  background: var(--rb-red);
}

.ls-accent {
  background: var(--rb-gold-gradient);
  color: var(--rb-gold-deep);
}

.ls-accent .ls-on-accent-soft {
  color: var(--rb-gold-deep);
}

.ls-panel ::placeholder, .ls-panel textarea::placeholder, .ls-panel input::placeholder {
  color: var(--rb-text-faint);
}

.ls-hover-text:hover {
  color: var(--rb-text);
}

.ls-hover-accent-border:hover {
  border-color: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .ls-hover-accent-border:hover {
    border-color: color-mix(in srgb, var(--rb-gold) 50%, var(--rb-border));
  }
}

.pm-text {
  color: var(--rb-text);
}

.pm-soft {
  color: var(--rb-text-soft);
}

.pm-faint {
  color: var(--rb-text-faint);
}

.pm-accent {
  color: var(--rb-gold);
}

.pm-border {
  border-color: var(--rb-border);
}

.pm-card {
  background: var(--rb-card);
  color: var(--rb-text);
  box-shadow: 0 1px 2px #0000000d, 0 6px 18px -14px #00000059;
}

.pm-card--hover {
  transition: transform .18s, box-shadow .18s;
}

.pm-card--hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px -14px #00000073;
}

.pm-sunken {
  background: var(--rb-card-sunken);
}

.pm-divider {
  border-top: 1px solid var(--rb-border);
}

.pm-input {
  background: var(--rb-card-sunken);
  border: 1px solid var(--rb-border);
  color: var(--rb-text);
}

.pm-input::placeholder {
  color: var(--rb-text-faint);
}

.pm-input:focus {
  border-color: var(--rb-gold);
  box-shadow: 0 0 0 3px var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-input:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rb-gold) 18%, transparent);
  }
}

.pm-input:focus {
  outline: none;
}

.pm-accent-btn {
  background: var(--rb-gold-gradient, var(--rb-gold));
  color: var(--rb-dark, #0b0f14);
  border: 1px solid #0000;
  transition: filter .15s, opacity .15s;
}

.pm-accent-btn:hover:not(:disabled) {
  filter: brightness(1.06);
}

.pm-accent-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pm-chip {
  border: 1px solid var(--rb-border);
  background: var(--rb-card);
  color: var(--rb-text-soft);
  transition: color .15s, border-color .15s, background .15s;
}

.pm-chip:hover {
  color: var(--rb-text);
  border-color: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-chip:hover {
    border-color: color-mix(in srgb, var(--rb-gold) 45%, transparent);
  }
}

.pm-chip--active {
  background: var(--rb-gold-gradient, var(--rb-gold));
  color: var(--rb-dark, #0b0f14);
  border-color: #0000;
}

.pm-tab {
  color: var(--rb-text-soft);
  border-bottom: 2px solid #0000;
  transition: color .15s;
}

.pm-tab:hover {
  color: var(--rb-text);
}

.pm-tab--active {
  color: var(--rb-text);
  border-bottom-color: var(--rb-gold);
}

.pm-yes {
  color: var(--rb-green);
  background: var(--rb-green-soft, var(--rb-green));
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-yes {
    background: var(--rb-green-soft, color-mix(in srgb, var(--rb-green) 14%, transparent));
  }
}

.pm-yes {
  border: 0;
  transition: background .15s, color .15s;
}

.pm-yes:hover, .pm-yes--active {
  background: var(--rb-green);
  color: #fff;
}

.pm-no {
  color: var(--rb-red);
  background: var(--rb-red-soft, var(--rb-red));
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-no {
    background: var(--rb-red-soft, color-mix(in srgb, var(--rb-red) 14%, transparent));
  }
}

.pm-no {
  border: 0;
  transition: background .15s, color .15s;
}

.pm-no:hover, .pm-no--active {
  background: var(--rb-red);
  color: #fff;
}

.pm-track {
  background: var(--rb-text-faint);
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-track {
    background: color-mix(in srgb, var(--rb-text-faint) 22%, transparent);
  }
}

.pm-bar-yes {
  background: var(--rb-green);
}

.pm-bar-no {
  background: var(--rb-red);
}

.pm-bar-accent {
  background: var(--rb-gold);
}

.pm-pill-open {
  color: var(--rb-gold);
  background: var(--rb-gold);
}

@supports (color: color-mix(in lab, red, red)) {
  .pm-pill-open {
    background: color-mix(in srgb, var(--rb-gold) 14%, transparent);
  }
}

.pm-pill-won {
  color: var(--rb-green);
  background: var(--rb-green-soft);
}

.pm-pill-lost {
  color: var(--rb-red);
  background: var(--rb-red-soft);
}

.pm-pill-cashed {
  color: #d9a441;
  background: #d9a44126;
}

.pm-row-shell {
  container-type: inline-size;
}

.pm-row {
  --pm-cols: 2;
  --pm-gap: .75rem;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--pm-cols) - 1) * var(--pm-gap)) / var(--pm-cols));
  gap: var(--pm-gap);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  display: grid;
  overflow-x: auto;
}

.pm-row::-webkit-scrollbar {
  display: none;
}

.pm-row > * {
  scroll-snap-align: start;
}

@container (min-width: 560px) {
  .pm-row {
    --pm-cols: 3;
  }
}

@container (min-width: 860px) {
  .pm-row {
    --pm-cols: 4;
  }
}

@container (min-width: 1160px) {
  .pm-row {
    --pm-cols: 5;
  }
}

@media (min-width: 640px) {
  .pm-row {
    --pm-cols: 3;
  }
}

@media (min-width: 960px) {
  .pm-row {
    --pm-cols: 4;
  }
}

@media (min-width: 1280px) {
  .pm-row {
    --pm-cols: 5;
  }
}

@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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0dewwds._.css.map*/