@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#173d5b;background:#b9e9ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer;border:0;transition:transform .13s,filter .13s,box-shadow .13s}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.52;cursor:not-allowed}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:22px clamp(12px,3vw,38px) 12px;background:linear-gradient(#65c9f7,#c9f0ff 38%,#a7e58c 38%,#64c54c);isolation:isolate}.sky{position:absolute;z-index:-1;opacity:.6;border-radius:50%;background:#fff}.sky-one{width:300px;height:100px;top:45px;left:-50px;filter:blur(12px)}.sky-two{width:360px;height:110px;top:10px;right:-80px;filter:blur(14px)}.home-screen,.setup-screen,.result-screen{max-width:900px;margin:2vh auto 28px}.home-screen{text-align:center;padding:24px 16px 18px}.brand-mark{margin:auto;width:74px;height:74px;display:grid;place-items:center;background:#fff;border:5px solid #8ad9ff;border-radius:25px;font-size:40px;box-shadow:0 7px #2498d1}.eyebrow{letter-spacing:.15em;font-size:.75rem;font-weight:900;color:#14699b;margin:20px 0 5px}.home-screen h1,.panel h2{font-family:"Baloo 2",sans-serif;font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.02;margin:0;color:#124b79;font-weight:800}.home-screen h1 span{color:#e7476a}.home-copy{font-size:1.15rem;font-weight:800;color:#225e80}.home-art{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 28px;max-width:550px}.home-kid{font-size:clamp(3.2rem,8vw,5.5rem);filter:drop-shadow(0 5px 0 #2d83b5);animation:bob 1.8s ease-in-out infinite}.red-kid{animation-delay:.4s}.home-rope{font-size:clamp(1rem,3vw,1.6rem);color:#9a652b;white-space:nowrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:12px 18px;font-weight:900;box-shadow:0 4px #10456633}.primary{background:linear-gradient(#149cf1,#0877d4);color:#fff}.secondary{background:#fff;color:#17628d;border:2px solid #c2e8fa;box-shadow:none}.big-button{font-size:1.08rem;padding:15px 24px}.big-button.full{width:100%;margin-top:12px}.small-note{font-size:.85rem;font-weight:800;color:#225e80}.panel{background:#fffffff0;border:3px solid #fff;border-radius:28px;padding:clamp(18px,4vw,34px);box-shadow:0 10px #1d6f9926,0 25px 60px #207aa52a}.back-button{display:inline-flex;gap:7px;align-items:center;color:#276c91;background:#eaf8ff;border-radius:10px;padding:9px 12px;font-weight:800}.panel h2{font-size:clamp(2rem,5vw,3rem);margin:4px 0}.muted{color:#58758a;font-weight:700;line-height:1.5}.panel h3{font-size:1rem;margin:23px 0 10px;color:#1b5277}.option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-card,.operation-card{background:#f4fbff;border:2px solid #d6eef9;border-radius:16px;padding:14px 8px;color:#235b7c;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.option-card.selected,.operation-card.selected{border-color:#139ce6;background:#e3f6ff;box-shadow:inset 0 0 0 2px #139ce626}.option-emoji{font-size:1.6rem}.option-card small{font-size:.72rem;color:#65869b;font-weight:700}.operation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.operation-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:1.7rem;font-weight:900;color:#fff;background:#168fe1}.operation-symbol.subtraction{background:#f29b32}.operation-symbol.multiplication{background:#8c67dc}.operation-symbol.division{background:#29b58d}.setup-reminder{margin-top:18px;background:#fff6d7;border:1px solid #ffe5a0;border-radius:12px;padding:12px;color:#775a20;font-size:.88rem}.game-screen{max-width:1500px;margin:0 auto;position:relative}.game-header{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:0 auto 12px;max-width:1200px}.score-pill{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border:3px solid;border-radius:20px;box-shadow:0 4px #1d6b9633;min-width:0}.score-pill strong,.score-pill b{display:block}.score-pill strong{font-size:.9rem}.score-pill b{font-size:1.1rem}.avatar{font-size:2.2rem}.blue-score{border-color:#42b7f3;color:#12649a}.red-score{border-color:#fa7186;color:#a22d49;justify-content:flex-end;text-align:right}.match-label{text-align:center;background:#075581;color:#fff;border:3px solid #83dfff;border-radius:22px;padding:9px 22px;min-width:175px}.match-label strong,.match-label span{display:block}.match-label span{background:#22b98e;border-radius:20px;margin-top:3px;padding:2px 12px;font-size:.78rem;font-weight:900}.arena{height:clamp(190px,26vw,300px);position:relative;overflow:hidden;border:4px solid #fff;border-radius:24px;background:linear-gradient(#72d4ff,#d7f6ff 57%,#b5e77a 58%,#6ec84c);box-shadow:0 7px #3186aa33;margin-bottom:14px}.arena:after{content:"";position:absolute;left:0;right:0;bottom:0;height:33%;background:repeating-linear-gradient(170deg,#80d357 0,#80d357 15px,#72cb4b 15px,#72cb4b 30px);opacity:.45}.arena-cloud{position:absolute;top:12px;font-size:2.5rem;opacity:.65}.cloud-a{left:22%}.cloud-b{right:20%}.finish-flag{position:absolute;top:28px;font-size:2rem;z-index:1}.flag-left{left:8px}.flag-right{right:8px;transform:scaleX(-1)}.progress-track{position:absolute;left:30%;right:30%;top:23px;height:21px;border:3px solid #fff;border-radius:20px;background:#145a82;z-index:3}.progress-fill{position:absolute;top:2px;bottom:2px;width:8px;border-radius:8px;background:#ffdc62;transition:left .5s ease}.versus{position:absolute;left:50%;top:-15px;transform:translate(-50%);background:#075581;color:#fff;border-radius:8px;padding:1px 7px;font-size:.7rem;font-weight:900}.tug-kid{position:absolute;z-index:2;top:45px;display:flex;align-items:center;flex-direction:column;transition:transform .45s ease}.tug-blue{left:22%}.tug-red{right:22%}.kid-face{font-size:clamp(3rem,7vw,5.2rem);filter:drop-shadow(0 5px 0 #327da6);animation:bob 2s ease-in-out infinite}.tug-red .kid-face{filter:drop-shadow(0 5px 0 #b84b60);animation-delay:.35s}.kid-caption{font-size:.68rem;font-weight:900;background:#fff;border-radius:20px;padding:3px 9px;color:#27668c}.pulling{transform:translate(-14px) rotate(-8deg)}.tug-red.pulling{transform:translate(14px) rotate(8deg)}.losing{transform:translate(9px) rotate(5deg)}.tug-red.losing{transform:translate(-9px) rotate(-5deg)}.rope-line{position:absolute;z-index:1;left:30%;right:30%;top:62%;height:8px;background:repeating-linear-gradient(45deg,#bb8648 0,#bb8648 7px,#e7bd77 7px,#e7bd77 14px);border-radius:10px;box-shadow:0 2px #986a3b;transition:transform .5s ease}.rope-knot{position:absolute;left:50%;top:-12px;transform:translate(-50%);font-size:1.6rem}.arena-hint{position:absolute;z-index:2;bottom:9px;left:50%;transform:translate(-50%);background:#fff6d7;color:#795923;border:2px solid #ffe6a1;border-radius:20px;padding:6px 13px;font-size:.76rem;font-weight:900;white-space:nowrap}.players-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player-panel{background:#f0faff;border:3px solid #50baf0;border-radius:23px;padding:14px;box-shadow:0 5px #2379a52a;min-width:0}.player-red{background:#fff5ee;border-color:#fb927c}.player-panel-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:#17669a;margin-bottom:10px}.player-red .player-panel-title{color:#a0442a}.timer-mini{font-size:.8rem;background:#fff;border-radius:9px;padding:4px 7px}.question-box{background:#fff;border-radius:15px;padding:10px;text-align:center;border:1px solid #cceafa}.player-red .question-box{border-color:#f8d5c6}.question-box small{display:block;color:#6d8ba0;font-weight:900;font-size:.65rem;letter-spacing:.1em}.question-box strong{display:block;font-family:"Baloo 2",sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);color:#135b8a;line-height:1.3}.player-red .question-box strong{color:#9c3d26}.answer-display{display:flex;justify-content:center;align-items:center;gap:8px;min-height:43px;background:#fff;border:2px solid #bde6fa;border-radius:12px;margin:8px 0;padding:5px 10px;font-size:1.25rem;font-weight:900;color:#145d8d}.player-red .answer-display{border-color:#f2cdbb;color:#9c3d26}.answer-display span:empty:before{content:"Masukkan jawaban"}.correct-icon{color:#20b56f}.wrong-icon{color:#ed5267}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keypad button{height:clamp(34px,4vw,46px);background:#fff;border:1px solid #b8e0f3;border-bottom-width:3px;border-radius:11px;color:#155d8e;font-size:1.05rem;font-weight:900}.player-red .keypad button{border-color:#f0c6b2;color:#a24429}.keypad .key-delete{background:#ff5978;color:#fff;border-color:#e94265}.keypad .key-clear{background:#e6f6ff}.player-red .keypad .key-clear{background:#fff0e6}.keypad-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.keypad-actions button{font-size:.85rem;padding:10px 6px}.submit-answer{display:flex;align-items:center;justify-content:center;gap:5px;background:#11b96d;color:#fff;border-radius:12px;font-weight:900;box-shadow:0 3px #07894d}.player-red .submit-answer{background:#f36a3d;box-shadow:0 3px #c84b25}.keypad-actions .secondary{padding:8px}.feedback-line{text-align:center;min-height:20px;margin-top:7px;font-size:.75rem;font-weight:900;color:#4b7c94}.feedback-correct{animation:successPulse .45s ease}.feedback-wrong{animation:shake .25s ease}.game-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0}.control-button{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid #d0edf9;color:#245f7f;border-radius:12px;padding:9px 13px;font-weight:900}.main-timer{background:#075581;color:#fff;border:2px solid #8be1ff;border-radius:20px;padding:8px 17px;font-weight:900}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#103b5dcc;display:grid;place-items:center;color:#fff;text-align:center}.pause-overlay>div{background:#fff;color:#174d71;border-radius:20px;padding:25px;box-shadow:0 8px #0a4163}.pause-overlay .primary{margin-top:10px}.result-screen{text-align:center;max-width:550px;margin-top:5vh}.trophy-art{position:relative;color:#f1ad24;display:inline-block;margin-bottom:8px}.trophy-art span{position:absolute;right:-19px;top:0;font-size:2rem}.result-screen h2{font-size:clamp(2rem,5vw,3.2rem)}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.result-scores>div{border:2px solid;border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:5px;font-weight:900}.result-scores strong{font-size:2.4rem}.blue-result{background:#e9f8ff;border-color:#7cccf2!important;color:#12649a}.red-result{background:#fff0e7;border-color:#f4b49a!important;color:#a0442a}.app-footer{text-align:center;color:#1c7199;font-size:.7rem;letter-spacing:.1em;font-weight:900;padding:12px 0 0}.app-footer span{margin:0 6px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes successPulse{50%{transform:scale(1.025)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(min-width:1000px){.players-panels{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)}.player-panel{padding:16px 20px}.arena{height:270px}.game-screen{padding:0 1vw}}@media(max-width:650px){.app-shell{padding:12px 10px}.game-header{grid-template-columns:1fr auto 1fr;gap:5px}.score-pill{padding:7px 6px;gap:4px;border-radius:13px}.score-pill strong{font-size:.7rem}.score-pill b{font-size:.85rem}.avatar{font-size:1.5rem}.match-label{min-width:0;padding:7px 9px;font-size:.75rem}.match-label strong{font-size:.72rem}.arena{height:205px}.tug-blue{left:13%}.tug-red{right:13%}.progress-track{left:28%;right:28%;top:15px}.rope-line{left:22%;right:22%;top:64%}.arena-hint{font-size:.62rem;max-width:95%;white-space:normal;text-align:center}.players-panels{gap:8px}.player-panel{padding:8px;border-radius:16px}.player-panel-title{font-size:.75rem;gap:4px;flex-wrap:wrap}.timer-mini{font-size:.65rem}.question-box{padding:7px 2px}.question-box strong{font-size:1.45rem}.answer-display{min-height:37px;font-size:1rem}.keypad{gap:4px}.keypad button{height:38px;border-radius:8px}.keypad-actions{gap:4px}.keypad-actions button{font-size:.72rem;padding:8px 3px}.keypad-actions svg{width:14px}.feedback-line{font-size:.64rem;min-height:31px}.control-button{padding:8px;font-size:.78rem}.main-timer{padding:7px 10px}.sound-control{display:none}.operation-grid{grid-template-columns:repeat(2,1fr)}.option-card{padding:10px 4px}.option-card small{font-size:.65rem}.home-art{gap:2px}.home-rope{font-size:.85rem}.panel{padding:18px}.app-footer{font-size:.6rem}}@media(max-width:380px){.score-pill .avatar{display:none}.match-label{padding:6px}.question-box strong{font-size:1.25rem}.keypad button{height:34px}.player-panel{padding:6px}.timer-mini{width:100%;text-align:center}.arena-hint{font-size:.57rem}}button,.keypad,.player-panel{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.keypad button,.keypad-actions button{user-select:none;-webkit-user-select:none}.app-shell{min-height:100vh;min-height:100dvh}.game-screen{min-height:0}.score-pill,.player-panel{box-shadow:0 5px #12597e24,0 8px 18px #115e8714}.player-panel{position:relative;overflow:hidden}.player-blue{background:linear-gradient(145deg,#f7fdff,#e4f6ff)}.player-red{background:linear-gradient(145deg,#fffaf6,#ffede4)}.question-box{box-shadow:inset 0 2px #ffffffe6,0 3px #1f6f970f}.keypad button{box-shadow:0 2px #14588014}.keypad button:active:not(:disabled){transform:scale(.94)}.submit-answer{min-height:39px}.feedback-correct .answer-display{border-color:#28c77b;background:#edfff5}.feedback-wrong .answer-display{border-color:#f36a78;background:#fff0f2}@media(min-width:651px)and (min-height:700px){.app-shell{height:100dvh;overflow:hidden;padding-top:12px;padding-bottom:8px}.game-screen{height:calc(100dvh - 40px);display:flex;flex-direction:column;gap:8px}.game-header{flex:0 0 auto;margin-bottom:0}.arena{flex:0 0 clamp(150px,25dvh,235px);height:auto;margin-bottom:0}.players-panels{flex:1 1 auto;min-height:0;align-items:stretch}.player-panel{padding:clamp(8px,1.2vh,14px) clamp(10px,1.4vw,20px);display:flex;flex-direction:column;min-height:0}.player-panel-title{margin-bottom:5px}.question-box{padding:5px}.question-box strong{font-size:clamp(1.35rem,3.2vh,2.1rem)}.answer-display{min-height:36px;margin:5px 0}.keypad{flex:1 1 auto;grid-template-rows:repeat(4,minmax(26px,1fr));gap:5px}.keypad button{height:auto;min-height:28px}.keypad-actions{margin-top:5px}.keypad-actions button{padding-top:7px;padding-bottom:7px}.feedback-line{margin-top:4px;min-height:16px}.game-controls{flex:0 0 auto;margin:0;gap:8px}.app-footer{display:none}}@media(max-height:699px)and (orientation:landscape){.app-shell{height:100dvh;min-height:0;overflow:hidden;padding:5px 10px}.game-screen{height:calc(100dvh - 10px);display:flex;flex-direction:column;gap:4px}.game-header{margin:0;gap:6px}.score-pill{padding:4px 9px;border-width:2px}.avatar{font-size:1.4rem}.match-label{padding:4px 12px}.arena{flex:0 0 19dvh;height:19dvh;min-height:90px;margin:0;border-width:2px}.arena-cloud{font-size:1.3rem}.finish-flag{top:15px;font-size:1.1rem}.tug-kid{top:25px}.kid-face{font-size:2.5rem}.kid-caption{font-size:.55rem}.progress-track{top:10px}.rope-line{top:62%}.arena-hint{bottom:3px;padding:2px 8px;font-size:.58rem}.players-panels{flex:1 1 auto;min-height:0;gap:6px}.player-panel{display:flex;flex-direction:column;padding:5px 8px;min-height:0;border-width:2px;border-radius:12px}.player-panel-title{margin-bottom:3px;font-size:.72rem}.question-box{padding:2px}.question-box small{font-size:.55rem}.question-box strong{font-size:1.15rem;line-height:1.1}.answer-display{min-height:26px;margin:3px 0;padding:2px 5px;font-size:.9rem}.keypad{flex:1;grid-template-rows:repeat(4,minmax(20px,1fr));gap:3px}.keypad button{height:auto;min-height:20px;font-size:.85rem;border-radius:6px;border-bottom-width:2px}.keypad-actions{margin-top:3px;gap:4px}.keypad-actions button{min-height:25px;padding:3px;font-size:.68rem}.keypad-actions svg{width:12px;height:12px}.feedback-line{min-height:13px;margin-top:2px;font-size:.58rem}.game-controls{flex:0 0 auto;margin:0;gap:5px}.control-button{padding:4px 8px;font-size:.7rem}.main-timer{padding:4px 10px;font-size:.8rem}.app-footer{display:none}}@media(max-width:650px)and (orientation:portrait){.app-shell{overflow:visible}.game-screen{padding-bottom:4px}.players-panels{align-items:start}}.audio-controls{display:flex;align-items:center;gap:8px;background:#ffffffb8;border:1px solid #d0edf9;border-radius:14px;padding:4px 8px}.volume-slider{width:88px;accent-color:#1598df;cursor:pointer}.volume-label{font-size:.72rem;font-weight:900;color:#245f7f;min-width:28px}@media(max-width:650px){.audio-controls{gap:5px;padding:3px 5px}.volume-slider{width:54px}.volume-label{font-size:.65rem}.sound-control{display:inline-flex}}@media(max-width:380px){.volume-slider{width:42px}.volume-label{display:none}}