:root{--bg: #0a0a0f;--bg2: #12121a;--bg3: #1a1a28;--accent: #f5c518;--accent2: #ff6b35;--purple: #9b59b6;--green: #2ecc71;--red: #e74c3c;--blue: #3498db;--text: #f0f0f0;--text2: #aaaacc;--border: #2a2a3a;--card: #16162a;--radius: 14px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s ease}button:active{transform:scale(.96)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius);font-size:16px;font-weight:700;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#000;box-shadow:0 4px 20px #f5c5184d}.btn-primary:hover{box-shadow:0 4px 30px #f5c51880}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-purple{background:linear-gradient(135deg,var(--purple),#7d3c98);color:#fff;box-shadow:0 4px 20px #9b59b64d}.btn-green{background:linear-gradient(135deg,var(--green),#27ae60);color:#fff}.btn-red{background:linear-gradient(135deg,var(--red),#c0392b);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.screen{min-height:100vh;display:flex;flex-direction:column;padding:20px 16px 90px}.coins-badge{display:inline-flex;align-items:center;gap:4px;background:#f5c51826;border:1px solid rgba(245,197,24,.3);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700;color:var(--accent)}.xp-badge{display:inline-flex;align-items:center;gap:4px;background:#3498db26;border:1px solid rgba(52,152,219,.3);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700;color:var(--blue)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.anim-float{animation:float 3s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-pop{animation:pop .35s ease forwards}