@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#f973164d}:root{--bg-deep: #0a0e1a;--bg-base: #0f172a;--bg-raised: #131c33;--bg-card: rgba(15, 23, 42, .6);--bg-card-solid: #111827;--border: rgba(71, 85, 105, .2);--border-focus: #f97316;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--text-faint: #475569;--accent: #f97316;--accent-light: #fb923c;--accent-glow: rgba(249, 115, 22, .3);--green: #22c55e;--green-soft: rgba(34, 197, 94, .08);--green-border: rgba(34, 197, 94, .2);--red: #ef4444;--red-soft: rgba(239, 68, 68, .08);--red-border: rgba(239, 68, 68, .2);--A1: #22c55e;--A2: #84cc16;--B1: #eab308;--B2: #f97316;--C1: #ef4444;--C2: #a855f7;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 99px}html,body,#root{min-height:100vh}body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rocketLaunch{0%{transform:translateY(30px) scale(.5) rotate(-8deg);opacity:0}20%{transform:translateY(0) scale(1.2) rotate(6deg);opacity:1}35%{transform:translateY(-4px) scale(1.05) rotate(-5deg)}50%{transform:translateY(2px) scale(1.1) rotate(5deg)}65%{transform:translateY(-2px) scale(1.08) rotate(0);opacity:1}to{transform:translateY(-240px) scale(.6) rotate(0);opacity:0}}@keyframes bombDrop{0%{transform:translateY(-50px) scale(.5) rotate(10deg);opacity:0}25%{transform:translateY(0) scale(1.2) rotate(-10deg);opacity:1}45%{transform:scale(1) rotate(8deg)}60%{transform:scale(1.3) rotate(0)}75%{transform:scale(1.7);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes overlayFade{0%,80%{opacity:1}to{opacity:0}}@keyframes ctaGlow{0%,to{box-shadow:0 4px 20px #f9731659,0 0 #f9731673}50%{box-shadow:0 6px 28px #f9731699,0 0 0 8px #f9731600}}@keyframes ctaShine{0%{left:-75%}60%,to{left:125%}}.animate-fade-up{animation:fadeUp .4s ease both}.animate-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.animate-shake{animation:shake .4s ease}.level-change-overlay{animation:overlayFade 2.2s ease forwards}.level-change-emoji-up{display:inline-block;animation:rocketLaunch 2.2s ease-in forwards}.level-change-emoji-down{display:inline-block;animation:bombDrop 2.2s ease-in forwards}.premium-cta{position:relative;overflow:hidden;animation:ctaGlow 2s ease-in-out infinite;transition:transform .15s ease}.premium-cta:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:ctaShine 2.6s ease-in-out infinite}.premium-cta:hover{transform:translateY(-2px) scale(1.02)}.premium-cta:active{transform:translateY(0) scale(.99)}@media(prefers-reduced-motion:reduce){.premium-cta,.premium-cta:before{animation:none}}.spinner{width:28px;height:28px;border:3px solid rgba(249,115,22,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4755694d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#47556980}textarea::placeholder,input::placeholder{color:var(--text-faint)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s ease}button:hover{filter:brightness(1.1)}button:active{transform:scale(.98)}