@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--primary:#6c5ce7;--primary-light:#a78bfa;--void:#08080f;--surface:#11111b;--surface-2:#171724;--border:#27273a;--text:#e8e8f5;--text-2:#9999b0;--text-3:#44445a;--success:#67e8c7;--danger:#e25548;--force:#f2b135;--endurance:#38bdf8;--pdc:#a78bfa;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px}*{box-sizing:border-box}html,body{background:var(--void);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif}body{background-image:radial-gradient(circle at 20% 10%,#6c5ce70f 0%,#0000 40%),radial-gradient(circle at 85% 60%,#6c5ce70a 0%,#0000 45%);background-attachment:fixed}h1,h2,h3{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}a{color:inherit}.mono{font-family:JetBrains Mono,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.card-hover{cursor:pointer}.card-hover:hover,.card:hover{border-color:#6c5ce766;transform:translateY(-3px);box-shadow:0 8px 24px #6c5ce71f,0 0 0 1px #6c5ce714}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:#7c6cf0;box-shadow:0 4px 16px #6c5ce759}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,color .2s}.btn-ghost:hover{color:var(--text);border-color:#6c5ce766}.input{box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:16px;animation:1.4s infinite skeletonShine}@keyframes skeletonShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s both fadeUp}.fade-up-1{animation:.4s 50ms both fadeUp}.fade-up-2{animation:.4s .1s both fadeUp}.fade-up-3{animation:.4s .15s both fadeUp}.fade-up-4{animation:.4s .2s both fadeUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 #6c5ce766}50%{box-shadow:0 0 0 6px #6c5ce700}}@keyframes prFlash{0%{background:#f2b13540}to{background:#f2b1350f}}@keyframes levelUp{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}