:root{--color-gold-400:#facc15;--color-gold-500:#eab308;--color-gold-600:#ca8a04;--color-zinc-50:#f9fafb;--color-zinc-900:#111827;--color-zinc-950:#0a0a0a;--brand-primary-main:#eab308;--brand-primary-deep:#d97706;--brand-primary-subtle:#ca8a04;--brand-primary-hover:#facc15;--text-high-contrast:#f9fafb;--text-medium-contrast:#d1d5db;--text-low-contrast:#9ca3af;--surface-bg-app:#0a0a0a;--surface-bg-card:#171717;--surface-bg-field:#00000080;--surface-border-subtle:#ffffff1a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-size-base:1rem;--font-size-h1:clamp(2.5rem, 8vw + 1rem, 4.5rem);--font-size-h2:clamp(1.8rem, 5vw + 1rem, 3rem);--font-size-h3:clamp(1.4rem, 3vw + 1rem, 2rem);--font-size-body:clamp(.95rem, .5vw + .8rem, 1.1rem);--ease-productive:cubic-bezier(.2, 0, .38, .9);--ease-expressive:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-standard:.3s;--duration-expressive:.5s;--z-base:0;--z-overlay:100;--z-nav:110;--z-modal:500;--z-system:999;--material-blur-standard:12px;--material-blur-heavy:24px;--material-shadow-low:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--material-shadow-mid:0 10px 25px -3px #000000b3, 0 4px 6px -4px #000000b3;--material-shadow-high:0 20px 50px -12px #000000e6, 0 8px 10px -6px #000000e6;--ux-premium-border:inset 0 1px 1px 0 #ffffff26, 0 10px 30px -10px #000c;--shadow-glass-subtle:0 8px 32px 0 #0000005e;--shadow-glass-deep:0 25px 80px -12px #000000f2, inset 0 1px 1px 0 #ffffff1a;--shadow-glass-gold:0 10px 40px #0009, 0 0 20px #eab3081a;--shadow-input-focus:0 0 15px #eab30826, inset 0 2px 4px #0003;--shadow-popup-massive:0 50px 100px -20px #000;--brand-primary-10:#eab3081a;--brand-primary-20:#eab30833;--brand-primary-30:#eab3084d;--brand-primary-50:#eab30880;--color-quest:#06b6d4;--color-achievement:#eab308;--color-activity:#22c55e;--bg-glass:#16100eeb;--bg-glass-heavy:#0e0a08fa;--bg-leather-textured:radial-gradient(circle at top left, #f59e0b14, transparent 60%), radial-gradient(circle at bottom right, #f59e0b05, transparent 80%), #120c0a;--color-explorer-app:#eab308;--color-explorer-app-hover:#facc15;--color-explorer-app-deep:#ca8a04;--color-explorer-game:#3b82f6;--color-explorer-game-hover:#60a5fa;--color-explorer-game-deep:#1d4ed8;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--letter-spacing-wider:.1em;--letter-spacing-widest:.2em;--color-destructive:#ef4444;--color-success:#22c55e;--color-warning:#eab308;--ease-spring-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring-bouncy:cubic-bezier(.68, -.55, .265, 1.55);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:200;--z-sticky:300;--z-toast:600;--z-tooltip:700;--container-tight:42rem;--container-normal:56rem;--container-wide:72rem;--container-full:100%;--gap-xs:.25rem;--gap-sm:.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--gap-2xl:3rem;--opacity-disabled:.4;--opacity-hover:.8;--opacity-active:.6;--opacity-muted:.5;--status-success:#22c55e;--status-success-bg:#22c55e1a;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-info:#3b82f6;--status-info-bg:#3b82f61a}html.light{--text-high-contrast:#1a1a1a;--text-medium-contrast:#4b5563;--text-low-contrast:#6b7280;--surface-bg-app:#fafafa;--surface-bg-card:#fff;--surface-bg-field:#0000000a;--surface-border-subtle:#0000001a;--material-shadow-low:0 1px 3px #0000000f, 0 1px 2px #0000000a;--material-shadow-mid:0 4px 12px #00000014, 0 2px 4px #0000000a;--material-shadow-high:0 10px 40px #0000001f, 0 4px 8px #0000000f;--ux-premium-border:inset 0 1px 1px 0 #0000000d, 0 4px 12px -4px #00000014;--shadow-glass-subtle:0 4px 16px #0000000f;--shadow-glass-deep:0 12px 40px -8px #0000001a, inset 0 1px 1px 0 #0000000d;--shadow-glass-gold:0 4px 20px #00000014, 0 0 20px #eab30814;--shadow-input-focus:0 0 0 2px #eab30833, inset 0 1px 2px #0000000d;--shadow-popup-massive:0 25px 60px -12px #00000026;--bg-glass:#ffffffeb;--bg-glass-heavy:#fffffff5;--bg-leather-textured:radial-gradient(circle at top left, #f59e0b0a, transparent 60%), radial-gradient(circle at bottom right, #f59e0b05, transparent 80%), #fafafa}