@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#0e1411;--card:#161e18;--card-h:#1d2620;--inp:#121813;--brd:#28332b;--brd-2:#333f36;--txt:#ece9e2;--txt2:#97917f;--txt3:#6b655a;--acc:#10b981;--acc-h:#0ea371;--acc2:#10b981;--acc-soft:#10b9811a;--acc-line:#10b98147;--glow:#10b9812e;--acc-soft-2:#10b9812e;--acc-btn:#10b981;--acc-ink:#001a10;--success:var(--acc);--success-soft:var(--acc-soft);--success-soft-2:var(--acc-soft-2);--success-line:var(--acc-line);--gold:#f0b429;--gold-soft:#f0b42929;--gold-line:#f0b42980;--gold-ink:#3a2400;--gold-text:#f0b429;--c-quiniela:#4a8fd8;--c-quini6:#d35a5a;--c-lotoplus:#9168d4;--c-loto5:#4fb674;--c-telekino:#d97a3d;--c-poceada:#3fa3b8;--c-brinco:#c9a23a;--warn:#ec8a3a;--danger:#e25555;--danger-soft:#e255551a;--danger-line:#e255554d;--special:#a855f7;--special-soft:#a855f714;--special-line:#a855f74d;--special-soft-2:#a855f733;--special-ink:#c084fc;--info:#3b82f6;--info-soft:#3b82f626;--info-line:#3b82f666;--info-ink:#93c5fd;--teal:#06b6d4;--teal-ink:#22d3ee;--teal-soft:#06b6d426;--teal-line:#06b6d466;--neutral-soft:#8a96ae1f;--wa-green:#25d366;--wa-soft:#25d3661a;--wa-line:#25d3664d;--warning:#f59e0b;--warning-soft:#f59e0b1a;--warning-line:#f59e0b47;--header-bg:#0e1411d9;--nav-bg:#101612f2;--shadow:#0006;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--fs-2xs:10px;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:40px;--fs-display:64px;--fs-display-lg:96px;--r:16px;--rs:10px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-pill:9999px;--sh-1:0 1px 2px #00000040;--sh-2:0 4px 16px #0000004d;--sh-glow:0 8px 32px #10b9812e;--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Space Mono",monospace;--nav:72px}[data-theme=light]{--bg:#faf7f0;--card:#fff;--card-h:#f6f2ea;--inp:#f1ede3;--brd:#ece6da;--brd-2:#d8cfbe;--txt:#14130f;--txt2:#5a5446;--txt3:#8a8270;--acc:#0e9d57;--acc-h:#0b8a4c;--acc2:#0e9d57;--acc-btn:#0b6b43;--acc-ink:#fff;--acc-soft:#0e9d571f;--acc-line:#0e9d574d;--glow:#0e9d5726;--acc-soft-2:#0e9d5733;--success:var(--acc);--success-soft:var(--acc-soft);--success-soft-2:var(--acc-soft-2);--success-line:var(--acc-line);--gold:#b8860b;--gold-soft:#fff4d6;--gold-line:#e0b020;--gold-ink:#8a5a00;--gold-text:#8a5a00;--c-quiniela:#1e5fc0;--c-quini6:#c52822;--c-lotoplus:#6b22c4;--c-loto5:#1f8a4c;--c-telekino:#b85e15;--c-poceada:#0f7d92;--c-brinco:#9a7b10;--danger:#c0392b;--danger-soft:#c0392b1a;--danger-line:#c0392b57;--special:#7c22c4;--special-soft:#7c22c41a;--special-line:#7c22c44d;--special-soft-2:#7c22c429;--special-ink:#5a1690;--info:#1e5fc0;--info-soft:#1e5fc01f;--info-line:#1e5fc061;--info-ink:#1e5fc0;--teal:#0e7490;--teal-ink:#0e7490;--teal-soft:#06b6d41f;--teal-line:#0e749059;--neutral-soft:#5a54461a;--wa-green:#25d366;--wa-soft:#25d3661a;--wa-line:#25d3664d;--warning:#9a6400;--warning-soft:#f59e0b24;--warning-line:#9a640052;--header-bg:#faf7f0eb;--nav-bg:#fffffff2;--shadow:#0000001a}*{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth}#root,body,html{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--txt);font-family:var(--font);min-height:100vh;min-height:100dvh;overflow-x:hidden}a{color:var(--acc2);text-decoration:none}button{border:none;cursor:pointer;font-family:var(--font);outline:none;transition:all .2s ease}button:active{opacity:.75}input,select,textarea{font-family:var(--font);outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--brd);border-radius:3px}.content{flex:1;margin:0 auto;max-width:600px;padding:16px 16px calc(var(--nav) + 20px);width:100%}@media(min-width:768px){.content{max-width:800px;padding:24px 24px calc(var(--nav) + 28px)}}.card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:18px;transition:all .2s ease}.card:hover{background:var(--card-h)}.btn{align-items:center;border-radius:var(--rs);display:inline-flex;font-size:1.05rem;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.btn-p{background:var(--acc);color:#fff}.btn-p:hover{background:var(--acc-h);box-shadow:0 4px 20px var(--glow)}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#22c05e;box-shadow:0 4px 20px #25d3664d}.btn-g{background:var(--card);border-radius:var(--r);box-shadow:0 4px 24px #0000004d;color:var(--txt);font-size:1.1rem;font-weight:700;padding:16px 24px}.btn-g:hover{background:#f8f8f8;box-shadow:0 8px 40px #0006;transform:translateY(-2px)}.btn-s{background:var(--card);border:1px solid var(--brd);border-radius:8px;color:var(--txt2);font-size:.88rem;font-weight:600;padding:8px 16px;width:auto}.btn-s:hover{background:var(--card-h);border-color:var(--acc)}.label{color:var(--txt2);display:block;font-size:1rem;font-weight:700;margin-bottom:8px}.inp{background:var(--inp);border:1px solid var(--brd);border-radius:var(--rs);color:var(--txt);font-size:1.05rem;padding:15px 16px;transition:all .2s ease;width:100%}.inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--glow)}.inp::placeholder{color:var(--txt3)}select.inp{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.ball{align-items:center;background:var(--inp);border:2px solid var(--brd);border-radius:50%;color:var(--txt);cursor:pointer;display:flex;font-family:var(--mono);font-size:1rem;font-weight:800;height:48px;justify-content:center;transition:all .15s ease;width:48px}.ball:hover{transform:scale(1.05)}.ball.sel,.ball:hover{border-color:var(--acc)}.ball.sel{background:var(--acc);box-shadow:0 2px 12px var(--glow);color:#fff}.ball.win{background:#eab308;border-color:#eab308;color:#000;cursor:default}.ball.match{background:var(--acc2);border-color:var(--acc2);color:#fff;cursor:default}.chip{align-items:center;border-radius:16px;display:inline-flex;font-size:.85rem;font-weight:600;padding:5px 12px}.tab-bar{background:var(--card);border-radius:var(--rs);display:flex;gap:4px;margin-bottom:20px;padding:4px}.tab-bar button{background:#0000;border-radius:8px;color:var(--txt3);flex:1;font-size:.9rem;font-weight:600;padding:12px 8px}.tab-bar button.active{background:var(--acc);color:#fff}.filtros{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.filtros::-webkit-scrollbar{display:none}.filtro{background:var(--card);border:1px solid var(--brd);border-radius:20px;color:var(--txt3);flex-shrink:0;font-size:.85rem;font-weight:600;padding:9px 16px;white-space:nowrap}.filtro:hover{border-color:var(--acc);color:var(--txt)}.filtro.active{background:var(--acc);border-color:var(--acc);color:#fff}.empty{color:var(--txt3);padding:48px 24px;text-align:center}.result-banner{border-radius:var(--r);font-weight:700;padding:24px;text-align:center}.result-banner.win{background:linear-gradient(135deg,var(--success-soft-2),var(--acc-soft-2));border:2px solid var(--success);color:var(--success)}.result-banner.lose{background:#64748b1a;border:2px solid var(--brd);color:var(--txt2)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.15)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes destelloResultado{0%{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold-text)}to{background:#0000;box-shadow:inset 0 0 0 1.5px #0000}}.resultado-nuevo{animation:destelloResultado 2.5s ease-out forwards;border-radius:var(--r-sm)}@keyframes rnRoll{0%{transform:translateY(0)}to{transform:translateY(var(--rn-target))}}::selection{background:#a78bfa59;color:var(--txt)}:focus-visible{border-radius:4px;outline:2px solid #a78bfa;outline-offset:2px}*{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tabs-wrap{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.tabs-wrap::-webkit-scrollbar{display:none}@media(hover:hover) and (pointer:fine){.tabs-wrap{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}}