:root{--ink:#3d2a6d;--ink-soft:#8a7fb5;--muted:#9a8fc2;--blue:#3ea6ff;--blue-deep:#1f8fff;--blue-shadow:#156fd0;--pink:#ff5fa2;--yellow:#ffd23f;--yellow-shadow:#d8a800;--green:#7ed957;--purple:#a66cff;--red:#ff4d6d;--white:#fff;--panel-shadow:0 6px 0 #3d2a6d1f, 0 14px 30px #143c7826;--font-display:"Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Nunito", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}:root{--patron:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='white' fill-opacity='.09'><path transform='translate(14 12) scale(1.1)' d='M12 21s-7.5-4.6-9.3-9.2C1.4 8.4 3.6 5 7 5c2 0 3.6 1.1 5 3 1.4-1.9 3-3 5-3 3.4 0 5.6 3.4 4.3 6.8C19.5 16.4 12 21 12 21z'/><path transform='translate(76 14) scale(1.1)' d='M12 2l7 10-7 10-7-10z'/><path transform='translate(14 74) scale(1.1)' d='M12 2c3 4 9 7.5 9 12a4.5 4.5 0 0 1-8 2.8c.2 2 .8 3.2 2 4.2H9c1.2-1 1.8-2.2 2-4.2A4.5 4.5 0 0 1 3 14c0-4.5 6-8 9-12z'/><g transform='translate(76 74) scale(1.1)'><circle cx='12' cy='7.2' r='5.2'/><circle cx='6.6' cy='13.6' r='5.2'/><circle cx='17.4' cy='13.6' r='5.2'/><circle cx='12' cy='12.6' r='3.6'/><path d='M10.9 13.5c-.1 3-.8 5.3-2.6 7.5h7.4c-1.8-2.2-2.5-4.5-2.6-7.5z'/></g></svg>")}html,body,#root{height:100%}html{background-color:#5fd0ff;background-image:var(--patron);background-position:top;background-size:120px 120px}body{font-family:var(--font-body);color:var(--ink);background-color:#5fd0ff;background-image:var(--patron);background-position:top;background-size:120px 120px}.stage{transform-origin:0 0;width:390px;position:absolute;top:0;left:0}.seguro{top:env(safe-area-inset-top,0px);bottom:0;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);z-index:1;position:fixed}.app{position:absolute;inset:0}.app>*{max-width:620px;margin-left:auto;margin-right:auto}*{-webkit-tap-highlight-color:transparent}button{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}.h{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800}.panel{background:var(--white);box-shadow:var(--panel-shadow);border-radius:22px}.label{color:#fff;text-shadow:0 2px #3d2a6d40;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.pill{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.btn{cursor:pointer;min-height:54px;font-family:var(--font-display);color:#fff;border:0;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{transform:translateY(4px)}.btn.blue{background:var(--blue);box-shadow:0 5px 0 var(--blue-shadow), 0 10px 20px #3ea6ff59}.btn.blue:active{box-shadow:0 1px 0 var(--blue-shadow)}.btn.yellow{background:var(--yellow);color:#6b4a12;box-shadow:0 5px 0 var(--yellow-shadow), 0 10px 20px #ffd23f59}.btn.yellow:active{box-shadow:0 1px 0 var(--yellow-shadow)}.btn.green{background:var(--green);color:#fff;box-shadow:0 5px #5bb43a,0 10px 20px #7ed95759}.btn.green:active{box-shadow:0 1px #5bb43a}.btn.white{color:var(--ink);background:#fff;box-shadow:0 5px #d9e2f5,0 10px 20px #143c781f}.btn:disabled{filter:saturate(.18)brightness(.97);opacity:.75;cursor:default;transform:none}.avatar{font-family:var(--font-display);color:#fff;border:4px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative;box-shadow:0 4px 10px #143c782e}.avatar.turn{box-shadow:0 0 0 4px var(--yellow), 0 4px 10px #143c782e;animation:1.6s ease-out infinite pulso-turno}@keyframes pulse{0%,to{box-shadow:0 0 0 4px var(--yellow), 0 4px 10px #143c782e}50%{box-shadow:0 0 0 7px #ffd23fb3,0 4px 10px #143c782e}}.avatar .count{background:var(--ink);color:#fff;border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px}.avatar .down{background:var(--green);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;left:-4px}.card{font-family:var(--font-display);touch-action:none;background:#fff;border-radius:8px;flex:none;font-weight:800;position:relative;overflow:hidden;box-shadow:0 2px #d9e2f5,0 6px 12px #143c782e}.card .idx{text-align:center;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:4%;left:6%}.card .idx svg{margin-top:-1px}.card .pip{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.card.back{background:var(--blue);background-image:repeating-linear-gradient(45deg,#ffffff2e 0 8px,#0000 8px 16px);border:4px solid #fff}.card.back .logo{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card.joker .pip{top:52%}.card.joker{background:linear-gradient(160deg,#f3ecff 0%,#fff 45%)}.card.selected{outline:4px solid var(--yellow);outline-offset:-2px}.card.dragging{box-shadow:0 10px #d9e2f5,0 24px 40px #143c7859}.tabbar{height:68px;left:16px;right:16px;bottom:calc(max(env(safe-area-inset-bottom,0px), 22px) + 10px);box-shadow:var(--panel-shadow);background:#fff;border-radius:26px;justify-content:space-around;align-items:center;display:flex;position:absolute}.tab{color:var(--muted);cursor:pointer;font-size:11px;font-weight:800;font-family:var(--font-body);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;display:flex}.tab.on{color:var(--blue-deep)}.tab .dot{border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tab.on .dot{background:#e3f0ff}.slot{background:#ffffff14;border:3px dashed #ffffff8c;border-radius:8px;flex:none}.slotgroup{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.slotgroup .name{color:#fff;text-shadow:0 2px #0003;font-size:15px;font-weight:800}.slotgroup.over .slot{background:#ffd23f40;border-color:#ffd23f}.slotgroup.ok .name:after{content:" ✓";color:#7ed957}.cardcount{color:#fff;text-shadow:0 2px #3d2a6d40;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.cardcount .mini{background:#fff;border-radius:2.5px;width:11px;height:15px;position:relative;box-shadow:0 1px #3d2a6d59}.cardcount .mini:after{content:"";background:#ff4d6d;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:3px}.cardcount.low{color:#fff;background:#ff4d6d;border-radius:999px;padding:1px 8px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.chipstack{width:34px;height:30px;position:relative}.chipstack i{box-sizing:border-box;border:3px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;left:0}.panel.board{background:#e9f3ff}.panel.board .card{box-shadow:0 3px #c7d8f2,0 8px 16px #143c7838}.toast{z-index:30;text-align:center;color:#c0264d;box-shadow:var(--panel-shadow);z-index:20;background:#fff;border-radius:16px;padding:12px 14px;font-weight:800;position:absolute;bottom:262px;left:20px;right:20px}.hint{text-align:center;color:#6b4a12;z-index:5;background:#ffd23f;border-radius:14px;padding:10px 14px;font-weight:800;position:absolute;left:16px;right:16px;box-shadow:0 4px #d8a800}.tab .dot{position:relative}.tab .marca{background:var(--pink);box-sizing:border-box;color:#fff;min-width:19px;height:19px;font-family:var(--font-display);border:2.5px solid #fff;border-radius:99px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;line-height:1;display:flex;position:absolute;top:-5px;right:-9px;box-shadow:0 2px #d13d7d}.droptarget{outline-offset:3px;background:#ffd23f40;outline:4px solid #ffd23f}.avisera{z-index:20;pointer-events:none;justify-content:center;display:flex;position:absolute;left:12px;right:12px}.placa{box-sizing:border-box;background:var(--c);max-width:100%;box-shadow:0 5px 0 var(--cs), 0 10px 18px #143c7840;border:3px solid #fff;border-radius:18px;align-items:center;gap:8px;padding:6px 13px 6px 6px;font-size:13.5px;font-weight:800;display:flex}.placa .dice{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.placa .ini,.placa .simb{background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.placa .ini{color:var(--cs);font-family:var(--font-display);font-size:14px}.placa svg{flex:none}.placa{animation:.44s cubic-bezier(.22,1.4,.4,1) placaentra,.34s ease-in 2.9s forwards placasale}@keyframes placaentra{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@keyframes placasale{to{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.placa{animation:none}}.hoja{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.velo{z-index:99;opacity:0;pointer-events:none;background:#1026549e;transition:opacity 70ms linear;position:fixed;inset:0}html.con-hoja .velo{opacity:1}.franja-barra{background-color:#5fd0ff;background-image:var(--patron);pointer-events:none;z-index:9999;background-position:top;background-size:120px 120px;height:24px;transition:background-color;position:fixed;top:0;left:0;right:0}html.con-hoja .franja-barra{background-color:#2e6695;background-image:none}.hoja>.panel{z-index:1;width:100%;max-width:344px;max-height:86vh;animation:.26s cubic-bezier(.2,1.2,.4,1) sheetpop;position:relative;overflow-y:auto;box-shadow:0 7px #08163773,0 18px 40px #08163759}@keyframes sheetin{0%{opacity:0}to{opacity:1}}.sheet .panel{z-index:1;background:#fff;animation:.26s cubic-bezier(.2,1.2,.4,1) sheetpop;position:relative}@keyframes sheetpop{0%{transform:translateY(16px)scale(.96)}to{transform:none}}@keyframes repartir-carta{0%{transform:translate(var(--dx), var(--dy)) rotate(-22deg) scale(.82);opacity:0}20%{opacity:1}to{transform:translate(0, 0) rotate(var(--rot)) scale(1);opacity:1}}.repartiendo{animation:.4s cubic-bezier(.25,1,.4,1) both repartir-carta;animation-delay:calc(var(--i) * 85ms)}@keyframes tomar-carta{0%{transform:translate(var(--dx), var(--dy)) rotate(-14deg)}to{transform:translate(0, 0) rotate(var(--rot))}}@keyframes voltear-carta{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.tomando{animation:.38s cubic-bezier(.3,1,.4,1) both tomar-carta}.tomando .cara{transform-style:preserve-3d;animation:.38s cubic-bezier(.4,0,.3,1) both voltear-carta}.tomando .cara>*{backface-visibility:hidden}.tomando .cara .reverso{position:absolute;top:0;left:0;transform:rotateY(180deg)}@keyframes acomodar-sola{0%{opacity:0;transform:translate(-14px,150px)rotate(-10deg)scale(.9)}40%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.acomodando .card{animation:.5s cubic-bezier(.3,.9,.3,1) both acomodar-sola}.acomodando .card:nth-child(2){animation-delay:.1s}.acomodando .card:nth-child(3){animation-delay:.2s}.acomodando .card:nth-child(4){animation-delay:.3s}.acomodando .card:nth-child(5){animation-delay:.4s}@keyframes ola-carta{0%{transform:translateY(0) rotate(var(--rot))}40%{transform:translateY(-34px) rotate(calc(var(--rot) - 8deg))}to{transform:translateY(0) rotate(var(--rot))}}.ola .naipe{animation:.8s cubic-bezier(.3,1,.4,1) both ola-carta;animation-delay:calc(var(--i) * 70ms)}@keyframes pulso-turno{0%{box-shadow:0 0 0 4px var(--yellow), 0 0 0 4px #ffd23fb3, 0 4px 10px #143c782e}70%{box-shadow:0 0 0 4px var(--yellow), 0 0 0 15px #ffd23f00, 0 4px 10px #143c782e}to{box-shadow:0 0 0 4px var(--yellow), 0 0 0 15px #ffd23f00, 0 4px 10px #143c782e}}.tiempo{background:#9a8fc22e;border-radius:99px;height:3px;position:absolute;bottom:5px;left:12px;right:12px;overflow:hidden}.tiempo i{background:var(--ink-soft);opacity:.45;border-radius:99px;height:100%;transition:width .5s linear;display:block}.tiempo.poco i{opacity:.9;background:#ff8a3d}@media (prefers-reduced-motion:reduce){.repartiendo,.tomando,.tomando .cara,.acomodando .card,.ola .naipe,.avatar.turn{animation:none!important}}@keyframes latir{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){@keyframes latir{0%,to{opacity:.7;transform:none}}}