.trophi-ui{--color-brand-deep:#2c35b8;--color-brand-neon:#5f6bfd;--color-light:#fff;--color-ink:#0a0a0c;--color-danger:#bf1818;--color-success:#26d968;--color-warning:#f6a823;--bg-page-hi:#1e1e1e;--bg-page-lo:#000;--color-brand-deep-hover:color-mix(in oklab, var(--color-brand-deep), var(--color-ink) 18%);--color-brand-neon-hover:color-mix(in oklab, var(--color-brand-neon), var(--color-ink) 18%);--color-light-hover:color-mix(in oklab, var(--color-light), var(--color-ink) 18%);--color-danger-hover:color-mix(in oklab, var(--color-danger), var(--color-ink) 18%);--color-success-hover:color-mix(in oklab, var(--color-success), var(--color-ink) 18%);--text-on-success:#04130a;--text-danger:color-mix(in oklab, var(--color-danger), white 30%);--shadow-ridge:inset 0 2px 0 0 #ffffff38;--shadow-raised:var(--shadow-ridge), 0 1px 0 0 #00000040;--shadow-brand-neon:var(--shadow-ridge), 0 8px 22px -10px color-mix(in oklab, var(--color-brand-neon) 60%, transparent);--shadow-card-lg:0 24px 60px -20px #000c;--shadow-card-featured:0 14px 40px -15px color-mix(in oklab, var(--color-brand-neon) 70%, transparent);--shadow-overlay:0 30px 60px -20px #000c;--shadow-glow-accent:0 0 24px -6px color-mix(in oklab, var(--color-brand-neon) 40%, transparent);--shadow-glow-accent-cast:0 10px 24px -10px color-mix(in oklab, var(--color-brand-neon) 40%, transparent);--ring-focus:0 0 0 2px color-mix(in oklab, var(--color-brand-neon) 55%, transparent);--ring-focus-danger:0 0 0 2px color-mix(in oklab, var(--color-danger) 55%, transparent);--ring-focus-success:0 0 0 2px color-mix(in oklab, var(--color-success) 55%, transparent);--surface-sunken:#080809;--surface-1:#0a0a0c;--surface-2:#121215;--surface-3:#18181c;--input-shadow:inset 0 0 0 1px #ffffff1a;--input-shadow-hover:inset 0 0 0 1px #ffffff2e;--input-shadow-focus:inset 0 0 0 1px var(--color-brand-neon), var(--ring-focus);--input-shadow-danger:inset 0 0 0 1px var(--color-danger);--input-shadow-danger-focus:var(--input-shadow-danger), var(--ring-focus-danger);--input-shadow-success:inset 0 0 0 1px var(--color-success);--input-shadow-success-focus:var(--input-shadow-success), var(--ring-focus-success);--tint-accent-soft:color-mix(in oklab, var(--color-brand-neon) 22%, transparent);--tint-accent:color-mix(in oklab, var(--color-brand-neon) 45%, transparent);--tint-accent-strong:color-mix(in oklab, var(--color-brand-neon) 55%, transparent);--tint-success-soft:color-mix(in oklab, var(--color-success) 22%, transparent);--tint-success:color-mix(in oklab, var(--color-success) 45%, transparent);--tint-success-strong:color-mix(in oklab, var(--color-success) 55%, transparent);--tint-warning-soft:color-mix(in oklab, var(--color-warning) 22%, transparent);--tint-warning:color-mix(in oklab, var(--color-warning) 45%, transparent);--tint-warning-strong:color-mix(in oklab, var(--color-warning) 55%, transparent);--tint-danger-soft:color-mix(in oklab, var(--color-danger) 22%, transparent);--tint-danger:color-mix(in oklab, var(--color-danger) 45%, transparent);--tint-danger-strong:color-mix(in oklab, var(--color-danger) 55%, transparent);--alert-bg-accent:color-mix(in oklab, var(--color-brand-neon) 10%, var(--color-ink));--alert-bg-success:color-mix(in oklab, var(--color-success) 10%, var(--color-ink));--alert-bg-warning:color-mix(in oklab, var(--color-warning) 10%, var(--color-ink));--alert-bg-danger:color-mix(in oklab, var(--color-danger) 10%, var(--color-ink));--alert-edge-accent:color-mix(in oklab, var(--color-brand-neon) 28%, var(--color-ink));--alert-edge-success:color-mix(in oklab, var(--color-success) 28%, var(--color-ink));--alert-edge-warning:color-mix(in oklab, var(--color-warning) 28%, var(--color-ink));--alert-edge-danger:color-mix(in oklab, var(--color-danger) 28%, var(--color-ink));--alert-fill-accent:color-mix(in oklab, var(--color-brand-neon), black 60%);--alert-fill-success:color-mix(in oklab, var(--color-success), black 60%);--alert-fill-warning:color-mix(in oklab, var(--color-warning), black 60%);--alert-fill-danger:color-mix(in oklab, var(--color-danger), black 60%)}