@charset "utf-8";

@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-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-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --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-ease: initial; }
}
}

@layer theme {
  :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-amber-300: oklch(87.9% .169 91.605); --color-white: #fff; --spacing: .25rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5; --font-weight-bold: 700; --font-weight-extrabold: 800; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --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); }
}

@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: 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: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  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; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :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, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { 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: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  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 {
  .visible { visibility: visible; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .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; }
}
  .mx-auto { margin-inline: auto; }
  .mt-1 { margin-top: var(--spacing); }
  .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-6 { margin-top: calc(var(--spacing) * 6); }
  .mt-7 { margin-top: calc(var(--spacing) * 7); }
  .mt-8 { margin-top: calc(var(--spacing) * 8); }
  .mb-20 { margin-bottom: calc(var(--spacing) * 20); }
  .block { display: block; }
  .flex { display: flex; }
  .hidden { display: none; }
  .max-w-\[320px\] { max-width: 320px; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .resize { resize: both; }
  .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }
  .snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
  .snap-center { scroll-snap-align: center; }
  .items-end { align-items: flex-end; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  :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))); }
  .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .overflow-x-auto { overflow-x: auto; }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .px-5 { padding-inline: calc(var(--spacing) * 5); }
  .py-14 { padding-block: calc(var(--spacing) * 14); }
  .pt-10 { padding-top: calc(var(--spacing) * 10); }
  .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
  .pb-12 { padding-bottom: calc(var(--spacing) * 12); }
  .text-center { text-align: center; }
  .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .text-\[0\.6rem\] { font-size: 0.6rem; }
  .text-\[0\.56rem\] { font-size: 0.56rem; }
  .text-\[0\.68rem\] { font-size: 0.68rem; }
  .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }
  .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); }
  .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; }
  .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: 0.18em; }
  .text-amber-300\/70 { color: rgba(255, 210, 54, 0.7); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-amber-300\/70 { color: color-mix(in oklab,var(--color-amber-300) 70%,transparent); }
}
  .text-white { color: var(--color-white); }
  .text-white\/20 { color: rgba(255, 255, 255, 0.2); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/20 { color: color-mix(in oklab,var(--color-white) 20%,transparent); }
}
  .text-white\/40 { color: rgba(255, 255, 255, 0.4); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/40 { color: color-mix(in oklab,var(--color-white) 40%,transparent); }
}
  .text-white\/50 { color: rgba(255, 255, 255, 0.5); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/50 { color: color-mix(in oklab,var(--color-white) 50%,transparent); }
}
  .text-white\/55 { color: rgba(255, 255, 255, 0.55); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/55 { color: color-mix(in oklab,var(--color-white) 55%,transparent); }
}
  .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,); }
  .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)); }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
}

:root { color-scheme: dark; color: rgb(255, 255, 255); font-synthesis: none; text-rendering: optimizelegibility; background: rgb(3, 3, 3); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; background: rgb(3, 3, 3); }

body { min-width: 320px; min-height: 100vh; margin: 0px; overflow-x: hidden; }

button { font: inherit; }

.desktop-stage { background: radial-gradient(circle at 50% -10%, rgba(255, 125, 0, 0.09), rgba(0, 0, 0, 0) 28%), linear-gradient(90deg, rgb(2, 2, 2), rgb(8, 5, 6) 50%, rgb(2, 2, 2)); justify-content: center; min-height: 100vh; display: flex; }

.mobile-widget { background: rgb(8, 7, 8); width: min(100%, 430px); min-height: 100vh; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 80px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px; }

.mobile-widget::before { content: ""; pointer-events: none; opacity: 0.3; mix-blend-mode: soft-light; z-index: 99; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); position: fixed; inset: 0px; }

.section-shell { border-bottom: 1px solid rgba(255, 255, 255, 0.06); position: relative; }

.section-shell:not(.hero)::before { content: ""; pointer-events: none; background: radial-gradient(circle at 105% 10%, rgba(255, 133, 0, 0.05), rgba(0, 0, 0, 0) 28%); position: absolute; inset: 0px; }

.section-kicker { letter-spacing: 0.28em; color: rgba(255, 191, 73, 0.75); align-items: center; gap: 0.6rem; font-size: 0.6rem; font-weight: 900; display: flex; }

.section-kicker::before { content: ""; background: linear-gradient(90deg, rgb(255, 174, 52), rgba(0, 0, 0, 0)); width: 24px; height: 1px; }

.section-title { letter-spacing: -0.055em; color: rgb(255, 255, 255); margin-top: 0.75rem; font-size: 2rem; font-weight: 900; line-height: 0.98; }

.text-gold { color: rgb(255, 195, 77); text-shadow: rgba(255, 174, 45, 0.35) 0px 0px 24px; }

.brand-mark { z-index: 10; letter-spacing: 0.08em; color: rgb(255, 255, 255); align-items: center; gap: 0.55rem; font-size: 0.78rem; font-weight: 900; display: inline-flex; position: relative; }

.brand-mark__symbol { flex-direction: column; gap: 2px; display: flex; transform: skew(-18deg); }

.brand-mark__symbol i { background: linear-gradient(90deg, rgb(255, 49, 47), rgb(255, 138, 0), rgb(255, 210, 63)); border-radius: 999px; width: 19px; height: 4px; display: block; box-shadow: rgba(255, 79, 34, 0.5) 0px 0px 8px; }

.brand-mark__symbol i:nth-child(2) { width: 15px; }

.brand-mark__symbol i:nth-child(3) { width: 11px; }

.hero { background: linear-gradient(rgb(44, 9, 3), rgb(21, 6, 5) 46%, rgb(9, 8, 9)); min-height: 750px; }

.hero__aurora { background: repeating-radial-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 34px, rgba(255, 183, 0, 0.18) 36px, rgba(255, 183, 0, 0.18) 38px, rgba(0, 0, 0, 0) 40px, rgba(0, 0, 0, 0) 65px); height: 500px; animation: 14s linear 0s infinite normal none running aurora; position: absolute; inset: -15% -35% auto; transform: perspective(700px) rotateX(60deg); }

.hero__grid { opacity: 0.25; background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, rgba(0, 0, 0, 0) 1px); background-size: 36px 36px; position: absolute; inset: 0px; -webkit-mask-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0) 76%); }

.hero__eyebrow { letter-spacing: 0.34em; color: rgba(255, 214, 132, 0.72); font-size: 0.62rem; font-weight: 900; animation: 0.9s ease 0.15s 1 normal both running fade-up; }

.hero__orb { background: radial-gradient(circle at 50% 42%, rgb(255, 220, 114) 0px, rgb(255, 220, 114) 5%, rgb(255, 120, 0) 23%, rgb(155, 22, 0) 53%, rgb(29, 2, 1) 72%); border-radius: 50%; place-items: center; width: 240px; height: 240px; animation: 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running orb-enter, 5s ease-in-out 1.2s infinite normal none running orb-float; display: grid; position: relative; box-shadow: rgba(255, 117, 0, 0.45) 0px 0px 25px, rgba(255, 53, 0, 0.22) 0px 0px 100px, rgba(255, 240, 166, 0.25) 0px 0px 38px inset; }

.hero__orb::after { content: ""; border: 1px solid rgba(255, 231, 164, 0.45); border-radius: 50%; position: absolute; inset: 8px; box-shadow: rgba(255, 174, 0, 0.35) 0px 0px 20px inset; }

.hero__ring { border: 1px solid rgba(255, 197, 74, 0.35); border-radius: 50%; animation: 11s linear 0s infinite normal none running spin; position: absolute; }

.hero__ring::before, .hero__ring::after { content: "✦"; color: rgb(255, 212, 105); text-shadow: rgb(255, 138, 0) 0px 0px 9px; font-size: 11px; position: absolute; }

.hero__ring::before { top: -7px; left: 50%; }

.hero__ring::after { bottom: -7px; right: 18%; }

.hero__ring--one { inset: -18px; }

.hero__ring--two { animation-duration: 8s; animation-direction: reverse; inset: 18px; }

.hero__coin { aspect-ratio: 1 / 1; z-index: 3; color: rgb(157, 60, 0); background: radial-gradient(circle at 35% 30%, rgb(255, 245, 167), rgb(255, 197, 47) 44%, rgb(185, 77, 0) 80%); border: 3px solid rgb(255, 217, 107); border-radius: 50%; place-items: center; width: 48px; font-size: 1.2rem; font-weight: 900; display: grid; position: absolute; box-shadow: rgba(0, 0, 0, 0.45) 0px 7px 18px, rgba(255, 194, 41, 0.4) 0px 0px 18px; }

