:root{--red:#e23b3b;--yellow:#ffc93c;--green:#21a35a;--blue:#2f6fe0;--orange:#ff8a1f;--pink:#ff6b9d;--purple:#8a4fd0;--teal:#1fa5a0;--bg:#f2ddb0;--text:#2b1810;--ink:#2b1810;--accent:#ff8a1f;--accent-2:#8a4fd0;--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/banig-CVX8dPrk.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}}.sungka{aspect-ratio:1000/400;width:min(96vw,760px);margin:0 auto;position:relative}.sungka.portrait{aspect-ratio:400/1000;width:min(70vw,340px)}.sungka .board-img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.pit.ulo{cursor:default;border-radius:40%}.pit[disabled]{cursor:default}.pit .shells{pointer-events:none;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.pit .shells img{width:34%;transform:translate(-50%, -50%) rotate(var(--r,0deg));position:absolute}.pit .count{border:2px solid var(--ink);background:#fff6e0;border-radius:999px;min-width:30px;padding:1px 8px;font-size:15px;font-weight:900;position:absolute;bottom:-22%;left:50%;transform:translate(-50%)}.pit.ulo .count{font-size:18px;bottom:-10%}.pit.playable:after{content:"";border:5px solid var(--yellow);border-radius:50%;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%}.hand-shells{z-index:10;pointer-events:none;border:3px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 4px;font-weight:900;transition:left .14s linear,top .14s linear;display:flex;position:absolute;transform:translate(-50%,-120%)}.hand-shells img{width:30px}.players{justify-content:space-between;gap:10px;display:flex}.player{border:3px solid var(--ink);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;padding:6px 12px;font-weight:900;display:flex}.player img{width:36px}.player.active{box-shadow:0 0 0 4px var(--accent)}@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 shell-drop{0%{transform:translate(-50%, -160%) rotate(var(--r,0deg)) scale(1.2);opacity:0}70%{transform:translate(-50%, -40%) rotate(var(--r,0deg));opacity:1}to{transform:translate(-50%, -50%) rotate(var(--r,0deg))}}@keyframes pit-flash{0%{box-shadow:0 0 #ffc93ce6}to{box-shadow:0 0 0 18px #ffc93c00}}@keyframes capture-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-20deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(5deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.anim-shell-drop{animation:.22s ease-out both shell-drop}.anim-pit-flash{animation:.5s ease-out pit-flash}.anim-capture-pop{animation:.8s ease-out forwards capture-pop}@media (prefers-reduced-motion:reduce){.anim-float,.anim-sway,.anim-wobble{animation:none}.confetti-layer{display:none}}.app{max-width:820px}.screen.narrow{width:100%;max-width:560px;margin:0 auto}.screen.game{align-items:center}.screen.game>.players,.screen.game>.hint,.screen.game>.round-line,.screen.game>.intermission{width:100%;max-width:760px}.app-bar{justify-content:space-between;align-items:center;gap:10px;padding:8px 14px 0;display:flex}.app-bar-end{align-items:center;gap:10px;margin-left:auto;display:flex}.app-bar .btn,.app-bar .choice{min-height:44px}.app-bar .icon-btn{width:44px;height:44px;padding:6px}.app-bar .choice{padding:4px 12px}.lang-switch{gap:6px}h1{text-align:center;font-size:30px}.lead{text-align:center;margin:0;font-weight:700}.note{opacity:.8;text-align:center;margin:8px 0 0;font-size:15px}.stack{gap:14px;width:100%;display:grid}.invisible{visibility:hidden}.home .logo{width:min(100%,380px)}.home .hero{width:min(70%,280px)}.language-card{text-align:center;width:100%}.language-card h2{font-size:21px}.language-card .lang-switch{justify-content:center}.language-card .choice{flex:1}.field{border:0;min-width:0;margin:0;padding:0}.field legend{margin-bottom:8px;padding:0;font-weight:900}.text-input{min-width:0;min-height:var(--tap);font:inherit;color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);-webkit-user-select:text;user-select:text;background:#fff;flex:140px;padding:8px 14px;font-weight:700}.text-input:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.step h2{align-items:center;gap:10px;font-size:22px;display:flex}.step p{margin:0 0 12px}.step-number{color:#fff;background:var(--accent-2);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:inline-grid}.step .sungka{width:100%}.step .sungka.portrait{width:min(60%,260px)}.step-icon{width:72px;margin:0 auto}.players{max-width:760px}.player{flex:1;min-width:0}.player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-score{margin-left:auto;font-size:24px}.round-line{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font-size:16px;display:flex}.hint{justify-content:center;align-items:center;gap:10px;min-height:56px;margin:0;display:flex}.hint-icon{width:32px}.sungka.portrait{width:min(70vw,340px,40dvh - 132px);min-width:200px}.capture-fx{z-index:9;pointer-events:none;width:22%;position:absolute}.sungka.portrait .capture-fx{width:46%}.pit.playable:not(:disabled){animation:1.4s ease-out infinite pit-flash}.intermission{text-align:center;gap:12px;display:grid}.final-score{margin:0;font-size:22px;font-weight:900}.banner{justify-content:center;align-items:center;gap:12px;display:flex}.banner-icon{flex:none;width:44px}.score-table{border-collapse:collapse;text-align:center;width:100%;font-weight:700}.score-table th,.score-table td{padding:6px 4px}.score-table tbody th,.score-table tfoot th{text-align:left}.score-table tfoot{border-top:3px solid var(--ink);font-size:22px;font-weight:900}.records{gap:8px;margin:0;padding:0;list-style:none;display:grid}.records li{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.pit.playable:not(:disabled){animation:none}}@media (max-width:420px){.btn.big{font-size:22px}.player-score{font-size:20px}h1{font-size:26px}}