@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap);:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a25;--border:#2a2a3a;--border-bright:#3a3a55;--text:#e8e8f0;--text-muted:#7878a0;--accent:#7c6af7;--accent2:#a78bfa;--gold:#06b6d4;--gold2:#67e8f9;--green:#10b981;--red:#ef4444;--pink:#ec4899;--radius:12px;--shadow:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0a0a0f;background:var(--bg);color:#e8e8f0;color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.font-display,h1,h2,h3{font-family:Cinzel,serif;letter-spacing:.02em}button{cursor:pointer;transition:all .15s ease}button,input{font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111118;background:var(--bg2)}::-webkit-scrollbar-thumb{background:#3a3a55;background:var(--border-bright);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 10px #7c6af7;box-shadow:0 0 10px var(--accent)}50%{box-shadow:0 0 25px #a78bfa,0 0 50px #7c6af7;box-shadow:0 0 25px var(--accent2),0 0 50px var(--accent)}}.animate-fade{animation:fadeIn .3s ease both}.animate-pop{animation:pop .25s ease}.card{background:#111118;background:var(--bg2);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.btn{border:none;border-radius:8px;font-size:14px;font-weight:500;padding:10px 20px}.btn-primary{background:#7c6af7;background:var(--accent);color:#fff}.btn-primary:hover{background:#a78bfa;background:var(--accent2);transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #3a3a55;border:1px solid var(--border-bright);color:#7878a0;color:var(--text-muted)}.btn-ghost:hover{border-color:#7c6af7;border-color:var(--accent);color:#a78bfa;color:var(--accent2)}.btn-gold{background:linear-gradient(135deg,#06b6d4,#67e8f9);background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1200;font-weight:600}.btn-gold:hover{box-shadow:0 4px 16px #f59e0b4d;transform:translateY(-1px)}.xp-bar-wrap{background:#1a1a25;background:var(--bg3);height:8px;overflow:hidden}.xp-bar-fill,.xp-bar-wrap{border-radius:99px;position:relative}.xp-bar-fill{background:linear-gradient(90deg,#7c6af7,#a78bfa);background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.xp-bar-fill:after{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.streak-fire{align-items:center;color:#06b6d4;color:var(--gold);display:inline-flex;font-size:13px;font-weight:600;gap:3px}
/*# sourceMappingURL=main.0ee3f7e1.css.map*/