.hero__coin--left { animation: 3.6s ease-in-out 0s infinite normal none running coin-bob; top: 118px; left: -12px; }

.hero__coin--right { animation: 3.2s ease-in-out 0.6s infinite reverse none running coin-bob; top: 52px; right: -9px; }

.hero__crown { color: rgb(255, 224, 129); filter: drop-shadow(rgba(89, 21, 0, 0.7) 0px 5px 5px); font-size: 3.4rem; position: absolute; top: 30px; }

.hero__million { letter-spacing: -0.1em; color: rgb(255, 247, 201); text-shadow: rgb(189, 74, 0) 0px 4px, rgb(110, 25, 0) 0px 9px, rgba(0, 0, 0, 0.65) 0px 15px 22px, rgba(255, 239, 149, 0.55) 0px 0px 24px; margin-top: 45px; font-size: 5.35rem; font-weight: 1000; line-height: 1; transform: skew(-4deg); }

.legendary-button { isolation: isolate; color: rgb(45, 10, 0); letter-spacing: 0.12em; background: linear-gradient(rgb(255, 189, 49), rgb(240, 68, 0)); border: 1px solid rgba(255, 226, 150, 0.65); border-radius: 999px; width: 210px; height: 56px; font-weight: 1000; transition: transform 0.2s ease 0s, filter 0.2s ease 0s; position: relative; overflow: hidden; box-shadow: rgb(118, 25, 0) 0px 9px, rgba(255, 61, 0, 0.26) 0px 15px 28px, rgba(255, 255, 255, 0.45) 0px 2px inset; }

.legendary-button::after { content: ""; z-index: -1; background: linear-gradient(110deg, rgba(0, 0, 0, 0) 35%, rgba(255, 255, 255, 0.7) 48%, rgba(0, 0, 0, 0) 60%); animation: 3.6s ease 0s infinite normal none running button-shine; position: absolute; inset: -60% -20%; }

.legendary-button:active { transform: translateY(5px); box-shadow: rgb(118, 25, 0) 0px 4px, rgba(255, 61, 0, 0.2) 0px 8px 18px; }

.hero__scroll-cue { z-index: 4; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 99px; width: 25px; height: 38px; position: absolute; bottom: 18px; left: 50%; transform: translate(-50%); }

.hero__scroll-cue span { background: rgb(255, 189, 68); border-radius: 9px; width: 3px; height: 7px; animation: 1.8s ease 0s infinite normal none running scroll-cue; position: absolute; top: 8px; left: 10px; }

.prize-vault { text-align: center; background: linear-gradient(145deg, rgba(255, 149, 0, 0.08), rgba(255, 255, 255, 0.024) 40%, rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 194, 74, 0.22); border-radius: 28px; padding: 34px 24px; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 24px 55px; }

.prize-vault__flare { filter: blur(70px); opacity: 0.22; background: rgb(255, 138, 0); border-radius: 50%; width: 220px; height: 220px; position: absolute; top: -130px; left: 50%; transform: translate(-50%); }

.prize-vault__line { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 197, 79, 0.55), rgba(0, 0, 0, 0)); height: 1px; }

.mechanic-card { background: linear-gradient(110deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 22px; grid-template-columns: 48px 1fr; align-items: center; gap: 15px; min-height: 105px; padding: 18px; transition: transform 0.3s ease 0s, border-color 0.3s ease 0s; display: grid; position: relative; }

.mechanic-card:active { border-color: rgba(255, 186, 68, 0.35); transform: scale(0.985); }

.mechanic-card__number { color: rgb(255, 203, 94); background: linear-gradient(145deg, rgba(255, 169, 37, 0.18), rgba(255, 79, 0, 0.05)); border: 1px solid rgba(255, 196, 89, 0.23); border-radius: 16px; place-items: center; width: 48px; height: 48px; font-size: 0.8rem; font-weight: 1000; display: grid; }

.mechanic-card__spark { color: rgba(255, 190, 61, 0.25); position: absolute; top: 10px; right: 12px; }

.game-card { animation: card-drift 5s var(--delay) ease-in-out infinite; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 22px; flex: 0 0 168px; padding: 10px; }

.game-card__art { border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; place-items: center; height: 190px; display: grid; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 40px inset; }

.game-card__icon { filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 12px 10px); font-size: 4rem; transform: translateZ(0px); }

.game-card__shine { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.27), rgba(0, 0, 0, 0)); width: 55%; animation: 4.5s ease 0s infinite normal none running game-shine; position: absolute; inset: -40% auto -40% -40%; transform: rotate(18deg); }

.no-scrollbar::-webkit-scrollbar { display: none; }

.no-scrollbar { }

.leaderboard-frame { background: rgb(12, 11, 12); border: 1px solid rgba(255, 178, 54, 0.18); border-radius: 27px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.38) 0px 22px 65px, rgba(255, 255, 255, 0.04) 0px 1px inset; }

.leaderboard-frame__beam { z-index: 0; filter: blur(35px); opacity: 0.18; background: rgb(255, 157, 0); height: 90px; position: absolute; top: -50px; left: 15%; right: 15%; }

.leader-row { z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.047), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.055); border-radius: 17px; align-items: center; gap: 12px; min-height: 58px; padding: 10px 12px; transition: transform 0.25s ease 0s, background 0.25s ease 0s; display: flex; position: relative; }

.leader-row:first-child { background: linear-gradient(90deg, rgba(255, 178, 31, 0.15), rgba(255, 255, 255, 0.024)); border-color: rgba(255, 193, 72, 0.24); }

.leader-row:active { transform: scale(0.99); }

.leader-row__rank { color: rgb(255, 209, 107); background: rgba(255, 255, 255, 0.06); border-radius: 13px; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; font-size: 0.7rem; font-weight: 1000; display: grid; }

.jackpot-badge { letter-spacing: 0.04em; text-transform: uppercase; border-radius: 999px; margin-top: 4px; padding: 3px 6px; font-size: 0.43rem; font-weight: 1000; display: inline-flex; }

.badge--grand { color: rgb(42, 22, 0); background: linear-gradient(90deg, rgb(255, 201, 67), rgb(255, 122, 0)); }

.badge--major { color: rgb(255, 255, 255); background: rgb(207, 61, 46); }

.badge--minor { color: rgb(255, 255, 255); background: rgb(89, 96, 107); }

.badge--mini { color: rgb(21, 21, 21); background: rgb(199, 203, 208); }

.faq-answer { opacity: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) 0s, opacity 0.25s ease 0s; display: grid; }

.faq-answer > * { overflow: hidden; }

.faq-answer--open { opacity: 1; grid-template-rows: 1fr; }

.faq-plus { color: rgb(255, 188, 68); font-size: 1.25rem; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) 0s; }

.faq-plus--active { transform: rotate(45deg); }

[data-reveal] { opacity: 0; transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0s; transform: translateY(34px) scale(0.985); }

[data-reveal][data-visible="true"] { opacity: 1; transform: none; }

@keyframes fade-up { 
  0% { opacity: 0; transform: translateY(14px); }
}

@keyframes orb-enter { 
  0% { opacity: 0; filter: blur(12px); transform: scale(0.58) rotate(-8deg); }
}

@keyframes orb-float { 
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-9px) rotate(1deg); }
}

@keyframes aurora { 
  100% { transform: perspective(700px) rotateX(60deg) rotate(360deg); }
}

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

@keyframes coin-bob { 
  0%, 100% { transform: translateY(0px) rotate(-9deg); }
  50% { transform: translateY(-12px) rotate(8deg); }
}

@keyframes button-shine { 
  0%, 30% { transform: translate(-130%); }
  55%, 100% { transform: translate(240%); }
}

@keyframes scroll-cue { 
  0% { opacity: 0; transform: translateY(0px); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: translateY(14px); }
}

@keyframes card-drift { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}

@keyframes game-shine { 
  0%, 35% { transform: translate(-220%) rotate(18deg); }
  65%, 100% { transform: translate(500%) rotate(18deg); }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; }
  [data-reveal] { opacity: 1; transform: none; }
}

.brand-mark__image { object-fit: contain; filter: drop-shadow(rgba(255, 72, 27, 0.18) 0px 5px 18px); width: 132px; height: auto; display: block; }

.carousel-controls { gap: 7px; padding-bottom: 3px; display: flex; }

.carousel-controls button { color: rgb(255, 208, 108); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; place-items: center; width: 34px; height: 34px; font-size: 1.35rem; line-height: 1; transition: transform 0.2s ease 0s, background 0.2s ease 0s, border-color 0.2s ease 0s; display: grid; }

.carousel-controls button:active { background: rgba(255, 171, 36, 0.13); border-color: rgba(255, 190, 72, 0.32); transform: scale(0.9); }

