#tactil,#girar{--t-noche:#17004b;--t-profunda:#0d0030;--t-violeta:#7e51e2;--t-violeta-claro:#9a74ee;--t-violeta-oscuro:#6b3fd0;--t-lila:#b298ff;--t-durazno:#ffd7b1;--t-calido:#f7be8c;--t-texto:#f4f3f8;--t-suave:#d9ccf7;--t-ok:#6fe3b0;--t-alarma:#ff9a9e;--t-titulo:Onest, Inter, system-ui, sans-serif;--t-cuerpo:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--t-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-barra:48px;--t-arriba:env(safe-area-inset-top,0px);--t-abajo:env(safe-area-inset-bottom,0px);--t-izq:env(safe-area-inset-left,0px);--t-der:env(safe-area-inset-right,0px);color:var(--t-texto);font-family:var(--t-cuerpo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#tactil *,#tactil :before,#tactil :after,#girar *,#girar :before{box-sizing:border-box}#tactil p,#tactil h2,#tactil dl,#tactil dt,#tactil dd,#girar p,#girar h2{margin:0}#tactil .t-boton,#girar .t-boton{appearance:none;background:linear-gradient(180deg, var(--t-violeta-claro), var(--t-violeta) 40%, var(--t-violeta-oscuro));color:#fff;text-shadow:0 1px #17004b59;min-width:200px;min-height:56px;font:800 20px/1 var(--t-titulo);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 28px;transition:transform .1s,box-shadow .15s,opacity .25s,filter .15s;display:inline-flex;box-shadow:0 12px 28px -10px #6b3fd0e6,inset 0 1px #ffffff40}@media (hover:hover){#tactil .t-boton:hover:not(:disabled),#girar .t-boton:hover{filter:brightness(1.1)}}#tactil .t-boton:active:not(:disabled),#girar .t-boton:active{transform:translateY(1px)scale(.985);box-shadow:0 4px 12px -6px #6b3fd0e6,inset 0 1px #fff3}#tactil .t-boton:focus-visible,#girar .t-boton:focus-visible{outline:3px solid var(--t-durazno);outline-offset:3px}#tactil .t-boton:disabled{opacity:.4;cursor:default;box-shadow:none}#tactil .t-boton.t-secundario{text-shadow:none;box-shadow:none;background:#ffffff12;border-color:#b298ff8c;font-size:16px;font-weight:700;text-decoration:none}#girar{z-index:3;touch-action:none;padding:max(24px, var(--t-arriba)) 24px max(24px, var(--t-abajo));background:radial-gradient(120% 80% at 50% 0%, #5b2fc4 0%, #2a0e78 45%, var(--t-noche) 75%, var(--t-profunda) 100%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:0;display:flex;position:fixed;inset:0}#girar[hidden]{display:none}#girar .girar-dibujo{width:min(48vw,190px);height:auto;margin-bottom:6px;overflow:visible}#girar .girar-celu{transform-box:fill-box;transform-origin:50%;animation:2.8s cubic-bezier(.65,0,.35,1) infinite girar-celu}#girar .girar-flecha{animation:2.8s ease-in-out infinite girar-flecha}#girar h2{font:800 clamp(30px, 9vw, 42px)/1.1 var(--t-titulo);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 18px #0d003080}#girar p{max-width:22ch;font:500 clamp(17px, 4.8vw, 20px)/1.4 var(--t-cuerpo);color:#ede9f7;text-wrap:balance}#girar .t-boton{margin-top:12px;font-size:18px}#girar .t-boton[hidden]{display:none}@keyframes girar-celu{0%,16%{transform:rotate(0)}44%,84%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes girar-flecha{0%,12%{opacity:1}44%,88%{opacity:0}to{opacity:1}}#tactil{z-index:1;pointer-events:none;position:fixed;inset:0}#tactil[hidden]{display:none}#tactil .t-barra{height:calc(var(--t-barra) + var(--t-arriba));padding:var(--t-arriba) max(14px, var(--t-der)) 0 max(14px, var(--t-izq));-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(#0d0030e0,#17004ba8);border-bottom:1px solid #b298ff47;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 10px 24px -14px #0d0030e6}#tactil .t-quien{align-items:center;gap:14px;display:flex}#tactil .t-logo{flex:none;width:auto;height:17px;display:block}#tactil .t-como{font:500 12px/1 var(--t-cuerpo);color:var(--t-suave);white-space:nowrap;align-items:center;gap:8px;display:flex}#tactil .t-como[hidden]{display:none}#tactil .t-teclas{gap:3px;display:inline-flex}#tactil .t-teclas span{background:linear-gradient(160deg, #3b1488, var(--t-noche));min-width:22px;height:24px;color:var(--t-durazno);font:600 14px/1 var(--t-mono);border:1px solid #b298ff59;border-radius:6px;place-items:center;padding:0 5px;display:grid;box-shadow:inset 0 -2px #0d003099}#tactil .t-centro{justify-content:center;align-items:center;min-width:0;height:100%;display:flex;overflow:hidden}#tactil .t-centro>*{display:none}#tactil[data-fase=espera] .t-titulo,#tactil[data-fase=entrada] .t-titulo,#tactil[data-fase=festejo] .t-titulo{display:block}#tactil[data-fase=tutorial] .t-ayuda,#tactil[data-fase=juego] .t-puntos{display:flex}#tactil .t-titulo{left:50%;top:calc(var(--t-arriba) + var(--t-barra) / 2);font:800 18px/1 var(--t-titulo);letter-spacing:-.01em;white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}#tactil .t-ayuda{min-width:0;font:600 15px/1.15 var(--t-cuerpo);align-items:center;gap:10px}#tactil .t-ayuda span{text-wrap:balance;min-width:0}#tactil .t-ayuda b{background:var(--t-calido);color:var(--t-noche);font:800 11px/1 var(--t-titulo);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 9px}#tactil .t-puntos{align-items:center;width:100%}#tactil .t-puntos:after{content:"";flex:1 1 0}#tactil .t-premios{flex:1 1 0;place-items:center end;margin-right:12px;display:grid}#tactil .t-cifra{flex:none;align-items:baseline;gap:7px;display:flex}#tactil #t-puntaje{font:800 28px/1 var(--t-titulo);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #7e51e2e6;transition:color .2s,text-shadow .2s,transform .2s cubic-bezier(.2,.9,.3,1.5);display:inline-block}#tactil .t-pts{font:600 12px/1 var(--t-cuerpo);letter-spacing:.08em;text-transform:uppercase;color:var(--t-suave)}#tactil #t-combo,#tactil #t-bono{white-space:nowrap;height:28px;font:800 17px/1 var(--t-titulo);font-variant-numeric:tabular-nums;opacity:0;border-radius:999px;grid-area:1/1;place-items:center;padding:0 10px;transition:opacity .15s;display:grid}#tactil #t-combo{background:var(--t-calido);color:var(--t-noche);box-shadow:0 0 16px #f7be8c8c}#tactil #t-combo[data-visible=si]{opacity:1}#tactil #t-bono{background:linear-gradient(180deg, #ffe9d2, var(--t-calido));color:var(--t-noche);font-size:18px;box-shadow:inset 0 0 0 1px #ffffff80,0 0 18px #f7be8cd9,0 0 36px #f1a85b73}#tactil #t-bono[data-visible=si]{opacity:1;animation:.4s cubic-bezier(.2,.9,.3,1.5) t-bono-entra}@keyframes t-bono-entra{0%{opacity:0;transform:translate(14px)scale(.5)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}#tactil #t-puntaje[data-late=a]{animation:.26s ease-out t-latir-a}#tactil #t-puntaje[data-late=b]{animation:.26s ease-out t-latir-b}@keyframes t-latir-a{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes t-latir-b{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}#tactil #t-combo[data-late=a]{animation:.32s cubic-bezier(.2,.9,.3,1.4) t-racha-a}#tactil #t-combo[data-late=b]{animation:.32s cubic-bezier(.2,.9,.3,1.4) t-racha-b}@keyframes t-racha-a{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes t-racha-b{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}#tactil #t-puntaje[data-premio=contando]{color:var(--t-durazno);text-shadow:0 0 6px #ffe9d2b3,0 0 18px #f7be8ca6;animation:none;transform:scale(1.08)}#tactil #t-puntaje[data-premio=contando][data-late=a]{animation:.24s ease-out t-escalon-a}#tactil #t-puntaje[data-premio=contando][data-late=b]{animation:.24s ease-out t-escalon-b}@keyframes t-escalon-a{0%{transform:scale(1.08)}40%{transform:scale(1.17)}to{transform:scale(1.08)}}@keyframes t-escalon-b{0%{transform:scale(1.08)}40%{transform:scale(1.17)}to{transform:scale(1.08)}}#tactil #t-puntaje[data-premio=remate]{animation:.5s cubic-bezier(.2,.8,.3,1) both t-remate}@keyframes t-remate{0%{color:var(--t-durazno);text-shadow:0 0 6px #ffe9d2b3,0 0 18px #f7be8ca6;transform:scale(1.08)}30%{color:#fff;text-shadow:0 0 12px #fff,0 0 30px #ffd7b1,0 0 56px #f1a85bcc;transform:scale(1.38)}to{color:var(--t-texto);text-shadow:0 0 18px #7e51e2e6;transform:scale(1)}}#tactil .t-derecha{justify-self:end;align-items:center;gap:14px;display:none}#tactil[data-fase=juego] .t-derecha{display:flex}#tactil .t-poder{height:30px;font:600 12px/1 var(--t-cuerpo);color:var(--t-suave);white-space:nowrap;background:#7e51e229;border:1px solid #b298ff47;border-radius:999px;align-items:center;gap:8px;padding:0 11px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}#tactil .t-pips{gap:5px;display:flex}#tactil .t-pips i{background:#ffffff24;border-radius:50%;width:10px;height:10px;transition:background-color .15s,box-shadow .15s,transform .2s cubic-bezier(.2,.9,.3,1.6);box-shadow:inset 0 0 0 1px #b298ff73}#tactil .t-poder[data-carga="1"] .t-pips i:nth-child(-n+1),#tactil .t-poder[data-carga="2"] .t-pips i:nth-child(-n+2),#tactil .t-poder[data-carga="3"] .t-pips i{background:var(--t-calido);transform:scale(1.15);box-shadow:0 0 10px #f7be8cd9}#tactil .t-poder[data-poder=listo]{border-color:var(--t-calido);color:#fff;background:#f7be8c2e;animation:.9s ease-in-out infinite t-llamar}#tactil .t-poder[data-poder=activo]{color:#fff;background:linear-gradient(180deg, var(--t-violeta-claro), var(--t-violeta-oscuro));border-color:#ffffff4d;box-shadow:0 0 18px #7e51e2d9}@keyframes t-llamar{0%,to{box-shadow:0 0 #f7be8c8c}50%{box-shadow:0 0 0 7px #f7be8c00}}#tactil .t-reloj{justify-items:end;gap:6px;min-width:84px;display:grid}#tactil #t-reloj{font:600 15px/1 var(--t-mono);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .3s}#tactil #t-reloj[data-alarma=si]{color:var(--t-alarma)}#tactil .t-avance{background:#ffffff29;border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}#tactil #t-avance{background:var(--t-texto);transform-origin:0;border-radius:2px;width:100%;height:100%;transition:transform .6s linear;display:block;transform:scaleX(0)}#tactil .t-sub{left:50%;bottom:calc(12px + var(--t-abajo));width:max-content;max-width:min(74vw,640px);font:600 clamp(16px, 2.4vw, 20px)/1.3 var(--t-cuerpo);text-align:center;text-wrap:balance;text-shadow:0 1px 3px #0d0030e6;opacity:0;background:#0d0030cc;border:1px solid #b298ff73;border-radius:14px;padding:9px 18px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,6px)}#tactil .t-sub[data-visible=si]{opacity:1;transform:translate(-50%)}#tactil[data-fase=juego] .t-sub{background:#0d003080;border-color:#b298ff4d}#tactil .t-pantallas{inset:calc(var(--t-barra) + var(--t-arriba)) 0 0 0;padding:10px max(16px, var(--t-der)) max(10px, var(--t-abajo)) max(16px, var(--t-izq));place-items:center;display:grid;position:absolute}#tactil .t-panel{overscroll-behavior:contain;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);opacity:0;visibility:hidden;background:linear-gradient(160deg,#2a0e78cc,#0d0030e0);border:1px solid #b298ff66;border-radius:22px;grid-area:1/1;max-height:100%;transition:opacity .28s,transform .4s cubic-bezier(.2,.9,.3,1.1),visibility 0s linear .28s;overflow:auto;transform:translateY(10px)scale(.97);box-shadow:0 24px 60px -20px #0d0030f2,inset 0 1px #ffffff17}#tactil[data-pantalla=comienzo] #t-comienzo,#tactil[data-pantalla=final] #t-final{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s,transform .4s cubic-bezier(.2,.9,.3,1.1),visibility;transform:none}#tactil .t-panel h2{font:800 clamp(20px, 3.1vw, 26px)/1.15 var(--t-titulo);letter-spacing:-.01em;text-wrap:balance}#tactil #t-comienzo{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 22px;width:min(580px,100%);padding:18px 24px 18px 20px;display:grid}#tactil .t-arturito{filter:drop-shadow(0 12px 18px #0d0030a6);width:clamp(88px,15vw,128px);height:auto;animation:3.4s ease-in-out infinite t-flotar;display:block}@keyframes t-flotar{0%,to{transform:translateY(-3px)rotate(-2deg)}50%{transform:translateY(4px)rotate(2deg)}}#tactil .t-instr{font:500 15px/1.4 var(--t-cuerpo);color:var(--t-suave);text-wrap:pretty;margin-top:6px}#tactil .t-aviso{font:500 12.5px/1.3 var(--t-cuerpo);color:var(--t-lila);text-wrap:pretty;margin-top:6px}#tactil .t-aviso:empty{display:none}#tactil .t-sonido{max-width:19ch;font:500 12.5px/1.3 var(--t-cuerpo);color:var(--t-suave);align-items:center;gap:6px;display:flex}#tactil .t-sonido svg{flex:none;width:16px;height:16px}#tactil .t-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:12px;display:flex}#tactil .t-pie .t-como{font-size:13px}#tactil .t-pie .t-teclas span{border-radius:8px;min-width:28px;height:32px;font-size:17px}#tactil #t-final{gap:12px;width:min(620px,100%);margin-top:26px;padding:16px 18px;display:grid;position:relative;overflow:visible}#tactil .t-sello{pointer-events:none;filter:drop-shadow(0 8px 10px #0d0030b3);width:78px;height:auto;position:absolute;top:-36px;right:20px;transform:rotate(9deg)}#tactil[data-pantalla=final] .t-sello{animation:.45s cubic-bezier(.2,.8,.3,1) .22s both t-sello}@keyframes t-sello{0%{opacity:0;transform:rotate(-10deg)scale(2.3)}55%{opacity:1;transform:rotate(12deg)scale(.9)}75%{transform:rotate(8deg)scale(1.05)}to{opacity:1;transform:rotate(9deg)scale(1)}}#tactil .t-equipo{font:600 12px/1 var(--t-mono);letter-spacing:.04em;color:var(--t-lila);margin-bottom:4px}#tactil .t-numeros{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:8px;display:grid}#tactil .t-numeros>div{text-align:center;background:#ffffff0f;border:1px solid #b298ff38;border-radius:14px;flex-direction:column-reverse;justify-content:center;gap:4px;min-width:0;padding:9px 6px;display:flex}#tactil .t-numeros dt{font:500 11.5px/1.2 var(--t-cuerpo);color:var(--t-suave);text-wrap:balance}#tactil .t-numeros dd{font:800 clamp(20px, 3vw, 24px)/1 var(--t-titulo);font-variant-numeric:tabular-nums}#tactil .t-numeros .t-total{background:linear-gradient(160deg,#7e51e280,#6b3fd040);border-color:#b298ff8c}#tactil .t-numeros .t-total dd{color:var(--t-durazno);text-shadow:0 0 18px #7e51e2e6;font-size:clamp(24px,4vw,32px)}#tactil .t-numeros .t-total dt{letter-spacing:.08em;text-transform:uppercase;font-weight:600}#tactil .t-cierre{align-items:center;gap:10px;display:flex}#tactil .t-estado{flex:1;justify-items:start;gap:2px;min-width:0;display:grid}#tactil .t-enlace{font:700 13px/1.25 var(--t-cuerpo);color:var(--t-durazno);text-underline-offset:3px;touch-action:manipulation;padding:4px 0}#tactil .t-enlace[hidden]{display:none}#tactil .t-enlace:focus-visible{outline:3px solid var(--t-durazno);outline-offset:2px;border-radius:4px}#tactil .t-envio{min-height:20px;font:500 13px/1.3 var(--t-cuerpo);color:var(--t-suave);text-wrap:pretty;align-items:center;gap:8px;display:flex}#tactil .t-envio:before{content:"";border-radius:50%;flex:none;width:9px;height:9px}#tactil .t-envio[data-envio=nada]:before,#tactil .t-envio:empty:before{display:none}#tactil .t-envio[data-envio=guardando]:before{background:var(--t-lila);animation:.9s ease-in-out infinite t-guardar}#tactil .t-envio[data-envio=listo]{color:var(--t-ok)}#tactil .t-envio[data-envio=listo]:before{background:var(--t-ok);box-shadow:0 0 10px #6fe3b0b3}#tactil .t-envio[data-envio=esperando]{color:var(--t-durazno)}#tactil .t-envio[data-envio=esperando]:before{background:var(--t-calido)}@keyframes t-guardar{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}#tactil #t-final .t-boton{flex:none;min-width:170px}#tactil #t-final .t-boton.t-secundario{min-width:0;box-shadow:none;padding:0 16px}@media (width<=860px){#tactil .t-logo,#tactil .t-barra .t-como-texto,#tactil .t-poder[data-poder=no] #t-poder-texto{display:none}}@media (width<=720px){#tactil #t-poder-texto{display:none}#tactil .t-ayuda{gap:8px;font-size:14px}#tactil .t-derecha{gap:10px}#tactil #t-puntaje{font-size:26px}#tactil #t-final{gap:10px;padding:14px}#tactil #t-final .t-boton{min-width:0;padding:0 18px;font-size:18px}#tactil #t-final .t-boton.t-secundario{padding:0 12px;font-size:15px}#tactil .t-numeros{gap:6px}}@media (height<=330px){#tactil #t-final{gap:9px;margin-top:18px;padding-block:12px}#tactil .t-equipo{display:none}#tactil .t-sello{width:58px;top:-26px}#tactil #t-comienzo{padding-block:14px}#tactil .t-numeros>div{padding-block:7px}#tactil .t-boton{min-height:50px}}@media (prefers-reduced-motion:reduce){#tactil *,#tactil :before,#girar *{transition:none!important;animation:none!important}#girar .girar-celu{transform:rotate(-90deg)}#girar .girar-flecha{opacity:0}}
