:root{--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif;--font-label:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--color-brand-primary:#0e0dfe;--color-brand-primary-dim:#8087ff;--color-brand-cyan:#12f1ff;--color-brand-pink:#ff75a0;--color-brand-pink-deep:#a92759;--color-brand-yellow:#ffef00;--color-brand-green:#cf0;--color-ink:#111;--color-ink-soft:#2c2f30;--color-page:#f5f6f7;--color-surface-2:#dadddf;--color-surface-1:#eff1f2;--color-surface-0:#fff;--color-surface-raised:#e6e8ea;--color-text-primary:#17191c;--color-text-secondary:#595c5d;--color-text-muted:#757778;--color-text-inverse:#fff;--accent-primary:var(--color-brand-primary);--accent-secondary:var(--color-brand-cyan);--accent-amber:var(--color-brand-yellow);--accent-rose:var(--color-brand-pink);--fog:var(--color-text-muted);--chalk:var(--color-text-inverse);--success:var(--color-brand-green);--warning:var(--color-brand-yellow);--danger:#ff8167;--rarity-common:#7e8794;--rarity-uncommon:#5fd38c;--rarity-rare:#12b8ff;--rarity-epic:#ff75a0;--rarity-legendary:#ffef00;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--radius-xs:8px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--border-thick:3px;--shadow-hard-sm:3px 3px 0 0 rgba(0,0,0,.9);--shadow-hard:4px 4px 0 0 rgba(0,0,0,.95);--shadow-hard-lg:8px 8px 0 0 rgba(0,0,0,.95);--progress-thickness:22px;--bp-sm:640px;--bp-md:860px;--bp-lg:1120px;--bp-xl:1280px;--content-max:1280px;--nav-h:86px;--color-bg-page:var(--color-page);--color-surface-1:var(--color-surface-1);--color-surface-2:var(--color-surface-2);--color-border-subtle:hsla(0,0%,7%,.35);--color-border-strong:hsla(0,0%,7%,.8);--color-accent-primary:var(--color-brand-primary);--color-accent-secondary:var(--color-brand-cyan);--gradient-hero:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-primary) 18%,#fff),color-mix(in srgb,var(--color-brand-cyan) 20%,#fff) 50%,color-mix(in srgb,var(--color-brand-yellow) 30%,#fff));--gradient-card:linear-gradient(180deg,var(--color-surface-0),var(--color-surface-raised));--gradient-cta:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-cyan));--gradient-strip:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-pink),var(--color-brand-yellow));--ink-deep:var(--color-page);--ink-mid:var(--color-surface-1);--ink-light:var(--color-surface-2);--bg-base:var(--color-page);--bg-1:var(--color-surface-1);--bg-2:var(--color-surface-2);--surface:var(--color-surface-1);--surface-hi:var(--color-surface-0);--border:var(--color-border-subtle);--border-hi:var(--color-border-strong);--text:var(--color-text-primary);--text-2:var(--color-text-secondary);--text-3:var(--color-text-muted);--red:var(--color-brand-primary);--gold:var(--color-brand-yellow);--emerald:var(--color-brand-green);--arc-blue:var(--color-brand-cyan);--amber:var(--color-brand-yellow);--clay:var(--color-brand-primary);--slate:var(--color-brand-cyan)}body,html{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body)}:root{--motion-fast:140ms;--motion-base:200ms;--motion-slow:320ms;--ease-standard:cubic-bezier(0.22,1,0.36,1)}.mcg-anim-fade-up{animation:mcg-fade-up var(--motion-slow) var(--ease-standard) both}@keyframes mcg-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.mcg-app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 0 0,rgba(18,241,255,.16),transparent 60%),radial-gradient(900px 520px at 100% 0,rgba(255,117,160,.14),transparent 62%),radial-gradient(980px 460px at 50% -12%,rgba(255,239,0,.2),transparent 58%),var(--color-bg-page)}.mcg-container{width:min(var(--content-max),100% - 2 * var(--space-3));margin-inline:auto}.mcg-main{position:relative;flex:1 1;padding-top:calc(var(--nav-h) + var(--space-4));padding-bottom:var(--space-5)}.mcg-page-flow{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:860px){.mcg-main{padding-top:calc(var(--nav-h) + var(--space-3))}.mcg-container{width:min(var(--content-max),100% - 2 * var(--space-2))}}