.game-card__art img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0s, filter 0.55s ease 0s; transform: scale(1.01); }

.game-card:active .game-card__art img { filter: saturate(1.12) brightness(1.05); transform: scale(1.07); }

.promo-carousel { background: linear-gradient(145deg, rgba(255, 171, 30, 0.08), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 185, 57, 0.18); border-radius: 24px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.38) 0px 25px 60px, rgba(255, 255, 255, 0.06) 0px 1px inset; }

.promo-carousel__viewport { overflow: hidden; }

.promo-carousel__track { will-change: transform; transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0s; display: flex; }

.promo-slide { aspect-ratio: 1920 / 1020; background: rgb(20, 17, 20); flex: 0 0 100%; position: relative; overflow: hidden; }

.promo-slide img { object-fit: cover; width: 100%; height: 100%; display: block; transform: scale(1.005); }

.promo-slide__gloss { pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0)); width: 35%; animation: 6s ease-in-out 0s infinite normal none running promo-gloss; position: absolute; inset: -30% auto -30% -45%; transform: skew(-18deg); }

.promo-carousel__footer { border-top: 1px solid rgba(255, 255, 255, 0.055); justify-content: space-between; align-items: center; min-height: 52px; padding: 0px 14px; display: flex; }

.promo-dots { align-items: center; gap: 6px; display: flex; }

.promo-dots button { background: rgba(255, 255, 255, 0.2); border: 0px; border-radius: 999px; width: 6px; height: 6px; padding: 0px; transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0s, background 0.35s ease 0s, box-shadow 0.35s ease 0s; }

.promo-dots button.is-active { background: rgb(255, 181, 45); width: 24px; box-shadow: rgba(255, 173, 38, 0.5) 0px 0px 12px; }

.promo-next { color: rgba(255, 255, 255, 0.58); letter-spacing: 0.17em; background: 0px 0px; border: 0px; font-size: 0.58rem; font-weight: 900; }

.promo-next span { color: rgb(255, 189, 72); margin-left: 5px; font-size: 0.9rem; }

@keyframes promo-gloss { 
  0%, 30% { transform: translate(-180%) skew(-18deg); }
  58%, 100% { transform: translate(520%) skew(-18deg); }
}

.prize-section { background: radial-gradient(circle at 82% 14%, rgba(170, 40, 10, 0.08), rgba(0, 0, 0, 0) 34%), rgb(5, 5, 5); padding: 54px 18px 62px; position: relative; overflow: hidden; }

.prize-section::before { content: ""; pointer-events: none; opacity: 0.35; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 4px); position: absolute; inset: 0px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0)); }

.prize-section__frame { isolation: isolate; background: linear-gradient(145deg, rgba(255, 255, 255, 0.024), rgba(0, 0, 0, 0) 32%), linear-gradient(rgb(13, 11, 10), rgb(8, 8, 8) 56%, rgb(10, 10, 10)); border: 1px solid rgba(213, 156, 49, 0.24); position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset, rgba(255, 255, 255, 0.02) 0px -1px inset, rgba(0, 0, 0, 0.38) 0px 26px 60px; }

.prize-section__frame::before { content: ""; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(218, 159, 45, 0.035), rgba(0, 0, 0, 0)); animation: 5s ease-in-out 0s infinite normal none running prize-scan; position: absolute; inset: 0px; transform: translate(-100%); }

.prize-section__frame::after { content: ""; z-index: -1; filter: blur(70px); background: rgba(221, 111, 24, 0.11); height: 150px; position: absolute; top: -90px; left: 14%; right: 14%; }

.prize-section__topline { border-bottom: 1px solid rgba(255, 255, 255, 0.055); justify-content: space-between; align-items: center; gap: 14px; padding: 16px 16px 14px; display: flex; }

.prize-section__label, .prize-section__reset { letter-spacing: 0.2em; text-transform: uppercase; align-items: center; font-size: 0.55rem; font-weight: 800; line-height: 1; display: inline-flex; }

.prize-section__label { color: rgb(215, 163, 58); gap: 8px; }

.prize-section__label-mark { background: currentcolor; width: 20px; height: 1px; }

.prize-section__reset { color: rgba(255, 255, 255, 0.48); gap: 7px; }

.prize-section__reset-dot { background: rgb(220, 168, 56); border-radius: 50%; width: 5px; height: 5px; animation: 2s ease-in-out 0s infinite normal none running prize-pulse; box-shadow: rgba(220, 168, 56, 0.7) 0px 0px 10px; }

.prize-section__content { padding: 34px 16px 28px; }

.prize-section__amount { white-space: nowrap; color: rgb(247, 244, 236); font-variant-numeric: tabular-nums lining-nums; align-items: flex-start; display: flex; }

.prize-section__currency { color: rgb(220, 168, 56); margin-top: 0.12em; margin-right: 5px; font-size: clamp(1.55rem, 6.5vw, 1.9rem); font-weight: 800; line-height: 1; }

.prize-section__number { letter-spacing: -0.075em; font-size: clamp(3.15rem, 14.4vw, 4rem); font-weight: 880; line-height: 0.88; }

.prize-section__caption { color: rgba(255, 255, 255, 0.34); letter-spacing: 0.24em; text-transform: uppercase; margin: 13px 0px 0px 31px; font-size: 0.54rem; font-weight: 800; }

.prize-section__divider { padding: 0px 16px; }

.prize-section__divider span { background: linear-gradient(90deg, rgba(215, 163, 58, 0.44), rgba(255, 255, 255, 0.06) 46%, rgba(0, 0, 0, 0)); height: 1px; display: block; }

.prize-section__footer { gap: 20px; padding: 21px 16px 18px; display: grid; }

.prize-section__footer p { color: rgba(255, 255, 255, 0.5); max-width: 295px; margin: 0px; font-size: 0.75rem; line-height: 1.6; }

.prize-section__cta { color: rgb(220, 168, 56); letter-spacing: 0.17em; text-transform: uppercase; background: rgba(215, 163, 58, 0.024); border: 1px solid rgba(215, 163, 58, 0.26); justify-content: space-between; align-items: center; gap: 14px; width: fit-content; min-width: 188px; padding: 11px 12px 11px 14px; font-size: 0.57rem; font-weight: 850; text-decoration: none; transition: border-color 0.18s ease 0s, background-color 0.18s ease 0s, transform 0.18s ease 0s; display: inline-flex; }

.prize-section__cta:hover { background: rgba(215, 163, 58, 0.07); border-color: rgba(215, 163, 58, 0.58); transform: translateY(-1px); }

.prize-section__cta svg { flex: 0 0 auto; width: 16px; height: 16px; }

.prize-section__corner { pointer-events: none; width: 10px; height: 10px; position: absolute; }

.prize-section__corner--tl { border-top: 1px solid rgb(220, 168, 56); border-left: 1px solid rgb(220, 168, 56); top: -1px; left: -1px; }

.prize-section__corner--tr { border-top: 1px solid rgb(220, 168, 56); border-right: 1px solid rgb(220, 168, 56); top: -1px; right: -1px; }

.prize-section__corner--bl { border-bottom: 1px solid rgb(220, 168, 56); border-left: 1px solid rgb(220, 168, 56); bottom: -1px; left: -1px; }

.prize-section__corner--br { border-bottom: 1px solid rgb(220, 168, 56); border-right: 1px solid rgb(220, 168, 56); bottom: -1px; right: -1px; }

@keyframes prize-scan { 
  0%, 15% { transform: translate(-110%); }
  58%, 100% { transform: translate(110%); }
}

@keyframes prize-pulse { 
  0%, 100% { opacity: 0.45; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .prize-section__frame::before, .prize-section__reset-dot { animation: auto ease 0s 1 normal none running none; }
}

.leaderboard-section { isolation: isolate; background: radial-gradient(circle at 100% 0px, rgba(159, 39, 12, 0.1), rgba(0, 0, 0, 0) 30%), rgb(5, 5, 5); padding: 68px 20px 78px; position: relative; overflow: hidden; }

.leaderboard-ambient { z-index: -1; pointer-events: none; position: absolute; inset: 0px; overflow: hidden; }

.leaderboard-ambient__orb { filter: blur(90px); border-radius: 50%; display: block; position: absolute; }

.leaderboard-ambient__orb--one { background: rgba(168, 42, 11, 0.1); width: 250px; height: 250px; animation: 10s ease-in-out 0s infinite alternate none running leaderboard-orb-one; top: 160px; right: -120px; }

.leaderboard-ambient__orb--two { background: rgba(215, 160, 52, 0.05); width: 280px; height: 280px; animation: 12s ease-in-out 0s infinite alternate none running leaderboard-orb-two; bottom: 100px; left: -150px; }

.leaderboard-ambient__grid { opacity: 0.55; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.01) 0px, rgba(255, 255, 255, 0.01) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 5px); position: absolute; inset: 0px; }

