:root{--red:#e23b3b;--yellow:#ffc93c;--green:#21a35a;--blue:#2f6fe0;--orange:#ff8a1f;--pink:#ff6b9d;--purple:#8a4fd0;--teal:#1fa5a0;--bg:#fff3d6;--text:#2b1810;--ink:#2b1810;--accent:#e23b3b;--accent-2:#21a35a;--radius:18px;--tap:56px;--font:"Trebuchet MS", "Arial Rounded MT Bold", Verdana, Arial, sans-serif}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg) url(/assets/bg-confetti-CQ2Uqr-G.svg) repeat;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-size:18px;line-height:1.35}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 .4em;font-weight:900;line-height:1.1}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex;overflow-x:hidden}.screen{flex-direction:column;flex:1;gap:14px;padding:12px 14px 28px;display:flex}.banderitas-top{background:url(/assets/banderitas-tile-CJWvG-w0.svg) 0 0/160px 70px repeat-x;flex:none;height:70px}.hint{text-align:center;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:10px 14px;font-size:19px;font-weight:900}.panel{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:12px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:center}.center{text-align:center;place-items:center;gap:12px;display:grid}.grow{flex:1}.btn{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--yellow);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);padding:10px 22px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.choice:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.cell:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.tap:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.big{width:100%;min-height:68px;font-size:26px}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:#fff}.icon-btn{width:var(--tap);height:var(--tap);background:#fff;place-items:center;padding:8px;display:grid}.icon-btn img{width:100%;height:100%}.choice{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:8px 16px;font-weight:900}.choice[aria-pressed=true]{background:var(--yellow);box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.tap{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.banner{text-align:center;border:4px solid var(--ink);border-radius:var(--radius);background:var(--yellow);box-shadow:0 6px 0 var(--ink);padding:14px;font-size:26px;font-weight:900}.toast{z-index:40;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:10px 18px;font-weight:900;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.stage{z-index:20;background:#fff6e0 url(/assets/salita-bg-cMov-1tN.svg) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.stage .word{text-align:center;color:var(--ink);padding:0 6vw;font-size:clamp(40px,12vw,140px);font-weight:900;line-height:1}.stage .timer{font-size:28px;font-weight:900;position:absolute;top:12px;right:16px}.stage .score{font-size:28px;font-weight:900;position:absolute;top:12px;left:16px}.stage .flash{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.stage .fallback{justify-content:space-between;padding:0 16px;display:flex;position:absolute;bottom:12px;left:0;right:0}.decks{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.decks .tap img{filter:drop-shadow(0 4px #0003);width:100%}.decks .tap[aria-pressed=true] img{filter:drop-shadow(0 0 0 4px var(--accent));transform:translateY(-6px)}.results{gap:6px;display:grid}.results .r{border:2px solid var(--ink);background:#fff;border-radius:12px;justify-content:space-between;padding:8px 12px;font-weight:800;display:flex}.results .r.tama{border-left:10px solid var(--green)}.results .r.pasa{border-left:10px solid var(--orange);opacity:.8}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes card-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes rise-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes confetti-fall{to{transform:translate3d(var(--drift), 110vh, 0) rotate(var(--rot))}}.anim-pop{animation:.4s ease-out both pop}.anim-bump{animation:.35s ease-out bump}.anim-fade-in{animation:.3s ease-out both fade-in}.anim-slide-up{animation:.35s ease-out both slide-up}.anim-shake-x{animation:.3s ease-in-out shake-x}.anim-float{animation:2.6s ease-in-out infinite float}.anim-sway{animation:3s ease-in-out infinite sway}.anim-wobble{animation:1.2s ease-in-out infinite wobble}.anim-card-flip{-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:.4s ease-out both card-flip}.anim-rise-fade{animation:.9s ease-out forwards rise-fade}.confetti-layer{pointer-events:none;z-index:50;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti-piece{top:-24px;left:var(--x);width:var(--w);height:var(--h);background:var(--c);border-radius:var(--r);animation:confetti-fall var(--d) linear var(--delay) forwards;position:absolute}@keyframes flash-in{0%{opacity:0;transform:scale(1.08)}15%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes word-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}@keyframes count-pop{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse-red{0%,to{color:var(--ink)}50%{color:#e23b3b;transform:scale(1.12)}}.anim-flash-in{animation:.7s ease-out forwards flash-in}.anim-word-in{animation:.25s ease-out both word-in}.anim-count-pop{animation:.95s ease-out forwards count-pop}.anim-pulse-red{animation:1s ease-in-out infinite pulse-red}@media (prefers-reduced-motion:reduce){.anim-pulse-red,.anim-float,.anim-sway,.anim-wobble{animation:none}.confetti-layer{display:none}}.screen h1{text-align:center;margin:0;font-size:30px}.screen h2{font-size:20px}.note{text-align:center;opacity:.85;margin:0;font-size:15px;font-weight:700}.field-label{gap:4px;font-weight:800;display:grid}.field{width:100%;font:inherit;color:var(--ink);border:3px solid var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:10px 12px}.field:focus-visible{outline:4px solid var(--accent-2);outline-offset:2px}.pasa-button{background:var(--orange)}.tama-button{background:var(--green);color:#fff}.with-icon{justify-content:center;align-items:center;gap:10px;display:flex}.with-icon img{width:32px;height:32px}.topbar{align-items:center;gap:8px;display:flex}.topbar .back{min-height:48px;padding:6px 14px;font-size:17px}.topbar .icon-btn{width:48px;height:48px;min-height:48px}.language-switch{justify-content:center;gap:8px;display:flex}.language-switch.large .choice{flex:1;font-size:20px}.language-switch.compact .choice{min-height:44px;padding:4px 12px;font-size:16px}.home .logo{width:100%;max-width:420px;margin:0 auto}.home .tagline{text-align:center;margin:0;font-size:20px;font-weight:900}.home .hero{width:55%;max-width:220px;margin:0 auto}.language-panel{text-align:center;gap:10px;display:grid}.language-panel h2{margin:0}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{align-items:center;gap:14px;display:flex}.step img{flex:none;width:96px}.step h2{margin:0 0 4px}.step p{margin:0}.sensor-status{text-align:center;margin:0;font-weight:800}.sensor-status.live{color:#136b3b}.sensor-status.unavailable{color:#9b2a2a}.practice-result{text-align:center;border:3px solid var(--ink);border-radius:var(--radius);min-height:190px;box-shadow:0 4px 0 var(--ink);background:#fff;align-content:center;place-items:center;gap:8px;font-size:30px;display:grid}.practice-result img{width:150px}.practice-result.tama{background:#d8f5e3}.practice-result.pasa{background:#ffe6cc}.deck{align-content:start;justify-items:center;gap:4px;display:grid}.deck .tap{width:100%;position:relative}.deck .tap .picked{filter:none;width:40px;height:40px;position:absolute;top:-8px;right:-8px}.deck-name{text-align:center;font-size:15px;font-weight:900;line-height:1.15}.deck-name small{opacity:.8;font-weight:700;display:block}.editor{gap:10px;display:grid}.editor h2{margin:0}.team-fields{gap:10px;margin-top:10px;display:grid}.scoreboard h2{align-items:center;gap:8px;margin:0 0 8px;display:flex}.scoreboard h2 img{width:32px;height:32px}.scoreboard ul{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.scoreboard li{border:2px solid var(--ink);border-radius:12px;justify-content:space-between;padding:8px 12px;font-weight:800;display:flex}.scoreboard li.leading{background:var(--yellow)}.stage .word{z-index:2;pointer-events:none;overflow-wrap:anywhere}.stage .timer,.stage .score{z-index:2;pointer-events:none;align-items:center;gap:8px;display:flex}.stage .timer{top:18px;right:max(clamp(72px, 12vw, 120px), env(safe-area-inset-right))}.stage .score{top:18px;left:max(clamp(72px, 12vw, 120px), env(safe-area-inset-left))}.stage .timer img,.stage .score img{width:32px;height:32px}.stage .fallback{z-index:3;padding:0 max(56px, 9vw, env(safe-area-inset-right));bottom:26px}.stage .count{width:min(40vw,200px)}.tap-zone{z-index:1;width:50%;position:absolute;top:0;bottom:0}.tap-zone.left{left:0}.tap-zone.right{right:0}.ready{z-index:4;text-align:center;background:#fff6e0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ready img{object-fit:contain;flex:80px;width:100%;min-height:0;max-height:45vh}.ready h1{margin:0;font-size:clamp(22px,5vw,36px)}.ready p{max-width:640px;margin:0}.ready .btn.big{width:auto}.turn-badge{background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:4px 14px}.flash-layer{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.flash-caption{text-align:center;color:#fff;background:var(--ribbon);border-top:6px solid var(--ink);height:32%;text-shadow:0 3px 0 var(--ink);place-items:center;padding:0 4vw;font-size:clamp(32px,8vw,80px);font-weight:900;line-height:1;display:grid;position:absolute;bottom:0;left:0;right:0}.flash-caption.tama{--ribbon:var(--green)}.flash-caption.pasa{--ribbon:var(--orange)}.flash-caption.ubos{--ribbon:var(--red)}.turn-sideways{z-index:20;text-align:center;background:#fff6e0;align-content:center;place-items:center;gap:12px;padding:24px;font-size:26px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.turn-sideways img{width:160px}@media (prefers-reduced-motion:reduce){.anim-pop,.anim-word-in,.anim-flash-in,.anim-count-pop{animation:.25s ease-out both fade-in!important}}