:root{--fondo: #050304;--marfil: #f3e7c9;--oro: #d9a94a;--texto-suave: rgba(243, 231, 201, .62);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--fondo);color:var(--marfil)}body{font-family:ui-serif,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.escena{position:fixed;inset:0}.escena canvas{display:block;touch-action:none}.velo{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(40,18,6,.35) 100%)}.barra{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(5,3,4,.85),transparent)}.barra button{font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--marfil);background:#140c0899;border:1px solid rgba(217,169,74,.35);border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer}.barra button[aria-pressed=true]{border-color:var(--oro);color:#1a1006;background:var(--oro)}.inicio{min-height:100%;display:grid;place-content:center;gap:16px;text-align:center;padding:16px}.inicio a{color:var(--oro);font-size:20px;letter-spacing:.1em;text-transform:uppercase}.barra .grupo{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.barra button:disabled{opacity:.45;cursor:default}.selector select{font:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--marfil);background:#140c08cc;border:1px solid rgba(217,169,74,.35);border-radius:999px;padding:8px 12px;min-height:36px}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.resultado{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:12px;padding:10px 22px;background:#050304c7;border:1px solid rgba(226,181,98,.6);border-radius:999px;letter-spacing:.12em;text-transform:uppercase;animation:aparecer .5s ease-out both;pointer-events:none}.resultado-salio{font-size:14px;color:var(--texto-suave)}.resultado-numero{font-size:34px;font-weight:700;min-width:1.6em;text-align:center;border-radius:8px;padding:0 8px;color:var(--marfil)}.resultado-red .resultado-numero{background:#7a0a10}.resultado-black .resultado-numero{background:#0b0a0c}.resultado-green .resultado-numero{background:#0a5130}.resultado-color{font-size:14px;color:var(--oro)}.aviso{position:fixed;top:16px;left:16px;right:16px;text-align:center;padding:10px;background:#7a0a10d9;border-radius:12px}@keyframes aparecer{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.resultado{animation:none}}