.leaderboard-section__header { z-index: 2; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 30px; display: flex; position: relative; }

.leaderboard-section__eyebrow { color: rgb(222, 166, 58); letter-spacing: 0.27em; text-transform: uppercase; align-items: center; gap: 10px; margin: 0px 0px 12px; font-size: 0.56rem; font-weight: 850; line-height: 1; display: flex; }

.leaderboard-section__eyebrow > span { background: linear-gradient(90deg, rgb(222, 166, 58), rgba(222, 166, 58, 0.08)); width: 25px; height: 1px; }

.leaderboard-section__title { color: rgb(247, 244, 237); letter-spacing: -0.065em; margin: 0px; font-size: clamp(2.35rem, 11vw, 3rem); font-weight: 480; line-height: 0.87; }

.leaderboard-section__title strong { font-weight: 920; display: block; }

.leaderboard-section__status { align-items: center; gap: 8px; padding-bottom: 3px; display: flex; }

.leaderboard-section__live-dot { background: rgb(223, 168, 61); border-radius: 50%; width: 6px; height: 6px; position: relative; box-shadow: rgba(223, 168, 61, 0.65) 0px 0px 12px; }

.leaderboard-section__live-dot::after { content: ""; border-radius: inherit; border: 1px solid rgba(223, 168, 61, 0.3); animation: 1.8s ease-out 0s infinite normal none running leaderboard-live-ring; position: absolute; inset: -5px; }

.leaderboard-section__status > div { gap: 3px; display: grid; }

.leaderboard-section__status strong { color: rgb(223, 168, 61); letter-spacing: 0.17em; text-transform: uppercase; font-size: 0.5rem; }

.leaderboard-section__status span { color: rgba(255, 255, 255, 0.31); white-space: nowrap; font-size: 0.44rem; }

.leaderboard-shell { z-index: 2; background: linear-gradient(145deg, rgba(255, 255, 255, 0.024), rgba(0, 0, 0, 0) 30%), rgba(7, 7, 7, 0.97); border: 1px solid rgba(216, 163, 57, 0.25); border-radius: 20px; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 30px 65px; }

.leaderboard-shell::before { content: ""; z-index: 10; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(225, 173, 66, 0.8), rgba(0, 0, 0, 0)); height: 1px; position: absolute; top: 0px; left: 15%; right: 15%; }

.leaderboard-table__header { color: rgba(255, 255, 255, 0.36); letter-spacing: 0.17em; text-transform: uppercase; background: linear-gradient(rgba(218, 164, 57, 0.05), rgba(255, 255, 255, 0.008)); border-bottom: 1px solid rgba(255, 255, 255, 0.067); grid-template-columns: 72px minmax(0px, 1fr) 108px; align-items: center; gap: 10px; min-height: 54px; padding: 0px 16px; font-size: 0.48rem; font-weight: 820; display: grid; }

.leaderboard-table__header span:last-child { text-align: right; }

.leaderboard-scroll { overscroll-behavior: contain; scroll-behavior: smooth; height: 760px; position: relative; overflow: hidden auto; }

.leaderboard-scroll::-webkit-scrollbar { width: 5px; }

.leaderboard-scroll::-webkit-scrollbar-track { background: 0px 0px; }

.leaderboard-scroll::-webkit-scrollbar-thumb { background: linear-gradient(rgba(243, 194, 89, 0.82), rgba(175, 112, 20, 0.72)); border-radius: 999px; }

.leaderboard-scroll::-webkit-scrollbar-thumb:hover { background: linear-gradient(rgb(238, 193, 90), rgb(189, 124, 33)); }

.leaderboard-scroll::after { content: ""; z-index: 5; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(7, 7, 7, 0.9)); width: 100%; height: 34px; margin-top: -34px; display: block; position: sticky; bottom: 0px; }

.leaderboard-list { gap: 8px; margin: 0px; padding: 11px 10px 34px; list-style: none; display: grid; }

.leaderboard-row { --row-index: 0; isolation: isolate; opacity: 0; min-height: 68px; transition-behavior: normal, normal, normal, normal; transition-duration: 0.5s, 0.5s, 0.22s, 0.22s; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1), ease, ease; transition-property: opacity, transform, border-color, background-color; transition-delay: calc(var(--row-index) * 42ms); background: linear-gradient(110deg, rgba(255, 255, 255, 0.024), rgba(0, 0, 0, 0) 43%), rgb(13, 13, 13); border: 1px solid rgba(255, 255, 255, 0.067); border-radius: 12px; grid-template-columns: 64px minmax(0px, 1fr) auto; align-items: center; gap: 10px; padding: 10px 13px; display: grid; position: relative; overflow: hidden; transform: translate(14px, 5px) scale(0.99); box-shadow: rgba(255, 255, 255, 0.02) 0px 1px inset; }

.leaderboard-row--visible { opacity: 1; transform: translate(0px) scale(1); }

.leaderboard-row__energy { z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0)); width: 34%; height: 280%; position: absolute; top: -90%; left: -35%; transform: rotate(18deg) translate(-250%); }

.leaderboard-row--visible .leaderboard-row__energy { animation: leaderboard-row-energy 6s calc(var(--row-index) * .12s + 1s) ease-in-out infinite; }

.leaderboard-row--first { background: radial-gradient(circle at 12% center, rgba(215, 151, 31, 0.2), rgba(0, 0, 0, 0) 42%), linear-gradient(100deg, rgba(217, 164, 57, 0.12), rgba(0, 0, 0, 0) 67%), rgb(16, 13, 8); border-color: rgba(225, 171, 61, 0.4); min-height: 74px; animation: 4s ease-in-out 0s infinite normal none running leaderboard-first-breathe; box-shadow: rgba(255, 225, 151, 0.08) 0px 1px inset, rgba(209, 143, 25, 0.043) 0px 0px 28px; }

.leaderboard-row--second { background: linear-gradient(100deg, rgba(190, 197, 206, 0.06), rgba(0, 0, 0, 0) 58%), rgb(13, 13, 13); border-color: rgba(190, 197, 206, 0.13); }

.leaderboard-row--third { background: linear-gradient(100deg, rgba(182, 108, 63, 0.075), rgba(0, 0, 0, 0) 58%), rgb(13, 13, 13); border-color: rgba(187, 113, 68, 0.14); }

.leaderboard-row__rank { align-content: center; gap: 7px; display: grid; }

.leaderboard-row__rank-line { background: rgba(255, 255, 255, 0.18); width: 23px; height: 1px; }

.leaderboard-row__rank-value { align-items: center; gap: 6px; display: flex; }

.leaderboard-row__rank-number { color: rgba(255, 255, 255, 0.5); letter-spacing: 0.07em; font-variant-numeric: tabular-nums lining-nums; font-size: 0.74rem; font-weight: 870; line-height: 1; }

.leaderboard-row__crown { color: rgb(228, 174, 67); filter: drop-shadow(rgba(228, 174, 67, 0.38) 0px 0px 7px); width: 14px; height: 14px; animation: 2.7s ease-in-out 0s infinite normal none running leaderboard-crown-float; }

.leaderboard-row--first .leaderboard-row__rank-line { background: rgb(225, 171, 63); box-shadow: rgba(225, 171, 63, 0.26) 0px 0px 8px; }

.leaderboard-row--first .leaderboard-row__rank-number { color: rgb(239, 189, 83); }

.leaderboard-row--second .leaderboard-row__rank-number { color: rgb(199, 204, 210); }

.leaderboard-row--third .leaderboard-row__rank-number { color: rgb(191, 128, 86); }

.leaderboard-row__identity strong { color: rgb(248, 245, 239); letter-spacing: 0.035em; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; font-size: 0.85rem; font-weight: 850; line-height: 1; overflow: hidden; }

.leaderboard-row--first .leaderboard-row__identity strong { color: rgb(255, 248, 233); text-shadow: rgba(224, 170, 61, 0.14) 0px 0px 16px; font-size: 0.91rem; }

.leaderboard-row__reward { justify-items: end; gap: 5px; min-width: 94px; display: grid; }

.leaderboard-row__reward span { color: rgba(255, 255, 255, 0.24); letter-spacing: 0.17em; text-transform: uppercase; font-size: 0.39rem; font-weight: 780; }

.leaderboard-row__reward strong { color: rgb(248, 245, 238); letter-spacing: -0.025em; white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; font-size: 0.84rem; font-weight: 890; line-height: 1; }

