:root{--c-bg: #1A1713;--c-sf-1: #252019;--c-sf-2: #2E2821;--c-sf-3: #3B352C;--c-cream: #F4EBD8;--c-cream-sf: #EADFC6;--c-manila: #E8D8B3;--c-manila-fold: #C9B88E;--c-stamp: #A63232;--c-pm-bg: #3F2555;--c-pm-bg-sf: #4D2F66;--c-ink-on-dark-primary: #EDE4D5;--c-ink-on-dark-secondary: #BCAA92;--c-ink-on-dark-tertiary: #A89B88;--c-ink-on-cream-primary: #2B2419;--c-ink-on-cream-secondary: #3D3324;--c-ink-on-cream-tertiary: #5C4F3C;--c-ink-on-manila-primary: #2B2419;--c-ink-on-manila-secondary: #3D3324;--c-ink-on-manila-tertiary: #5C4F3C;--c-ink-on-pm-primary: #EDE4D5;--c-eng: #E06C6C;--c-des: #5E96E0;--c-gro: #6BBE7D;--c-dat: #E5B232;--c-eng-dk: #8E3030;--c-des-dk: #335788;--c-gro-dk: #2F6B43;--c-dat-dk: #8F6C14;--c-pm-accent: #B872E8;--c-pm-dk: #5D3175;--c-pos: #6BBE7D;--c-neg: #E06C6C;--c-gold: #E5B232;--c-gold-bright: #F4C638;--c-casc: #FFD633;--c-blue: #5E96E0;--c-purple: #B872E8;--c-eng-10: color-mix(in srgb, var(--c-eng) 10%, transparent);--c-eng-20: color-mix(in srgb, var(--c-eng) 20%, transparent);--c-eng-30: color-mix(in srgb, var(--c-eng) 30%, transparent);--c-eng-40: color-mix(in srgb, var(--c-eng) 40%, transparent);--c-eng-60: color-mix(in srgb, var(--c-eng) 60%, transparent);--c-eng-80: color-mix(in srgb, var(--c-eng) 80%, transparent);--c-des-10: color-mix(in srgb, var(--c-des) 10%, transparent);--c-des-20: color-mix(in srgb, var(--c-des) 20%, transparent);--c-des-30: color-mix(in srgb, var(--c-des) 30%, transparent);--c-des-40: color-mix(in srgb, var(--c-des) 40%, transparent);--c-des-60: color-mix(in srgb, var(--c-des) 60%, transparent);--c-des-80: color-mix(in srgb, var(--c-des) 80%, transparent);--c-gro-10: color-mix(in srgb, var(--c-gro) 10%, transparent);--c-gro-20: color-mix(in srgb, var(--c-gro) 20%, transparent);--c-gro-30: color-mix(in srgb, var(--c-gro) 30%, transparent);--c-gro-40: color-mix(in srgb, var(--c-gro) 40%, transparent);--c-gro-60: color-mix(in srgb, var(--c-gro) 60%, transparent);--c-gro-80: color-mix(in srgb, var(--c-gro) 80%, transparent);--c-dat-10: color-mix(in srgb, var(--c-dat) 10%, transparent);--c-dat-20: color-mix(in srgb, var(--c-dat) 20%, transparent);--c-dat-30: color-mix(in srgb, var(--c-dat) 30%, transparent);--c-dat-40: color-mix(in srgb, var(--c-dat) 40%, transparent);--c-dat-60: color-mix(in srgb, var(--c-dat) 60%, transparent);--c-dat-80: color-mix(in srgb, var(--c-dat) 80%, transparent);--c-pm-accent-10: color-mix(in srgb, var(--c-pm-accent) 10%, transparent);--c-pm-accent-20: color-mix(in srgb, var(--c-pm-accent) 20%, transparent);--c-pm-accent-30: color-mix(in srgb, var(--c-pm-accent) 30%, transparent);--c-pm-accent-40: color-mix(in srgb, var(--c-pm-accent) 40%, transparent);--c-pos-10: color-mix(in srgb, var(--c-pos) 10%, transparent);--c-pos-20: color-mix(in srgb, var(--c-pos) 20%, transparent);--c-pos-30: color-mix(in srgb, var(--c-pos) 30%, transparent);--c-pos-40: color-mix(in srgb, var(--c-pos) 40%, transparent);--c-pos-80: color-mix(in srgb, var(--c-pos) 80%, transparent);--c-neg-10: color-mix(in srgb, var(--c-neg) 10%, transparent);--c-neg-20: color-mix(in srgb, var(--c-neg) 20%, transparent);--c-neg-30: color-mix(in srgb, var(--c-neg) 30%, transparent);--c-neg-40: color-mix(in srgb, var(--c-neg) 40%, transparent);--c-gold-10: color-mix(in srgb, var(--c-gold) 10%, transparent);--c-gold-20: color-mix(in srgb, var(--c-gold) 20%, transparent);--c-gold-30: color-mix(in srgb, var(--c-gold) 30%, transparent);--c-gold-40: color-mix(in srgb, var(--c-gold) 40%, transparent);--c-gold-60: color-mix(in srgb, var(--c-gold) 60%, transparent);--c-gold-bright-20: color-mix(in srgb, var(--c-gold-bright) 20%, transparent);--c-gold-bright-30: color-mix(in srgb, var(--c-gold-bright) 30%, transparent);--c-gold-bright-40: color-mix(in srgb, var(--c-gold-bright) 40%, transparent);--c-blue-10: color-mix(in srgb, var(--c-blue) 10%, transparent);--c-blue-20: color-mix(in srgb, var(--c-blue) 20%, transparent);--c-blue-30: color-mix(in srgb, var(--c-blue) 30%, transparent);--c-purple-20: color-mix(in srgb, var(--c-purple) 20%, transparent);--c-purple-30: color-mix(in srgb, var(--c-purple) 30%, transparent);--c-purple-40: color-mix(in srgb, var(--c-purple) 40%, transparent);--c-ink-overlay-6: rgba(0, 0, 0, .06);--c-ink-overlay-8: rgba(0, 0, 0, .08);--c-ink-overlay-12: rgba(0, 0, 0, .12);--c-ink-overlay-18: rgba(0, 0, 0, .18);--c-ink-overlay-32: rgba(0, 0, 0, .32);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 32px;--text-3xl: 48px;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--track-tight: -1px;--track-normal: 0;--track-label: .6px;--track-section: 1px;--track-wide: 2px;--lh-tight: 1.15;--lh-snug: 1.25;--lh-base: 1.4;--lh-loose: 1.55;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-tight: 4px;--radius-soft: 6px;--radius-panel: 10px;--radius-card: 12px;--radius-hero: 16px;--radius-pill: 9999px;--radius-circle: 50%;--elev-base: none;--elev-raised: 0 2px 8px var(--c-ink-overlay-18);--elev-overlay: 0 8px 24px var(--c-ink-overlay-32);--dur-instant: 80ms;--dur-fast: .15s;--dur-medium: .25s;--dur-slow: .4s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1)}@keyframes fi{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.92) translateY(4px)}60%{transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 2px var(--c-gold-40)}50%{box-shadow:0 0 12px 3px var(--c-gold-60)}}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}
