:root{--ml-color-sky-1: #63c8f7;--ml-color-sky-2: #c9edfd;--ml-color-brand: #58bf2f;--ml-color-brand-strong: #35871d;--ml-color-brand-soft: #e9f4e0;--ml-color-accent: #f2a72f;--ml-color-accent-strong: #d98218;--ml-color-accent-soft: #f5f7f5;--ml-color-danger: #e9564a;--ml-color-danger-strong: #bf3f35;--ml-color-danger-soft: #fde7e3;--ml-color-info: #3c9de8;--ml-color-info-strong: #287cc2;--ml-color-info-soft: #e4f2fc;--ml-color-rarity: #9a55e7;--ml-color-rarity-strong: #7540b5;--ml-color-rarity-soft: #f1e7fb;--ml-color-mythic: #d43f88;--ml-color-mythic-strong: #9c2362;--ml-color-mythic-soft: #fbe5f1;--ml-color-earth: #8a6039;--ml-color-earth-strong: #654525;--ml-color-earth-soft: #f1e7dc;--ml-color-surface: #ffffff;--ml-color-surface-raised: #ffffff;--ml-color-surface-muted: #f5f6f7;--ml-color-surface-subtle: #e9ecef;--ml-color-common: #e2e6e8;--ml-color-common-strong: #b3bbc1;--ml-color-common-soft: #fafbfb;--ml-color-ink: #39404a;--ml-color-ink-strong: #2f3742;--ml-color-muted: #737d86;--ml-color-line: rgba(57, 64, 74, .12);--ml-color-line-strong: rgba(57, 64, 74, .2);--ml-color-scrim: rgba(30, 35, 40, .56);--ml-color-card-glow: rgba(255, 255, 255, .55);--ml-gradient-brand: linear-gradient(180deg, color-mix(in srgb, var(--ml-color-brand) 97%, var(--ml-color-surface-raised)) 0%, var(--ml-color-brand) 100%);--ml-gradient-accent: linear-gradient(180deg, color-mix(in srgb, var(--ml-color-accent) 97%, var(--ml-color-surface-raised)) 0%, var(--ml-color-accent) 100%);--ml-gradient-danger: linear-gradient(180deg, color-mix(in srgb, var(--ml-color-danger) 97%, var(--ml-color-surface-raised)) 0%, var(--ml-color-danger) 100%);--ml-gradient-info: linear-gradient(180deg, color-mix(in srgb, var(--ml-color-info) 97%, var(--ml-color-surface-raised)) 0%, var(--ml-color-info) 100%);--ml-gradient-rarity: linear-gradient(180deg, color-mix(in srgb, var(--ml-color-rarity) 97%, var(--ml-color-surface-raised)) 0%, var(--ml-color-rarity) 100%);--ml-gradient-mythic: linear-gradient(135deg, var(--ml-color-mythic-strong) 0%, var(--ml-color-mythic) 52%, var(--ml-color-accent) 140%);--ml-gradient-surface: linear-gradient(180deg, var(--ml-color-surface-raised) 0%, var(--ml-color-surface) 100%);--ml-gradient-sky: linear-gradient(180deg, var(--ml-color-sky-1) 0%, var(--ml-color-sky-2) 62%, var(--ml-color-brand-soft) 100%);--ml-color-meadow: var(--ml-color-brand);--ml-color-meadow-dark: var(--ml-color-brand-strong);--ml-color-meadow-deep: var(--ml-color-brand-strong);--ml-color-leaf: var(--ml-color-brand);--ml-color-milk: rgba(255, 255, 255, .96);--ml-color-milk-strong: var(--ml-color-surface);--ml-color-cream: var(--ml-color-surface-muted);--ml-color-gold: var(--ml-color-accent);--ml-color-gold-dark: var(--ml-color-accent-strong);--ml-color-gem: var(--ml-color-rarity);--ml-color-gem-light: var(--ml-color-rarity);--ml-color-blue: var(--ml-color-info);--ml-color-red: var(--ml-color-danger);--ml-color-orange: var(--ml-color-accent);--ml-color-purple: var(--ml-color-rarity);--ml-font-display: "Baloo 2", "Nunito", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;--ml-font-body: "Nunito", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;--ml-font-family: var(--ml-font-body);--ml-space-1: 4px;--ml-space-2: 8px;--ml-space-3: 12px;--ml-space-4: 16px;--ml-space-5: 20px;--ml-space-6: 24px;--ml-space-8: 32px;--ml-radius-sm: 8px;--ml-radius-md: 11px;--ml-radius-lg: 14px;--ml-radius-xl: 16px;--ml-shadow-soft: 0 8px 18px rgba(47, 55, 66, .12), 0 2px 4px rgba(47, 55, 66, .06);--ml-shadow-press: inset 0 -2px 0 rgba(31, 37, 43, .14), 0 3px 8px rgba(31, 37, 43, .12);--ml-shadow-press-active: inset 0 -1px 0 rgba(31, 37, 43, .12), 0 2px 4px rgba(31, 37, 43, .1);--ml-shadow-card: 0 4px 10px rgba(47, 55, 66, .1);--ml-icon-sm: 20px;--ml-icon-md: 26px;--ml-icon-lg: 38px;--ml-motion-fast: .14s;--ml-motion-base: .22s;--ml-z-hud: 10;--ml-z-modal: 30;--ml-z-notification: 35;--ml-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--ml-safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--ml-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--ml-safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--ml-tap-target: 48px;--ml-viewport-height: 100vh;--ml-keyboard-inset: 0px}@supports (height: 100dvh){:root{--ml-viewport-height: 100dvh}}