.leaderboard-row--first .leaderboard-row__reward strong { color: rgb(255, 248, 232); text-shadow: rgba(226, 170, 57, 0.16) 0px 0px 18px; font-size: 0.94rem; }

.leaderboard-row__champion-line { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(228, 175, 70, 0.95), rgba(0, 0, 0, 0)); height: 1px; animation: 4.5s ease-in-out 0s infinite normal none running leaderboard-champion-line; position: absolute; bottom: 0px; left: 0px; right: 0px; transform: translate(-100%); }

.leaderboard-shell__footer { z-index: 10; color: rgba(255, 255, 255, 0.3); letter-spacing: 0.09em; text-transform: uppercase; background: rgba(10, 10, 10, 0.98); border-top: 1px solid rgba(255, 255, 255, 0.06); justify-content: space-between; align-items: center; gap: 10px; min-height: 48px; padding: 0px 15px; font-size: 0.43rem; font-weight: 750; display: flex; position: relative; }

.leaderboard-shell__footer > div { align-items: center; gap: 7px; display: flex; }

.leaderboard-shell__footer-dot { background: rgb(219, 165, 58); border-radius: 50%; width: 4px; height: 4px; box-shadow: rgba(219, 165, 58, 0.5) 0px 0px 8px; }

.leaderboard-state { color: rgba(255, 255, 255, 0.42); letter-spacing: 0.14em; text-align: center; text-transform: uppercase; justify-content: center; align-items: center; gap: 10px; min-height: 200px; padding: 28px; font-size: 0.61rem; font-weight: 750; display: flex; }

.leaderboard-loader { border-width: 1px; border-style: solid; border-color: rgb(219, 165, 58) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15); border-image: initial; border-radius: 50%; width: 15px; height: 15px; animation: 0.7s linear 0s infinite normal none running leaderboard-loader-spin; }

.leaderboard-state--error { text-align: left; text-transform: none; justify-content: flex-start; min-height: 130px; }

.leaderboard-state__icon { color: rgb(223, 168, 59); border: 1px solid rgba(224, 168, 59, 0.25); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; font-size: 0.72rem; font-weight: 900; display: grid; }

.leaderboard-state--error > div { gap: 6px; display: grid; }

.leaderboard-state--error strong { color: rgba(255, 255, 255, 0.75); letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.7rem; }

.leaderboard-state--error p { color: rgba(255, 255, 255, 0.36); max-width: 245px; margin: 0px; font-size: 0.6rem; line-height: 1.55; }

@keyframes leaderboard-live-ring { 
  0% { opacity: 0.8; transform: scale(0.6); }
  100% { opacity: 0; transform: scale(1.5); }
}

@keyframes leaderboard-row-energy { 
  0%, 62% { transform: rotate(18deg) translate(-250%); }
  84%, 100% { transform: rotate(18deg) translate(620%); }
}

@keyframes leaderboard-first-breathe { 
  0%, 100% { border-color: rgba(225, 171, 61, 0.3); box-shadow: rgba(255, 225, 151, 0.06) 0px 1px inset, rgba(209, 143, 25, 0.03) 0px 0px 24px; }
  50% { border-color: rgba(225, 171, 61, 0.48); box-shadow: rgba(255, 225, 151, 0.1) 0px 1px inset, rgba(209, 143, 25, 0.075) 0px 0px 38px; }
}

@keyframes leaderboard-crown-float { 
  0%, 100% { transform: translateY(0px) rotate(-3deg); }
  50% { transform: translateY(-2px) rotate(3deg); }
}

@keyframes leaderboard-champion-line { 
  0%, 18% { transform: translate(-100%); }
  63%, 100% { transform: translate(100%); }
}

@keyframes leaderboard-orb-one { 
  0% { transform: translate(0px) scale(0.9); }
  100% { transform: translate(-36px, 44px) scale(1.08); }
}

@keyframes leaderboard-orb-two { 
  0% { transform: translate(0px) scale(1); }
  100% { transform: translate(45px, -32px) scale(0.9); }
}

@keyframes leaderboard-loader-spin { 
  100% { transform: rotate(360deg); }
}

@media (max-width: 370px) {
  .leaderboard-section { padding-inline: 15px; }
  .leaderboard-section__status { display: none; }
  .leaderboard-table__header { grid-template-columns: 60px minmax(0px, 1fr) 91px; padding-inline: 11px; }
  .leaderboard-scroll { height: 700px; }
  .leaderboard-list { padding-inline: 8px; }
  .leaderboard-row { grid-template-columns: 53px minmax(0px, 1fr) auto; gap: 7px; min-height: 64px; padding-inline: 10px; }
  .leaderboard-row__reward { min-width: 80px; }
  .leaderboard-row__reward strong { font-size: 0.75rem; }
  .leaderboard-row__identity strong { font-size: 0.76rem; }
}

@media (prefers-reduced-motion: reduce) {
  .leaderboard-row { opacity: 1; transition: none 0s ease 0s; transform: none; }
  .leaderboard-row__energy, .leaderboard-row__champion-line, .leaderboard-row--first, .leaderboard-row__crown, .leaderboard-section__live-dot::after, .leaderboard-ambient__orb, .leaderboard-loader { animation: auto ease 0s 1 normal none running none; }
  .leaderboard-scroll { scroll-behavior: auto; }
}

.rules-section { isolation: isolate; background: radial-gradient(circle at 100% 15%, rgba(151, 33, 9, 0.1), rgba(0, 0, 0, 0) 31%), radial-gradient(circle at 0px 80%, rgba(210, 151, 42, 0.043), rgba(0, 0, 0, 0) 28%), rgb(5, 5, 5); padding: 70px 20px 78px; position: relative; overflow: hidden; }

.rules-section__ambient { z-index: -1; pointer-events: none; position: absolute; inset: 0px; overflow: hidden; }

.rules-section__glow { filter: blur(92px); background: rgba(174, 49, 14, 0.11); border-radius: 50%; width: 290px; height: 290px; animation: 10s ease-in-out 0s infinite alternate none running rules-glow-drift; position: absolute; top: 210px; right: -130px; }

.rules-section__scanlines { opacity: 0.65; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.01) 0px, rgba(255, 255, 255, 0.01) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 5px); position: absolute; inset: 0px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0)); }

.rules-section__header { z-index: 1; opacity: 0; max-width: 380px; margin-bottom: 34px; transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s; position: relative; transform: translateY(24px); }

.rules-section__header--visible { opacity: 1; transform: translate(0px); }

.rules-section__eyebrow { color: rgb(223, 167, 59); letter-spacing: 0.27em; text-transform: uppercase; align-items: center; gap: 10px; margin: 0px 0px 14px; font-size: 0.57rem; font-weight: 850; line-height: 1; display: flex; }

.rules-section__eyebrow span { background: linear-gradient(90deg, rgb(223, 167, 59), rgba(223, 167, 59, 0.08)); flex: 0 0 auto; width: 26px; height: 1px; }

.rules-section__title { color: rgb(246, 243, 236); letter-spacing: -0.065em; margin: 0px; font-size: clamp(2.35rem, 11.8vw, 3.15rem); font-weight: 480; line-height: 0.88; }

.rules-section__title strong { font-weight: 920; display: block; }

.rules-section__description { color: rgba(255, 255, 255, 0.46); max-width: 340px; margin: 20px 0px 0px; font-size: 0.72rem; line-height: 1.7; }

.rules-list { z-index: 1; gap: 10px; display: grid; position: relative; }

.rule-item { --rule-index: 0; isolation: isolate; opacity: 0; transition-behavior: normal, normal, normal, normal, normal; transition-duration: 0.62s, 0.62s, 0.26s, 0.26s, 0.26s; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1), ease, ease, ease; transition-property: opacity, transform, border-color, background-color, box-shadow; transition-delay: calc(var(--rule-index) * 74ms); background: linear-gradient(120deg, rgba(255, 255, 255, 0.024), rgba(0, 0, 0, 0) 38%), rgba(11, 11, 11, 0.96); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 14px; position: relative; overflow: hidden; transform: translate(20px, 10px) scale(0.99); box-shadow: rgba(255, 255, 255, 0.024) 0px 1px inset, rgba(0, 0, 0, 0.16) 0px 12px 28px; }

.rule-item--visible { opacity: 1; transform: translate(0px) scale(1); }

.rule-item--open { background: radial-gradient(circle at 0px 0px, rgba(220, 157, 43, 0.09), rgba(0, 0, 0, 0) 40%), linear-gradient(120deg, rgba(255, 255, 255, 0.027), rgba(0, 0, 0, 0) 42%), rgb(12, 11, 10); border-color: rgba(221, 166, 58, 0.32); box-shadow: rgba(255, 226, 156, 0.055) 0px 1px inset, rgba(0, 0, 0, 0.24) 0px 16px 36px, rgba(205, 137, 26, 0.035) 0px 0px 36px; }

