:root{--active-palette-index:2;--p0-bg:#0a0e1a;--p0-surface:#0d2137;--p0-primary:#00c2ff;--p0-accent:#00ffd1;--p0-cta:#ff6b35;--p1-bg:#111118;--p1-surface:#1c1c2e;--p1-primary:#7b2fff;--p1-accent:#f5c518;--p1-cta:#ff3cac;--p2-bg:#0f0c08;--p2-surface:#1e1812;--p2-primary:#c17a2e;--p2-accent:#f0a500;--p2-cta:#fffaf0;--p3-bg:#07090d;--p3-surface:#101926;--p3-primary:#29abe2;--p3-accent:#a8ff78;--p3-cta:#ffffff;--p4-bg:#0e0810;--p4-surface:#1a0f1f;--p4-primary:#e040fb;--p4-accent:#ff6b9d;--p4-cta:#fff1f3;--color-bg:var(--p2-bg);--color-surface:var(--p2-surface);--color-primary:var(--p2-primary);--color-accent:var(--p2-accent);--color-cta:var(--p2-cta);--color-text-main:#f0f6fc;--color-text-muted:#a69888;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--font-display:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.canvas-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}@keyframes stepPulse{0%,to{box-shadow:0 0 10px rgba(0,194,255,.4),0 0 20px rgba(0,194,255,.15)}50%{box-shadow:0 0 16px rgba(0,194,255,.7),0 0 32px rgba(0,194,255,.3)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}@keyframes cardFlipIn{0%{transform:perspective(800px) rotateY(90deg);opacity:0}to{transform:perspective(800px) rotateY(0deg);opacity:1}}@keyframes cardDeal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mascotBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-4px)}80%{transform:translateY(-8px)}}@keyframes answerPop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes confettiFloat{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes celebrationIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,194,255,.3)}50%{box-shadow:0 0 40px rgba(0,194,255,.6),0 0 80px rgba(0,194,255,.2)}}body,html{overflow-x:hidden;max-width:100vw}*,:after,:before,body,html{box-sizing:border-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}