@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg: #08080F;--bg-2: #0E0E18;--surface: #14141F;--surface-2: #1B1B2A;--surface-3: #25253A;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.14);--border-glow: rgba(124,92,255,.25);--text: #FFFFFF;--muted: #9CA0B5;--hint: #6B6E85;--brand: #8B5CF6;--brand-h: #A78BFA;--brand-glow: rgba(139,92,246,.35);--gold: #FFC23C;--gold-h: #FFD56B;--gold-glow: rgba(255,194,60,.35);--legendary: #FFC23C;--epic: #C77DFF;--rare: #5BAEFF;--uncommon: #5BE092;--common: #9098A1;--danger: #FF6B6B;--success: #5BE092;--warning: #FFC23C}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(ellipse at top,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,194,60,.05) 0%,transparent 40%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,textarea,select{font-family:inherit;outline:none;border:none;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:0}.surface{background:linear-gradient(180deg,#1b1b2a,#14141f);border:1px solid var(--border);border-radius:16px;position:relative}.surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%);pointer-events:none}.surface-2{background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .1s,opacity .15s,box-shadow .2s;line-height:1;position:relative}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6b4fe8);color:#fff;box-shadow:0 6px 20px #8b5cf666,inset 0 1px #fff3}.btn-primary:hover{box-shadow:0 8px 28px #8b5cf680}.btn-secondary{background:#ffffff0d;color:var(--text);border:1px solid var(--border-strong)}.btn-danger{background:#ff6b6b1f;color:var(--danger);border:1px solid rgba(255,107,107,.3)}.btn-success{background:#5be0921f;color:var(--success);border:1px solid rgba(91,224,146,.3)}.btn-gold{background:linear-gradient(135deg,#ffc23c,#ff8c00);color:#000;box-shadow:0 6px 20px #ffc23c66,inset 0 1px #ffffff4d}.input{width:100%;background:#ffffff08;border:1px solid var(--border-strong);border-radius:11px;padding:13px 14px;color:var(--text);font-size:14px;transition:all .15s}.input:focus{border-color:var(--brand);background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61a}.label-up{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.pulse{animation:pulse-glow 2s ease infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--brand-glow)}50%{box-shadow:0 0 32px var(--brand-glow),0 0 60px var(--brand-glow)}}