.rule-item__trigger { z-index: 2; width: 100%; min-height: 86px; color: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; background: 0px 0px; border: 0px; grid-template-columns: 38px minmax(0px, 1fr) 34px; align-items: center; gap: 12px; padding: 15px 14px; display: grid; position: relative; }

.rule-item__number { color: rgba(255, 255, 255, 0.3); letter-spacing: 0.11em; font-variant-numeric: tabular-nums; align-self: start; padding-top: 3px; font-size: 0.63rem; font-weight: 850; line-height: 1; }

.rule-item--open .rule-item__number { color: rgb(223, 168, 61); }

.rule-item__heading { gap: 7px; min-width: 0px; display: grid; }

.rule-item__heading strong { color: rgb(247, 244, 237); letter-spacing: -0.02em; font-size: 0.86rem; font-weight: 820; line-height: 1.2; }

.rule-item__heading > span { color: rgba(255, 255, 255, 0.36); max-width: 260px; font-size: 0.6rem; line-height: 1.55; }

.rule-item__control { color: rgba(255, 255, 255, 0.48); background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; place-items: center; width: 32px; height: 32px; transition: color 0.26s ease 0s, border-color 0.26s ease 0s, background-color 0.26s ease 0s, transform 0.52s cubic-bezier(0.16, 1, 0.3, 1) 0s; display: grid; }

.rule-item__control svg { width: 15px; height: 15px; }

.rule-item--open .rule-item__control { color: rgb(224, 168, 59); background: rgba(224, 168, 59, 0.055); border-color: rgba(224, 168, 59, 0.32); transform: rotate(180deg); }

.rule-item__panel { opacity: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.56s cubic-bezier(0.16, 1, 0.3, 1) 0s, opacity 0.34s ease 0s; display: grid; }

.rule-item--open .rule-item__panel { opacity: 1; grid-template-rows: 1fr; }

.rule-item__panel-inner { min-height: 0px; overflow: hidden; }

.rule-item__panel-inner::before { content: ""; transform-origin: 0px center; background: linear-gradient(90deg, rgba(222, 168, 60, 0.46), rgba(255, 255, 255, 0.06) 48%, rgba(0, 0, 0, 0)); height: 1px; margin: 0px 14px; transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1) 80ms; display: block; transform: scaleX(0); }

.rule-item--open .rule-item__panel-inner::before { transform: scaleX(1); }

.rule-block { opacity: 0; filter: blur(4px); padding: 19px 15px 2px 64px; transition: opacity 0.38s ease 0s, filter 0.38s ease 0s, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1) 0s; transform: translateY(10px); }

.rule-item--open .rule-block { opacity: 1; filter: blur(); transform: translate(0px); }

.rule-item--open .rule-block:nth-child(2) { transition-delay: 55ms; }

.rule-item--open .rule-block:nth-child(3) { transition-delay: 0.1s; }

.rule-item--open .rule-block:nth-child(4) { transition-delay: 0.145s; }

.rule-block:last-child { padding-bottom: 23px; }

.rule-block__label { color: rgb(219, 164, 59); letter-spacing: 0.18em; text-transform: uppercase; margin: 0px 0px 10px; font-size: 0.5rem; font-weight: 850; line-height: 1; }

.rule-block__list { gap: 9px; margin: 0px; padding: 0px; list-style: none; display: grid; }

.rule-block__list li { grid-template-columns: 7px minmax(0px, 1fr); align-items: start; gap: 9px; display: grid; }

.rule-block__list li > span { background: rgba(221, 166, 58, 0.82); border-radius: 50%; width: 4px; height: 4px; margin-top: 7px; box-shadow: rgba(221, 166, 58, 0.25) 0px 0px 8px; }

.rule-block__list p { color: rgba(255, 255, 255, 0.57); margin: 0px; font-size: 0.66rem; line-height: 1.65; }

.rule-item__energy { z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.043), rgba(0, 0, 0, 0)); width: 32%; height: 300%; position: absolute; top: -100%; left: -42%; transform: rotate(18deg) translate(-250%); }

.rule-item--open .rule-item__energy { animation: 4.8s ease-in-out 0s infinite normal none running rules-item-energy; }

.rules-section__footer { z-index: 1; opacity: 0; border-top: 1px solid rgba(255, 255, 255, 0.067); grid-template-columns: 22px minmax(0px, 1fr); align-items: start; gap: 12px; margin-top: 24px; padding: 17px 2px 0px; transition: opacity 0.6s ease 0.48s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.48s; display: grid; position: relative; transform: translateY(14px); }

.rules-section__footer--visible { opacity: 1; transform: translate(0px); }

.rules-section__footer-mark { background: rgb(219, 164, 59); width: 18px; height: 1px; margin-top: 7px; }

.rules-section__footer p { color: rgba(255, 255, 255, 0.31); margin: 0px; font-size: 0.57rem; line-height: 1.65; }

@media (hover: hover) {
  .rule-item:not(.rule-item--open):hover { border-color: rgba(255, 255, 255, 0.13); }
  .rule-item:not(.rule-item--open):hover .rule-item__control { color: rgb(220, 166, 58); border-color: rgba(220, 166, 58, 0.25); transform: translateY(1px); }
}

@keyframes rules-glow-drift { 
  0% { transform: translate(0px) scale(0.9); }
  100% { transform: translate(-38px, 48px) scale(1.08); }
}

@keyframes rules-item-energy { 
  0%, 55% { transform: rotate(18deg) translate(-250%); }
  82%, 100% { transform: rotate(18deg) translate(620%); }
}

@media (max-width: 370px) {
  .rules-section { padding-inline: 16px; }
  .rule-item__trigger { grid-template-columns: 31px minmax(0px, 1fr) 30px; gap: 9px; padding-inline: 11px; }
  .rule-item__control { width: 29px; height: 29px; }
  .rule-block { padding-left: 51px; padding-right: 12px; }
  .rules-section__title { font-size: 2.3rem; }
}

@media (prefers-reduced-motion: reduce) {
  .rules-section__header, .rule-item, .rules-section__footer { opacity: 1; transition: none 0s ease 0s; transform: none; }
  .rules-section__glow, .rule-item__energy { animation: auto ease 0s 1 normal none running none; }
  .rule-item__panel, .rule-item__control, .rule-item__panel-inner::before, .rule-block { transition-duration: 1ms; }
}

.leaderboard-row__identity { gap: 8px; min-width: 0px; display: grid; }

.leaderboard-row__id-label { color: rgba(255, 255, 255, 0.26); letter-spacing: 0.18em; text-transform: uppercase; font-size: 0.43rem; font-weight: 780; line-height: 1; }

.leaderboard-row__id-line { align-items: center; gap: 8px; min-width: 0px; display: flex; }

.leaderboard-row__id-line strong { color: rgb(247, 244, 237); letter-spacing: 0.035em; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; font-weight: 850; line-height: 1; overflow: hidden; }

.leaderboard-row--first .leaderboard-row__id-line strong { color: rgb(255, 247, 231); text-shadow: rgba(224, 170, 61, 0.15) 0px 0px 16px, rgba(224, 170, 61, 0.06) 0px 0px 30px; font-size: 0.98rem; }

.campaign-hero { --pointer-x: 0; --pointer-y: 0; --hero-scroll: 0; isolation: isolate; color: rgb(255, 255, 255); background: rgb(142, 31, 21); width: 100%; margin: 0px auto; position: relative; overflow: hidden; }

.campaign-hero__stage { isolation: isolate; aspect-ratio: 1080 / 1920; background: linear-gradient(rgb(143, 39, 21), rgb(186, 44, 33) 47%, rgb(242, 103, 40)); width: 100%; position: relative; overflow: hidden; }

.campaign-hero__background { z-index: 0; object-fit: fill; object-position: center top; filter: saturate(1.03) contrast(1.02) brightness(0.99); width: 100%; height: 100%; transform: translate3d(calc(var(--pointer-x) * -2px),calc(var(--pointer-y) * -1px + var(--hero-scroll) * -7px),0) scale(1.006); transform-origin: center top; will-change: transform; transition: transform 0.16s linear 0s; display: block; position: absolute; inset: 0px; }

.campaign-hero__ambient { z-index: 1; pointer-events: none; position: absolute; inset: 0px; overflow: hidden; }

.campaign-hero__center-glow { aspect-ratio: 1 / 1; filter: blur(20px); background: radial-gradient(circle, rgba(255, 206, 83, 0.14), rgba(255, 122, 21, 0.06) 35%, rgba(255, 55, 6, 0.024) 54%, rgba(0, 0, 0, 0) 74%); border-radius: 50%; width: 68%; animation: 5s ease-in-out 0s infinite normal none running campaign-center-glow; position: absolute; top: 35%; left: 50%; transform: translate(-50%); }

