:root{--bg:#0d0f16;--bg-elevated:#161923;--bg-card:#1a1e2a;--border:#2a2f3d;--text:#d7dae2;--text-dim:#8b90a0;--text-bright:#fff;--accent:#7c3aed;--accent-hover:#8b5cf6;--accent-bg:#7c3aed26;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:14px;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{flex-direction:column;min-height:100svh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{color:var(--text-bright);margin:0 0 8px;font-weight:700}button,input,select,textarea{font-family:inherit;font-size:15px}button{cursor:pointer;border:none;border-radius:10px;transition:transform .15s,background .15s,opacity .15s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;padding:12px 22px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);padding:12px 22px;font-weight:600}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;padding:10px 16px;font-weight:600}.btn-whatsapp{color:#06210f;background:#25d366;align-items:center;gap:8px;padding:14px 24px;font-weight:700;display:inline-flex}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-bright);border-radius:10px;outline:none;width:100%;padding:11px 14px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animar-entrada{animation:.4s both fade-slide-up}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.grid-juegos{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width>=640px){.grid-juegos{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-juegos{grid-template-columns:repeat(4,1fr)}}@media (width>=1400px){.grid-juegos{grid-template-columns:repeat(5,1fr)}}