.campaign-hero__scanlines { opacity: 0.3; mix-blend-mode: soft-light; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.01) 0px, rgba(255, 255, 255, 0.01) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 4px); position: absolute; inset: 0px; }

.campaign-hero__sparks { opacity: 0.34; background-image: radial-gradient(circle, rgba(255, 232, 141, 0.9) 0px, rgba(255, 232, 141, 0.9) 1px, rgba(0, 0, 0, 0) 1.7px), radial-gradient(circle, rgba(255, 153, 48, 0.8) 0px, rgba(255, 153, 48, 0.8) 1.1px, rgba(0, 0, 0, 0) 1.8px), radial-gradient(circle, rgba(255, 209, 83, 0.7) 0px, rgba(255, 209, 83, 0.7) 0.8px, rgba(0, 0, 0, 0) 1.5px); background-position: 12% 100%, 68% 100%, 43% 100%; background-size: 43px 88px, 61px 116px, 79px 142px; animation: 10s linear 0s infinite normal none running campaign-sparks-rise; position: absolute; inset: 52% 0px 0px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 100%); }

.campaign-hero__content { z-index: 5; pointer-events: none; position: absolute; inset: 0px; }

.campaign-hero__logo { opacity: 0; filter: drop-shadow(rgba(75, 13, 0, 0.18) 0px 7px 14px); width: 37%; height: auto; transition: opacity 0.65s ease 80ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 80ms; display: block; position: absolute; top: 8%; left: 50%; transform: translate(-50%, -10px); }

.campaign-hero--ready .campaign-hero__logo { opacity: 1; transform: translate(-50%); }

.campaign-hero__title-wrap { opacity: 0; width: 91%; transition: opacity 0.85s ease 0.2s, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; position: absolute; top: 18.8%; left: 50%; transform: translate(-50%, 20px) scale(0.965); }

.campaign-hero--ready .campaign-hero__title-wrap { opacity: 1; transform: translate3d(-50%,calc(var(--hero-scroll) * -10px),0) scale(1); }

.campaign-hero__title { z-index: 2; filter: drop-shadow(rgba(87, 15, 0, 0.72) 0px 7px 1px) drop-shadow(rgba(66, 9, 0, 0.3) 0px 16px 23px); width: 100%; height: auto; display: block; position: relative; }

.campaign-hero__title-glint { z-index: 4; pointer-events: none; filter: drop-shadow(rgba(255, 242, 180, 0.9) 0px 0px 4px) drop-shadow(rgba(255, 170, 34, 0.5) 0px 0px 11px); opacity: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 42%, rgba(255, 255, 240, 0.98) 48%, rgba(255, 255, 240, 0.98) 52%, rgba(0, 0, 0, 0) 58%), linear-gradient(rgba(0, 0, 0, 0) 42%, rgba(255, 242, 190, 0.98) 48%, rgba(255, 242, 190, 0.98) 52%, rgba(0, 0, 0, 0) 58%); width: 8px; height: 8px; animation: 4.9s ease-in-out 0s infinite normal none running campaign-title-glint; position: absolute; transform: scale(0.3) rotate(0deg); }

.campaign-hero__title-glint--one { animation-delay: 0.7s; top: 44%; left: 23%; }

.campaign-hero__title-glint--two { width: 6px; height: 6px; animation-delay: 2.9s; bottom: 17%; right: 17%; }

.campaign-hero__regulatory { opacity: 0; filter: drop-shadow(rgba(90, 19, 0, 0.18) 0px 5px 10px); width: 50%; height: auto; transition: opacity 0.6s ease 0.41s, transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.41s; display: block; position: absolute; top: 33.4%; left: 50%; transform: translate(-50%, 8px); }

.campaign-hero--ready .campaign-hero__regulatory { opacity: 0.96; transform: translate(-50%); }

.campaign-hero__reward { text-align: center; justify-items: center; width: 100%; padding-inline: 18px; display: grid; position: absolute; top: 50.2%; left: 50%; transform: translate(-50%); }

.campaign-hero__reward-label { color: rgb(255, 250, 243); letter-spacing: -0.045em; text-transform: uppercase; text-shadow: rgba(112, 18, 0, 0.38) 0px 3px 10px; opacity: 0; margin: 0px; font-size: clamp(1.15rem, 5.5vw, 1.55rem); font-weight: 950; line-height: 1; transition: opacity 0.65s ease 0.52s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.52s; transform: translateY(12px); }

.campaign-hero--ready .campaign-hero__reward-label { opacity: 1; transform: translate(0px); }

.campaign-hero__amount { white-space: nowrap; opacity: 0; grid-template-columns: auto minmax(0px, auto); justify-content: center; align-items: start; column-gap: 5px; width: 100%; max-width: 398px; transition: opacity 0.8s ease 0.61s, transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.61s; display: grid; position: relative; transform: translateY(18px) scale(0.94); }

.campaign-hero--ready .campaign-hero__amount { opacity: 1; transform: translate3d(0,calc(var(--hero-scroll) * -7px),0) scale(1); }

.campaign-hero__currency { color: rgba(0, 0, 0, 0); -webkit-text-stroke: 0.55px rgba(255, 240, 141, 0.6); filter: drop-shadow(rgb(141, 70, 0) 0px 2px) drop-shadow(rgba(100, 20, 0, 0.4) 0px 6px 7px); background: linear-gradient(rgb(255, 251, 208), rgb(255, 225, 80) 30%, rgb(223, 151, 14) 64%, rgb(255, 241, 125) 84%, rgb(185, 109, 0)) text; margin-top: 0.19em; font-size: clamp(1.65rem, 7.2vw, 2.3rem); font-weight: 950; line-height: 1; }

.campaign-hero__number { color: rgba(0, 0, 0, 0); letter-spacing: -0.077em; font-variant-numeric: tabular-nums lining-nums; -webkit-text-stroke: 0.65px rgba(255, 239, 128, 0.62); filter: drop-shadow(rgb(145, 72, 0) 0px 2px) drop-shadow(rgba(98, 21, 0, 0.38) 0px 7px 7px); background: linear-gradient(rgb(255, 251, 208), rgb(255, 231, 91) 23%, rgb(236, 169, 22) 49%, rgb(255, 232, 94) 66%, rgb(255, 241, 139) 77%, rgb(184, 106, 0)) 0px 0px / 100% 180% text; min-width: 0px; font-size: clamp(2.95rem, 13.2vw, 4.12rem); font-weight: 950; line-height: 0.88; animation: 5.5s ease-in-out 0s infinite normal none running campaign-number-shimmer; display: block; }

.campaign-hero__date { color: rgb(255, 250, 244); letter-spacing: -0.038em; text-transform: uppercase; text-shadow: rgba(105, 19, 0, 0.36) 0px 3px 11px; opacity: 0; margin: 5px 0px 0px; font-size: clamp(1.08rem, 5.2vw, 1.52rem); font-weight: 950; line-height: 1; transition: opacity 0.65s ease 0.78s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.78s; transform: translateY(12px); }

.campaign-hero--ready .campaign-hero__date { opacity: 1; transform: translate(0px); }

.campaign-hero__coin { z-index: 4; user-select: none; pointer-events: none; opacity: 0; filter: saturate(1.07) contrast(1.03) drop-shadow(rgba(75, 10, 0, 0.25) 0px 17px 25px); transform-origin: 50% center; will-change: transform; max-width: none; height: auto; transition: opacity 0.76s ease 0s, filter 0.3s ease 0s; display: block; position: absolute; }

.campaign-hero--ready .campaign-hero__coin { opacity: 1; }

.campaign-hero__coin--red { width: 45%; transform: translate3d(calc(var(--pointer-x) * -18px),calc(var(--pointer-y) * -12px + var(--hero-scroll) * -28px),0) rotate(-8deg); transition-delay: 0.3s; animation: 5.8s ease-in-out 0s infinite normal none running campaign-red-coin-float; top: 8.8%; left: -15%; }

.campaign-hero__coin--yellow { width: 35%; transform: translate3d(calc(var(--pointer-x) * 18px),calc(var(--pointer-y) * -11px + var(--hero-scroll) * -25px),0) rotate(9deg); transition-delay: 0.35s; animation: 6.3s ease-in-out 0s infinite normal none running campaign-yellow-coin-float; top: 30.1%; right: -10%; }

.campaign-hero__coin--small { width: 7.5%; transform: translate3d(calc(var(--pointer-x) * 27px),calc(var(--pointer-y) * -18px + var(--hero-scroll) * -46px),0) rotate(73deg); transition-delay: 0.41s; animation: 5.1s ease-in-out 0s infinite normal none running campaign-small-coin-float; top: 30.1%; right: 18%; }

.campaign-hero__coin--foreground-yellow { z-index: 6; filter: blur(1px) saturate(1.14) drop-shadow(rgba(255, 117, 0, 0.23) 0px 24px 35px); width: 46%; transform: translate3d(calc(var(--pointer-x) * -42px),calc(var(--pointer-y) * 29px + var(--hero-scroll) * -78px),0) rotate(-15deg); transition-delay: 0.5s; animation: 7s ease-in-out 0s infinite normal none running campaign-yellow-foreground; bottom: -5%; left: -18%; }

.campaign-hero__coin--foreground-red { z-index: 6; filter: blur(1.7px) saturate(1.13) drop-shadow(rgba(255, 34, 0, 0.26) 0px 25px 38px); width: 52%; transform: translate3d(calc(var(--pointer-x) * 47px),calc(var(--pointer-y) * 32px + var(--hero-scroll) * -91px),0) rotate(17deg); transition-delay: 0.56s; animation: 7.7s ease-in-out 0s infinite normal none running campaign-red-foreground; bottom: 0%; right: -21%; }

@keyframes campaign-center-glow { 
  0%, 100% { opacity: 0.62; transform: translate(-50%) scale(0.95); }
  50% { opacity: 0.95; transform: translate(-50%) scale(1.055); }
}

@keyframes campaign-sparks-rise { 
  0% { background-position: 12% 100%, 68% 100%, 43% 100%; }
  100% { background-position: 12% -25%, 68% -30%, 43% -22%; }
}

@keyframes campaign-title-glint { 
  0%, 72%, 100% { opacity: 0; transform: scale(0.25) rotate(0deg); }
  79% { opacity: 1; }
  86% { opacity: 0.95; transform: scale(1.6) rotate(45deg); }
  94% { opacity: 0; transform: scale(0.55) rotate(90deg); }
}

@keyframes campaign-number-shimmer { 
  0%, 100% { background-position: 50% 0px; }
  50% { background-position: 50% 100%; }
}

@keyframes campaign-red-coin-float { 
  0%, 100% { margin-top: 0px; rotate: -1deg; }
  50% { margin-top: -10px; rotate: 3deg; }
}

@keyframes campaign-yellow-coin-float { 
  0%, 100% { margin-top: 0px; rotate: 0deg; }
  50% { margin-top: 9px; rotate: -4deg; }
}

@keyframes campaign-small-coin-float { 
  0%, 100% { margin-top: 0px; rotate: 72deg; }
  50% { margin-top: -12px; rotate: 88deg; }
}

@keyframes campaign-yellow-foreground { 
  0%, 100% { margin-bottom: 0px; rotate: 0deg; }
  50% { margin-bottom: 14px; rotate: -3deg; }
}

@keyframes campaign-red-foreground { 
  0%, 100% { margin-bottom: 0px; rotate: 0deg; }
  50% { margin-bottom: -12px; rotate: 3deg; }
}

@media (max-width: 390px) {
  .campaign-hero__logo { width: 39%; top: 4.1%; }
  .campaign-hero__title-wrap { width: 92%; top: 11%; }
  .campaign-hero__regulatory { width: 100%; top: 28.7%; }
  .campaign-hero__reward { padding-inline: 14px; top: 48.5%; }
  .campaign-hero__reward-label { margin-bottom: 10px; font-size: clamp(1.05rem, 5.25vw, 1.35rem); }
  .campaign-hero__amount { column-gap: 3px; }
  .campaign-hero__currency { font-size: clamp(1.5rem, 7vw, 2rem); }
  .campaign-hero__number { font-size: clamp(2.7rem, 13vw, 3.7rem); }
  .campaign-hero__date { margin-top: 20px; font-size: clamp(0.98rem, 5vw, 1.35rem); }
  .campaign-hero__coin--red { width: 25%; left: 5%; }
  .campaign-hero__coin--yellow { width: 21%; right: 8%; }
  .campaign-hero__coin--foreground-yellow { width: 49%; left: -21%; }
  .campaign-hero__coin--foreground-red { width: 55%; right: -24%; }
}

@media (max-width: 350px) {
  .campaign-hero__reward { top: 49%; }
  .campaign-hero__number { font-size: 2.7rem; }
  .campaign-hero__currency { font-size: 1.5rem; }
  .campaign-hero__date { font-size: 1rem; }
}

@media (hover: hover) and (pointer: fine) {
  .campaign-hero:hover .campaign-hero__coin--red, .campaign-hero:hover .campaign-hero__coin--yellow { filter: saturate(1.11) contrast(1.04) drop-shadow(rgba(75, 10, 0, 0.28) 0px 21px 29px); }
}

@media (prefers-reduced-motion: reduce) {
  .campaign-hero__background, .campaign-hero__title-wrap, .campaign-hero__amount, .campaign-hero__coin { transform: none !important; }
  .campaign-hero *, .campaign-hero ::before, .campaign-hero ::after { transition-duration: 1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; }
  .campaign-hero__logo, .campaign-hero__title-wrap, .campaign-hero__regulatory, .campaign-hero__reward-label, .campaign-hero__amount, .campaign-hero__date, .campaign-hero__coin { opacity: 1; }
  .campaign-hero__logo, .campaign-hero__title-wrap, .campaign-hero__regulatory { transform: translate(-50%) !important; }
  .campaign-hero__reward-label, .campaign-hero__amount, .campaign-hero__date { transform: none !important; }
  .campaign-hero__title-glint { display: none; }
}

.campaign-hero__cta { z-index: 10; color: rgb(255, 255, 255); letter-spacing: 0.12em; text-transform: uppercase; border-radius: 999px; justify-content: center; align-items: center; gap: 12px; width: 78%; height: 58px; font-weight: 900; text-decoration: none; transition: all 0.35s ease 0s; display: flex; position: absolute; top: 130%; left: 50%; overflow: hidden; transform: translate(-50%); }

.campaign-hero__cta-bg { background: linear-gradient(rgb(255, 207, 88), rgb(255, 159, 36), rgb(239, 84, 12)); border-radius: 999px; position: absolute; inset: 0px; box-shadow: rgba(255, 255, 255, 0.45) 0px 1px inset, rgba(143, 29, 0, 0.35) 0px 14px 28px; }

.campaign-hero__cta-text { z-index: 2; position: relative; }

.campaign-hero__cta-arrow { z-index: 2; width: 18px; height: 18px; transition: all 0.3s ease 0s; position: relative; }

.campaign-hero__cta:hover { transform: translate(-50%) translateY(-3px); }

.campaign-hero__cta:hover .campaign-hero__cta-arrow { transform: translate(4px); }

.campaign-hero__cta::before { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)); width: 20%; animation: 3.5s ease 0s infinite normal none running ctaShine; position: absolute; top: 0px; bottom: 0px; left: -30%; transform: skew(-20deg); }

@keyframes ctaShine { 
  0%, 55% { transform: translate(-180%) skew(-20deg); }
  75% { transform: translate(750%) skew(-20deg); }
  100% { transform: translate(750%) skew(-20deg); }
}

.campaign-hero__scroll { color: rgba(255, 255, 255, 0.55); cursor: pointer; z-index: 20; background: 0px 0px; border: none; flex-direction: column; align-items: center; gap: 8px; display: flex; position: absolute; bottom: 28px; left: 50%; transform: translate(-50%); }

.campaign-hero__mouse { border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; width: 24px; height: 38px; position: relative; }

.campaign-hero__mouse span { background: rgb(255, 213, 79); border-radius: 99px; width: 3px; height: 7px; animation: 1.7s ease 0s infinite normal none running wheel; position: absolute; top: 7px; left: 50%; transform: translate(-50%); }

@keyframes wheel { 
  0% { opacity: 0; transform: translate(-50%); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, 14px); }
}

.campaign-hero__scroll small { letter-spacing: 0.2em; text-transform: uppercase; font-size: 0.55rem; font-weight: 700; }

.campaign-hero::after { content: ""; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(14, 4, 3, 0.85) 70%, rgb(14, 4, 3)); height: 140px; position: absolute; bottom: 0px; left: 0px; right: 0px; }

@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-border-style { syntax: "*"; inherits: false; initial-value: solid; }

@property --tw-leading { syntax: "*"; inherits: false; }

@property --tw-font-weight { syntax: "*"; inherits: false; }

@property --tw-tracking { syntax: "*"; inherits: false; }

@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-ease { syntax: "*"; inherits: false; }