.Wd-nZW_wrap{filter:drop-shadow(0 6px 10px #1b2a4126);transition:transform var(--anim-normal) var(--ease-playful);display:inline-block}.Wd-nZW_bounce{animation:Wd-nZW_bounce .6s var(--ease-playful)}@keyframes Wd-nZW_bounce{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(1.05)}55%{transform:translateY(0)scale(.98)}75%{transform:translateY(-6px)scale(1.02)}to{transform:translateY(0)scale(1)}}.PDHXOa_btn{font-family:var(--font-display);border-radius:var(--radius-lg);min-height:var(--touch-comfortable);padding:0 var(--space-xl);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:transform var(--anim-fast) var(--ease-playful), box-shadow var(--anim-fast);color:#fff;border:none;font-size:1.15rem;font-weight:700;display:inline-flex}.PDHXOa_btn:active{transform:scale(.94)}.PDHXOa_btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.PDHXOa_primary{background:var(--color-primary);box-shadow:0 5px 0 var(--color-primary-dark)}.PDHXOa_secondary{background:var(--color-secondary);color:var(--color-text);box-shadow:0 5px 0 var(--color-secondary-dark)}.PDHXOa_icon{background:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--color-primary-dark);border-radius:var(--radius-pill);place-items:center;width:clamp(48px,8.5vmin,64px);min-width:0;height:clamp(48px,8.5vmin,64px);min-height:0;padding:0;display:inline-grid}.PDHXOa_icon>svg{width:55%;height:55%;display:block}.MD12nq_btn{min-width:var(--touch-min);background:var(--color-surface);height:44px;box-shadow:0 3px 0 var(--color-outline);cursor:pointer;transition:transform var(--anim-fast) var(--ease-playful);border:none;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.MD12nq_btn:active{transform:scale(.94)}.-JAi-a_screen{background:linear-gradient(160deg,#dff5e1 0%,#9bd8a4 100%);flex-direction:column;height:100svh;display:flex;overflow:hidden}.-JAi-a_topbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,1.4vw,10px);padding:clamp(4px,1.4vw,10px) clamp(6px,2vw,16px) 0;display:flex}.-JAi-a_topbar button{min-height:clamp(42px,7.5vw,56px);padding:0 clamp(10px,3vw,20px);font-size:clamp(.82rem,3vw,1.05rem)}.-JAi-a_backBtn{width:clamp(42px,7.5vw,56px);padding:0}.-JAi-a_audioWrap{display:inline-flex}.-JAi-a_audioWrap button{min-width:clamp(42px,7.5vw,56px);height:clamp(42px,7.5vw,56px);padding:0 clamp(8px,2vw,14px)}.-JAi-a_bimoBtn{cursor:pointer;border-radius:var(--radius-pill);transition:transform .12s var(--ease-playful);background:0 0;border:none;padding:0;display:inline-flex}.-JAi-a_topbar .-JAi-a_bimoBtn{min-height:0;padding:0}.-JAi-a_bimoBtn>*{width:clamp(38px,7vw,48px)!important;height:clamp(38px,7vw,48px)!important}.-JAi-a_bimoBtn:active{transform:scale(.9)}.-JAi-a_quizActiveBtn{background:var(--color-danger-soft)!important;box-shadow:0 5px #d9604c!important}.-JAi-a_tab{font-family:var(--font-display);color:#33475b;background:var(--color-surface);border-radius:var(--radius-pill);cursor:pointer;min-height:clamp(42px,7.5vw,56px);transition:transform .12s var(--ease-playful);white-space:nowrap;border:none;padding:0 clamp(10px,3vw,20px);font-size:clamp(.82rem,3vw,1.05rem);font-weight:800;box-shadow:0 4px #1b2a411f}.-JAi-a_tab:active{transform:scale(.94)}.-JAi-a_questionLine{text-align:center;font-family:var(--font-display);color:#33475b;padding:clamp(2px, 1vw, 8px) var(--space-md) 0;margin:0;font-size:clamp(.95rem,3.6vw,1.25rem);font-weight:800}.-JAi-a_body{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(4px,1.4vw,10px) clamp(6px,2vw,16px) clamp(6px,2vw,14px);display:flex;overflow:hidden}.-JAi-a_grid{place-content:center;gap:8px;display:grid}.-JAi-a_tile{border-radius:var(--radius-md);cursor:pointer;transition:transform .12s var(--ease-playful);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px #1b2a411f}.-JAi-a_tile:active{transform:scale(.92)}.-JAi-a_emoji{line-height:1}.-JAi-a_label{color:#33475b;text-align:center;font-weight:800;line-height:1.05}.-JAi-a_correct{box-shadow:0 0 0 4px var(--color-success), 0 4px 0 #1b2a411f;animation:.7s ease-in-out -JAi-a_pulse}.-JAi-a_wrong{box-shadow:0 0 0 4px var(--color-danger-soft), 0 4px 0 #1b2a411f;animation:.38s -JAi-a_shake}@keyframes -JAi-a_pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes -JAi-a_shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.RHmIXq_wrap{justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:420px;margin:0 auto;display:flex}.RHmIXq_handBox{filter:drop-shadow(0 10px 14px #1b2a412e);flex:1;max-width:220px}.RHmIXq_palm{fill:#ffd9b3;stroke:#e8a96b;stroke-width:3px}.RHmIXq_palmLine{fill:none;stroke:#e8a96b;stroke-width:3px;stroke-linecap:round;opacity:.7}.RHmIXq_fingerUp{fill:#ffe3c2;stroke:#e8a96b;stroke-width:3px}.RHmIXq_fingerFolded{fill:#f2b880;stroke:#e8a96b;stroke-width:3px}.RHmIXq_thumbUp{fill:#ffe3c2;stroke:#e8a96b;stroke-width:3px}.RHmIXq_thumbFolded{fill:#f2b880;stroke:#e8a96b;stroke-width:3px}.OxG0pW_screen{background:linear-gradient(160deg,#e5d4ff 0%,#b197fc 100%);flex-direction:column;min-height:100vh;display:flex}.OxG0pW_header{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.OxG0pW_dots{flex-wrap:wrap;justify-content:center;gap:5px;max-width:260px;display:flex}.OxG0pW_dot{border-radius:var(--radius-pill);background:#ffffff80;width:11px;height:11px}.OxG0pW_dotDone{background:var(--color-success)}.OxG0pW_dotCurrent{background:var(--color-secondary)}.OxG0pW_body{padding:var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex}.OxG0pW_introWrap,.OxG0pW_doneWrap{align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.OxG0pW_introText,.OxG0pW_doneText{color:#3b2a6b;max-width:480px;font-size:clamp(1.4rem,5vw,2rem)}.OxG0pW_countWrap{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:520px;display:flex}.OxG0pW_numberTapArea{align-items:center;gap:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);cursor:pointer;background:#ffffff8c;border:none;flex-direction:column;width:100%;display:flex}.OxG0pW_numberTapArea:active{transform:scale(.98)}.OxG0pW_bigNumber{font-family:var(--font-display);color:#3b2a6b;font-size:clamp(4rem,18vw,7rem);font-weight:800;line-height:1}.OxG0pW_numberWord{font-family:var(--font-display);color:#5a3fc0;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700}.OxG0pW_navRow{gap:var(--space-md);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.iTVr4q_screen{background:linear-gradient(160deg,#ffe3e3 0%,#ffb3b3 100%);flex-direction:column;height:100svh;min-height:100svh;display:flex;overflow:hidden}.iTVr4q_header{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.iTVr4q_headerActions{gap:8px;display:flex}.iTVr4q_pillBtn{background:var(--color-secondary-dark);min-height:48px;padding:0 18px;font-size:.95rem;box-shadow:0 4px #b57e00}.iTVr4q_pillBtnActive{background:var(--color-danger-soft);box-shadow:0 4px #d9604c}.iTVr4q_body{-webkit-overflow-scrolling:touch;align-items:center;gap:var(--space-lg);min-height:0;padding:var(--space-md) var(--space-lg) var(--space-2xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.iTVr4q_bubbleRow{align-items:center;gap:var(--space-md);width:100%;max-width:680px;display:flex}.iTVr4q_bubble{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);box-shadow:0 4px 0 var(--color-outline);flex:1;display:flex}.iTVr4q_speakerBtn{background:var(--color-background);border-radius:var(--radius-pill);cursor:pointer;border:none;flex-shrink:0;width:40px;height:40px;font-size:1.1rem}.iTVr4q_bubbleText{margin:0;font-size:1rem;font-weight:700}.iTVr4q_empty{text-align:center;color:#9c5b52;padding:40px 20px;font-weight:700}.iTVr4q_grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;width:100%;max-width:720px;display:grid}.iTVr4q_card{background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:transform .12s var(--ease-playful);border:none;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex;box-shadow:0 4px #1b2a411f}.iTVr4q_card:active{transform:scale(.94)}.iTVr4q_photoCircle{background:#ffd8c2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:2.3rem;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000026}.iTVr4q_photoCircle img{object-fit:cover;width:100%;height:100%}.iTVr4q_roleLabel{font-weight:800;font-family:var(--font-display);color:#4a2e2e;font-size:.95rem}.iTVr4q_nameLabel{color:#9c5b52;font-size:.72rem;font-weight:700}.iTVr4q_correct{box-shadow:0 0 0 4px var(--color-success), 0 4px 0 #1b2a411f;animation:.7s ease-in-out iTVr4q_pulse}.iTVr4q_wrong{box-shadow:0 0 0 4px var(--color-danger-soft), 0 4px 0 #1b2a411f;animation:.38s iTVr4q_shake}@keyframes iTVr4q_pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes iTVr4q_shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.iTVr4q_editWrap{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.iTVr4q_editIntro{text-align:center;color:#7a4a44;max-width:680px;margin:0;font-weight:700}.iTVr4q_editGroup{width:100%;max-width:720px}.iTVr4q_editGroupTitle{font-family:var(--font-display);color:#4a2e2e;margin-bottom:8px;font-size:1rem;font-weight:800}.iTVr4q_editRow{flex-wrap:wrap;gap:12px;display:flex}.iTVr4q_editCard{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:6px;width:120px;padding:12px;display:flex;position:relative;box-shadow:0 4px #1b2a411a}.iTVr4q_editRemove{background:var(--color-danger-soft);color:#fff;cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;font-size:.75rem;font-weight:800;line-height:1;position:absolute;top:4px;right:4px}.iTVr4q_dragHandle{color:#2c6ef2;cursor:grab;touch-action:none;background:#e6f0ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:800;line-height:1;display:flex;position:absolute;top:4px;left:4px}.iTVr4q_dragHandle:active{cursor:grabbing}.iTVr4q_editMoveBtn{color:#2c6ef2;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:22px;height:34px;font-size:1.1rem;font-weight:800;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px #1b2a4126}.iTVr4q_editMoveLeft{left:-10px}.iTVr4q_editMoveRight{right:-10px}.iTVr4q_editMoveBtn:disabled{opacity:.3;cursor:default}.iTVr4q_dragging{opacity:.6;outline:3px dashed #2c6ef2}.iTVr4q_editPhotoBtn{cursor:pointer;background:#fff0ea;border:2px dashed #d69;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding:0;font-size:1.7rem;display:flex;overflow:hidden}.iTVr4q_editPhotoBtn img{object-fit:cover;width:100%;height:100%}.iTVr4q_editNameInput{text-align:center;width:100%;font-size:.78rem;font-family:var(--font-body);color:#4a2e2e;border:1.5px solid #eee;border-radius:8px;padding:5px 6px;font-weight:700}.iTVr4q_addBtn{border-radius:var(--radius-lg);color:#b5651d;cursor:pointer;background:#fff0ea;border:2px dashed #d69;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:120px;min-height:120px;font-size:1.4rem;font-weight:800;display:flex}.iTVr4q_addBtn span{font-size:.7rem}.iTVr4q_saveRow{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 12px;display:flex}.iTVr4q_saveMsg{color:#2f7a46;font-weight:700}.iTVr4q_saveHint{color:#8a6b4f;font-size:.8rem;font-weight:600}.JlY1ta_screen{background:linear-gradient(160deg,#d6e4ff 0%,#7c9eff 100%);flex-direction:column;height:100svh;display:flex;overflow:hidden}.JlY1ta_header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:clamp(4px, 1.2vh, 12px) var(--space-md);display:flex}.JlY1ta_headerTools{align-items:center;gap:6px;display:flex}.JlY1ta_toolBtn{border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;background:#ffffffb3;border:none;place-items:center;width:40px;height:40px;font-size:1.05rem;line-height:1;display:grid;box-shadow:0 3px #1b2a4126}.JlY1ta_toolBtnWide{color:#2a3b66;grid-auto-flow:column;gap:5px;width:auto;min-width:40px;padding:0 10px;font-size:.78rem;font-weight:700}.JlY1ta_toolBtnText{font-family:var(--font-display);white-space:nowrap}.JlY1ta_toolBtnActive{outline-offset:1px;background:#fff;outline:3px solid #22c55e}.JlY1ta_toolBtn:active{transform:translateY(2px);box-shadow:0 1px #1b2a4126}.JlY1ta_counter{font-family:var(--font-display);color:#2a3b66;white-space:nowrap;font-size:clamp(.8rem,2.6vh,1rem);font-weight:700}.JlY1ta_main{box-sizing:border-box;flex:1;align-items:stretch;gap:clamp(6px,1.2vw,14px);min-height:0;padding:0 clamp(6px,1.6vw,16px) clamp(6px,1.6vh,14px);display:flex;overflow:hidden}.JlY1ta_body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,1.4vh,12px);min-width:0;min-height:0;display:flex;overflow:hidden}.JlY1ta_stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.JlY1ta_canvasWrap{aspect-ratio:1;background:#fff;border-radius:26px;height:min(100cqh,100cqw);position:relative;overflow:hidden;box-shadow:0 8px #1b2a4126}.JlY1ta_canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.JlY1ta_inkCanvas{cursor:crosshair}.JlY1ta_particleLayer{pointer-events:none;position:absolute;inset:0}.JlY1ta_particle{border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.48s ease-out forwards JlY1ta_burst;position:absolute}@keyframes JlY1ta_burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(.2);opacity:0}}.JlY1ta_progressRow{flex-direction:column;flex:none;align-items:center;gap:4px;width:min(90%,520px);display:flex}.JlY1ta_progressTrack{border-radius:var(--radius-pill);background:#fff9;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 2px 3px #1b2a411f}.JlY1ta_progressFill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#69db7c 0%,#22c55e 100%);height:100%;transition:width .14s ease-out}.JlY1ta_strokeHint{font-family:var(--font-display);color:#2a3b66;font-size:clamp(.68rem,2.1vh,.82rem);font-weight:700}.JlY1ta_footer{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:12px;min-height:56px;display:flex}.JlY1ta_rail{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:clamp(6px,1.4vh,12px);padding:clamp(4px,1vh,10px) 4px;display:flex}.JlY1ta_railBtn{cursor:pointer;touch-action:manipulation;background:#ffffffb8;border:none;border-radius:18px;place-items:center;width:clamp(42px,7.2vh,60px);height:clamp(42px,7.2vh,60px);font-size:clamp(1.15rem,3.4vh,1.7rem);line-height:1;display:grid;box-shadow:0 4px #1b2a4126}.JlY1ta_railBtnActive{outline-offset:1px;background:#fff;outline:3px solid #2563eb}.JlY1ta_railBtn:active{transform:translateY(3px);box-shadow:0 1px #1b2a4126}@media (height<=480px){.JlY1ta_header{padding:4px var(--space-md)}.JlY1ta_counter{font-size:.78rem}.JlY1ta_toolBtn{width:34px;height:34px;font-size:.95rem}.JlY1ta_railBtn{width:clamp(34px,8vh,46px);height:clamp(34px,8vh,46px)}}@media (orientation:portrait){.JlY1ta_main{padding:0 10px calc(10px + env(safe-area-inset-bottom));flex-direction:column-reverse;gap:4px}.JlY1ta_rail{flex-direction:row;justify-content:center;gap:10px;padding:0}.JlY1ta_railBtn{border-radius:16px;width:52px;height:52px;font-size:1.5rem}.JlY1ta_body{justify-content:flex-start;gap:6px}.JlY1ta_progressRow{gap:2px;width:min(94%,460px)}.JlY1ta_footer{gap:10px;min-height:0}.JlY1ta_footerBtn{border-radius:var(--radius-md);min-height:44px;padding:0 16px;font-size:.92rem;box-shadow:0 4px #1b2a4138}}.coloring-game{--blue:#3da9fc;--blue-dark:#2b87d6;--yellow:#ffc93c;--yellow-dark:#e8a800;--green:#06d6a0;--green-dark:#04a87d;--orange:#ff9f45;--red:#ff6b6b;--purple:#a970ff;--bg:#eaf6ff;--surface:#fff;--text:#1b2a41;--soft:#52657a;--outline:#c9e6ff;--radius-md:20px;--radius-lg:28px;--pill:999px;--ease:cubic-bezier(.34, 1.56, .64, 1)}.coloring-game *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.coloring-game{width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 12% 12%,#ffc93c42,#0000 28%),radial-gradient(circle at 88% 90%,#06d6a02e,#0000 30%),linear-gradient(#8fd8ff 0%,#ddf3ff 55%,#ecf9f0 100%);margin:0;padding:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}.coloring-game button{font:inherit}.coloring-game button:focus-visible{outline:4px solid var(--blue-dark);outline-offset:2px}.coloring-game .screen{width:100vw;height:100svh;padding:0 0 calc(4px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.coloring-game .topbar{z-index:10;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px 2px;display:flex;position:relative}.coloring-game .topbar-right{gap:8px;display:flex}.coloring-game .home-btn,.coloring-game .sound-btn{background:var(--surface);cursor:pointer;width:44px;height:44px;transition:transform .14s var(--ease);border:none;border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:0 4px #2b87d62e}.coloring-game .home-btn:active,.coloring-game .sound-btn:active,.coloring-game .action:active,.coloring-game .swatch:active{transform:scale(.92)}.coloring-game .home-btn{background:var(--blue);color:#fff;width:clamp(48px,8.5vmin,64px);height:clamp(48px,8.5vmin,64px);box-shadow:0 4px 0 var(--blue-dark)}.coloring-game .home-btn>svg{width:55%;height:55%;display:block}.coloring-game .main{z-index:2;flex:auto;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:0;padding:2px 8px 4px;display:grid;position:relative;overflow:hidden}.coloring-game .left{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.coloring-game .board{box-sizing:border-box;background:#fffffff2;border:3px solid #fffffff2;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #4078a51f,0 12px 28px #1b2a411f}.coloring-game .board-canvas-wrapper{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.coloring-game .paint-canvas{touch-action:none;z-index:1;cursor:crosshair;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.coloring-game .palette{background:#ffffffeb;border-radius:20px;flex-direction:column;align-self:center;align-items:center;gap:4px;width:60px;height:100%;max-height:100%;padding:6px 4px;display:flex;overflow:hidden;box-shadow:0 6px 16px #4078a51f}.coloring-game .palette-header{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:100%;display:flex}.coloring-game .palette-tag{color:#fff;text-align:center;border-radius:8px;width:100%;padding:1px 4px;font-family:"Baloo 2",sans-serif;font-size:.68rem;font-weight:800}.coloring-game .palette-left .palette-tag{background:var(--blue-dark)}.coloring-game .palette-right .palette-tag{background:var(--orange)}.coloring-game .swatch-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3da9fc66 transparent;flex-direction:column;flex:auto;align-items:center;gap:6px;width:100%;min-height:0;padding:3px 0 6px;display:flex;overflow-y:auto}.coloring-game .swatch-list::-webkit-scrollbar{width:3px}.coloring-game .swatch-list::-webkit-scrollbar-thumb{background:#3da9fc66;border-radius:3px}.coloring-game .swatch-list::-webkit-scrollbar-track{background:0 0}.coloring-game .swatch{border:2.5px solid var(--surface);cursor:pointer;width:38px;height:38px;transition:transform .14s var(--ease), box-shadow .14s;border-radius:12px;flex-shrink:0;position:relative;box-shadow:0 3px #1b2a4124}.coloring-game .swatch.selected{box-shadow:0 0 0 3.5px var(--text), 0 4px 0 #1b2a4126;z-index:2;transform:scale(1.08)}.coloring-game .stage{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.coloring-game .bottom{z-index:4;flex:none;justify-content:center;align-items:center;gap:10px;padding:3px 10px 8px;display:flex;position:relative}.coloring-game .action{cursor:pointer;min-height:38px;transition:transform .14s var(--ease);border:none;border-radius:16px;align-items:center;gap:5px;padding:0 14px;font-family:"Baloo 2",sans-serif;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 4px #1b2a4124}.coloring-game .action.secondary{background:var(--surface);color:#34516b}.coloring-game .action.primary{background:var(--blue);color:var(--surface);box-shadow:0 4px 0 var(--blue-dark)}.coloring-game .status{color:#34516b;white-space:nowrap;background:#ffffffbf;border-radius:10px;padding:3px 10px;font-size:.78rem;font-weight:800}.coloring-game .toast{opacity:0;z-index:20;background:var(--surface);color:#06a97f;pointer-events:none;border-radius:24px;padding:16px 26px;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 10px 30px #1b2a412e}.coloring-game .toast.show{animation:toast .9s var(--ease)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.coloring-game .confetti{z-index:19;pointer-events:none;border-radius:3px;width:10px;height:10px;animation:.8s ease-out forwards confetti;position:fixed}@keyframes confetti{to{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.coloring-game .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#1b2a4173;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.coloring-game .modal-overlay.open{opacity:1;pointer-events:auto}.coloring-game .modal-card{background:var(--surface);border:4px solid var(--outline);width:min(100%,450px);transition:transform .25s var(--ease);border-radius:28px;max-height:90vh;padding:20px;overflow-y:auto;transform:scale(.9)translateY(10px);box-shadow:0 20px 40px #1b2a4140}.coloring-game .modal-overlay.open .modal-card{transform:scale(1)translateY(0)}.coloring-game .modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.coloring-game .modal-title{color:var(--text);align-items:center;gap:8px;margin:0;font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:800;display:flex}.coloring-game .close-modal-btn{cursor:pointer;width:36px;height:36px;color:var(--soft);background:#f0f4f8;border:none;border-radius:50%;place-items:center;font-size:1rem;display:grid}.coloring-game .voice-box{border:2px dashed var(--blue);text-align:center;background:linear-gradient(135deg,#eaf6ff 0%,#f5faff 100%);border-radius:18px;margin-bottom:12px;padding:14px}.coloring-game .mic-btn{background:var(--blue);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:0 5px 0 var(--blue-dark);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:26px;display:flex}.coloring-game .mic-btn.listening{background:var(--red);animation:1.2s infinite pulse-mic;box-shadow:0 5px #d94343}@keyframes pulse-mic{0%{box-shadow:0 0 #ff6b6b99}70%{box-shadow:0 0 0 14px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.coloring-game .mic-status{color:#34516b;margin:0;font-size:.8rem;font-weight:700}.coloring-game .prompt-label{color:var(--text);margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:700;display:block}.coloring-game .prompt-input{border:2px solid var(--outline);width:100%;color:var(--text);border-radius:14px;outline:none;margin-bottom:10px;padding:10px 14px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.coloring-game .chip-container{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.coloring-game .chip{border:1.5px solid var(--outline);color:#34516b;cursor:pointer;background:#f0f7ff;border-radius:99px;padding:5px 10px;font-size:.75rem;font-weight:700}.coloring-game .generate-btn{background:var(--green);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--green-dark);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:800;display:flex}.coloring-game .loading-view{text-align:center;padding:20px 10px;display:none}.coloring-game .loading-spinner{border:4px solid var(--outline);border-top-color:var(--blue);border-radius:50%;width:44px;height:44px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=500px){.coloring-game .palette{width:50px;padding:4px 2px}.coloring-game .swatch{border-radius:10px;width:34px;height:34px}.coloring-game .palette-tag{padding:1px 2px;font-size:.6rem}}.coloring-game .board{isolation:isolate}.coloring-game .coloring-image{object-fit:contain;z-index:2;pointer-events:none;mix-blend-mode:multiply;filter:contrast(1.2);width:100%;height:100%;position:relative}.coloring-game .mode-tabs{gap:8px;margin-bottom:14px;display:flex}.coloring-game .mode-tab{border:2px solid var(--outline);color:var(--soft);cursor:pointer;background:#f8fafc;border-radius:14px;flex:1;padding:10px 8px;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:800;transition:transform .15s,background .15s,color .15s,border-color .15s}.coloring-game .mode-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-1px)}.coloring-game .mode-tab:active{transform:scale(.97)}.coloring-game .camera-hint{color:var(--soft);text-align:center;margin:0 0 12px;font-size:.82rem;font-weight:700}.coloring-game .camera-box{flex-direction:column;align-items:center;gap:12px;display:flex}.coloring-game .camera-video{object-fit:cover;background:#000;border-radius:18px;width:100%;max-height:260px}.coloring-game .camera-controls{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.coloring-game .camera-btn{cursor:pointer;border:none;border-radius:14px;padding:10px 18px;font-family:"Baloo 2",sans-serif;font-weight:800}.coloring-game .camera-btn.secondary{color:var(--text);background:#f1f5f9}.coloring-game .camera-btn.shutter{border:4px solid var(--blue);background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;display:grid;box-shadow:0 4px 10px #00000026}.coloring-game .camera-btn.shutter:active{transform:scale(.94)}.coloring-game .camera-status{color:var(--soft);text-align:center;margin:0;font-size:.82rem;font-weight:700}.coloring-game .camera-fallback{flex-direction:column;align-items:center;gap:10px;display:flex}.coloring-game .photo-preview-box{flex-direction:column;gap:10px;display:flex}.coloring-game .photo-preview{object-fit:cover;border:2px solid var(--outline);border-radius:18px;width:100%;max-height:220px}.coloring-game .photo-actions{gap:10px;display:flex}.coloring-game .photo-actions .generate-btn{flex:1}.coloring-game .template-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:320px;padding:2px;display:grid;overflow-y:auto}.coloring-game .template-card{border:2px solid var(--outline);cursor:pointer;background:#f8fafc;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 10px;transition:transform .15s,border-color .15s,background .15s;display:flex}.coloring-game .template-card:hover,.coloring-game .template-card:active{border-color:var(--blue);background:#eaf6ff;transform:translateY(-1px)}.coloring-game .template-thumb-wrap{aspect-ratio:1;background:#fff;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.coloring-game .template-thumb{object-fit:contain;width:90%;height:90%}.coloring-game .template-label{color:var(--text);text-align:center;font-family:"Baloo 2",sans-serif;font-size:.72rem;font-weight:800}.coloring-game .privacy-note{background:var(--bg);color:var(--soft);text-align:center;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.75rem;font-weight:700}.coloring-game .error-note{color:var(--red);text-align:center;margin:0 0 10px;font-size:.8rem;font-weight:800}.coloring-game .action:disabled,.coloring-game .generate-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=700px) and (orientation:portrait){.coloring-game .main{grid-template-columns:44px minmax(0,1fr) 44px}.coloring-game .bottom{flex-wrap:wrap}.coloring-game .status{text-align:center;order:-1;width:100%}.coloring-game .action{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.coloring-game *,.coloring-game :before,.coloring-game :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.coloring-game .mode-switch{background:#ffffffe6;border-radius:999px;gap:4px;padding:4px;display:flex;box-shadow:0 4px #2b87d629}.coloring-game .mode-switch-btn{color:#34516b;cursor:pointer;min-height:clamp(40px,7vmin,52px);transition:transform .14s var(--ease), background .14s ease, color .14s ease;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 clamp(10px,2vw,18px);font-family:"Baloo 2",sans-serif;font-size:clamp(.8rem,2.2vmin,1rem);font-weight:800;display:flex}.coloring-game .mode-switch-btn.active{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-dark)}.coloring-game .mode-switch-btn:active{transform:scale(.94)}.coloring-game .cake-templates{flex-wrap:wrap;flex:auto;justify-content:center;gap:4px;min-width:0;display:flex}.coloring-game .cake-template-btn{border:2px solid var(--outline);color:#34516b;cursor:pointer;min-height:clamp(38px,6.6vmin,50px);transition:transform .14s var(--ease), border-color .14s ease, background .14s ease;background:#ffffffe6;border-radius:14px;align-items:center;gap:5px;padding:0 clamp(8px,1.6vw,14px);font-family:"Baloo 2",sans-serif;font-size:clamp(.72rem,2vmin,.9rem);font-weight:800;display:flex}.coloring-game .cake-template-btn.active{border-color:var(--blue);color:var(--blue-dark);background:#eaf6ff}.coloring-game .cake-template-btn:active{transform:scale(.94)}.coloring-game .cake-template-name{white-space:nowrap}.coloring-game .cake-board{flex-direction:column;gap:6px;padding:6px}.coloring-game .cake-board .board-canvas-wrapper{flex:auto;height:auto;min-height:0}.coloring-game .cake-toppings{z-index:3;pointer-events:none;position:absolute;inset:0}.coloring-game .cake-topping{filter:drop-shadow(0 2px 2px #1b2a4140);font-size:clamp(26px,8vmin,54px);line-height:1;position:absolute;transform:translate(-50%,-50%)}.coloring-game .cake-topping.candle.out{opacity:.55;filter:grayscale(.5)drop-shadow(0 2px 2px #1b2a4140)}.coloring-game .cake-drag-ghost{z-index:60;pointer-events:none;opacity:.9;font-size:clamp(38px,10vmin,66px);line-height:1;position:fixed;transform:translate(-50%,-50%)}.coloring-game .cake-drag-ghost[data-over=true]{opacity:1;filter:drop-shadow(0 0 10px #06d6a0e6)}.coloring-game .cake-dock{flex:none;grid-template-columns:repeat(auto-fit,minmax(clamp(44px,8vmin,60px),1fr));gap:4px;width:100%;padding:4px 2px 2px;display:grid}.coloring-game .cake-topping-btn{border:2px solid var(--outline);cursor:grab;touch-action:none;width:100%;min-width:0;transition:transform .14s var(--ease), border-color .14s ease;background:#fffffff0;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:3px 1px 4px;display:flex}.coloring-game .cake-topping-btn:active{border-color:var(--blue);transform:scale(.92)}.coloring-game .cake-topping-emoji{font-size:clamp(24px,6.4vmin,36px);line-height:1.1}.coloring-game .cake-topping-name{color:#34516b;white-space:nowrap;font-family:Nunito,system-ui,sans-serif;font-size:clamp(.56rem,1.5vmin,.7rem);font-weight:800}.coloring-game .cake-hint{text-align:center;color:#34516b;flex:none;margin:0;font-size:clamp(.68rem,1.9vmin,.85rem);font-weight:800}@media (width<=700px) and (orientation:portrait){.coloring-game .cake-template-name{display:none}.coloring-game .cake-templates{order:3;width:100%}}.arch-local{touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:relative;overflow:hidden}.arch-hud{z-index:5;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.arch-hud-side{align-items:center;gap:8px;display:flex}.arch-info-btn{z-index:6;color:#3da9fc;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-style:italic;font-weight:800;position:absolute;top:calc(24px + clamp(48px,8.5vmin,64px));left:20px}.arch-score-badge{color:#e8a800;background:#fff;border-radius:999px;padding:8px 16px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.05rem;font-weight:800;box-shadow:0 4px #00000014}.arch-icon-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:inline-flex;box-shadow:0 4px #00000014}.arch-icon-btn:active{transform:translateY(2px);box-shadow:0 2px #00000014}.arch-back-btn{color:#fff;background:#3da9fc;flex-shrink:0;place-items:center;width:clamp(48px,8.5vmin,64px);height:clamp(48px,8.5vmin,64px);display:inline-grid;box-shadow:0 4px #2b87d6}.arch-back-btn:active{transform:translateY(2px)scale(.96);box-shadow:0 2px #2b87d6}.arch-back-btn .back-btn-icon{width:55%;height:55%}.arch-scene{position:absolute;inset:0;overflow:hidden}.arch-sky{background:linear-gradient(#8fd3ff 0%,#bee7ff 55%,#eaf8ff 100%);position:absolute;inset:0}.arch-sun{background:radial-gradient(circle,#fff2c4,#ffc93c 70%);border-radius:50%;width:64px;height:64px;position:absolute;top:9%;right:12%;box-shadow:0 0 40px 12px #ffc93c73}.arch-cloud{opacity:.9;background:#fff;border-radius:50px;position:absolute}.arch-cloud:before,.arch-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.arch-cloud.c1{width:86px;height:26px;top:15%;left:8%}.arch-cloud.c1:before{width:38px;height:38px;top:-17px;left:8px}.arch-cloud.c1:after{width:46px;height:32px;top:-13px;left:36px}.arch-cloud.c2{width:66px;height:20px;top:26%;left:58%}.arch-cloud.c2:before{width:30px;height:30px;top:-13px;left:6px}.arch-cloud.c2:after{width:36px;height:24px;top:-9px;left:30px}.arch-bird{aspect-ratio:4/5;z-index:4;filter:drop-shadow(0 4px 4px #14325033);width:clamp(44px,7.5vmin,64px);transition:opacity .15s;position:absolute;top:28%;left:55%;transform:translate(-50%,-50%)}.arch-balloon{background:radial-gradient(circle at 34% 28%, #ffffffe6, #fff0 46%), var(--balloon,#ff6b6b);border-radius:50% 50% 48% 48%/55% 55% 45% 45%;position:absolute;inset:0;box-shadow:inset -5px -7px 12px #00000029}.arch-balloon:before{content:"";background:#465a6e80;border-radius:2px;width:2px;height:26%;position:absolute;top:100%;left:50%;transform:translate(-50%)}.arch-balloon:after{content:"";background:var(--balloon,#ff6b6b);clip-path:polygon(50% 0,100% 100%,0 100%);filter:brightness(.88);width:32%;height:12%;position:absolute;top:97%;left:50%;transform:translate(-50%,-50%)}.arch-bird.hit{animation:.7s ease-out forwards arch-bird-hit}@keyframes arch-bird-hit{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}60%{opacity:1;transform:translate(-50%,-30%)scale(1.3)rotate(25deg)}to{opacity:0;transform:translate(-50%,10%)scale(.6)rotate(200deg)}}.arch-bow-svg{filter:drop-shadow(0 6px 8px #14325047);width:clamp(230px,42vmin,340px);height:clamp(230px,42vmin,340px);position:absolute;overflow:visible}.arch-flying-arrow{aspect-ratio:52/12;transform-origin:0 0;opacity:0;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 3px #14325040);width:clamp(60px,9vmin,104px);height:auto;position:absolute;top:0;left:0}.arch-player-tag{color:#52657a;z-index:3;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:3px 10px;font-family:"Baloo 2",Nunito,sans-serif;font-size:.72rem;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 2px #00000014}.arch-cheer{color:#e8a800;text-shadow:0 3px #fff;opacity:0;pointer-events:none;text-align:center;z-index:7;justify-content:center;align-items:center;padding:0 24px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.8rem;font-weight:800;display:flex;position:absolute;inset:0}.arch-cheer.show{animation:1.1s ease-out forwards arch-cheer-pop}@keyframes arch-cheer-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}40%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(1)}}.arch-particles{pointer-events:none;z-index:6;position:absolute;inset:0}.arch-confetti{border-radius:3px;width:11px;height:11px;margin:-5px 0 0 -5px;animation:.75s ease-out forwards arch-confetti-burst;position:absolute}@keyframes arch-confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) rotate(320deg);opacity:0}}@media (width<=420px){.arch-bow-svg{width:clamp(190px,38vmin,260px);height:clamp(190px,38vmin,260px)}.arch-bird{width:clamp(38px,7vmin,52px)}.arch-player-tag{padding:2px 8px;font-size:.62rem}}.susun-balok-3d{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.susun-balok-3d .sb3d-stage{touch-action:none}.susun-balok-3d .sb3d-topbar{flex:none;min-height:56px}.susun-balok-3d .sb3d-topbar .back-btn,.susun-balok-3d .sb3d-topbar .audio-btn{min-height:44px}.susun-balok-3d .sb3d-score{background:linear-gradient(90deg,#6366f1,#a855f7);font-weight:800}.susun-balok-3d aside{max-height:100dvh;overflow-y:auto}.susun-balok-3d .sb3d-item-btn{flex-shrink:0;width:52px;max-width:52px;height:52px;max-height:52px}.susun-balok-3d svg{max-width:100%;max-height:100%}@keyframes sb3d-drag-demo{0%{opacity:0;top:40%;left:60px;transform:scale(1)rotate(-15deg)}15%{opacity:1;transform:scale(1.15)rotate(-15deg)}30%{transform:scale(.85)rotate(-5deg)}70%{opacity:1;top:58%;left:45%;transform:scale(.85)rotate(0)}85%{opacity:1;top:58%;left:45%;transform:scale(1.15)rotate(0)}to{opacity:0;top:58%;left:45%;transform:scale(1)rotate(0)}}.susun-balok-3d .sb3d-hand{animation:3.4s cubic-bezier(.4,0,.2,1) infinite sb3d-drag-demo}.susun-balok-3d aside::-webkit-scrollbar{width:6px}.susun-balok-3d aside::-webkit-scrollbar-thumb{background:#fffc;border-radius:10px}.bajaj-game.bj-root{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#9fd4f2;font-family:system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}.bajaj-game.bj-root.bj-dark{background:#14171a}.bajaj-game .bj-view{width:100%;height:100%;display:block;position:absolute;inset:0}.bajaj-game .bj-hud{top:calc(10px + env(safe-area-inset-top,0px));background:#0f1215a6;border-radius:14px;padding:8px 14px;line-height:1.1;position:absolute;left:12px}.bajaj-game .bj-hud b{font-variant-numeric:tabular-nums;font-size:clamp(34px,5vw,72px)}.bajaj-game .bj-hud span{opacity:.75;margin-left:4px;font-size:clamp(13px,1.6vw,24px)}.bajaj-game .bj-toast{text-align:center;color:#ff6a4d;text-shadow:0 2px 8px #000;opacity:0;pointer-events:none;font-size:clamp(30px,5vw,72px);font-weight:800;transition:opacity .25s;position:absolute;top:30%;left:0;right:0}.bajaj-game .bj-menu{top:calc(10px + env(safe-area-inset-top,0px));color:#fff;z-index:5;background:#0f1215b3;border:0;border-radius:12px;width:42px;height:42px;font-size:20px;position:absolute;right:12px}.bajaj-game .bj-back-btn{top:calc(10px + env(safe-area-inset-top,0px));color:#fff;z-index:6;cursor:pointer;background:#0f1215b3;border:0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;left:12px}.bajaj-game .bj-back-icon{width:22px;height:22px}.bajaj-game .bj-audio-toggle{top:calc(10px + env(safe-area-inset-top,0px));z-index:6;position:absolute;right:66px}.bajaj-game .bj-audio-toggle .audio-btn{margin:0}.bajaj-game .bj-ctrl{padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:0 0;flex-direction:column;gap:10px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:visible}.bajaj-game .bj-dock{border-radius:22px 22px 0 0;max-width:560px;height:min(42vh,340px)}.bajaj-game .bj-full{height:100%;padding-top:calc(60px + env(safe-area-inset-top,0px));background:linear-gradient(#262b3199,#14171ae6);top:0}.bajaj-game .bj-link{top:calc(60px + env(safe-area-inset-top,0px));font-size:14px;position:absolute;left:16px}.bajaj-game .bj-barbox{touch-action:none;cursor:grab;flex:1;min-height:0}.bajaj-game .bj-barbox svg{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.bajaj-game .bj-pedals{align-items:stretch;gap:12px;height:clamp(62px,11vh,96px);display:flex}.bajaj-game .bj-pedals button{color:#fff;touch-action:none;border:0;border-radius:16px;flex:1;font-size:17px;font-weight:800;transition:transform 50ms,filter 50ms}.bajaj-game .bj-pedals button.on{filter:brightness(1.35);transform:scale(.96)}.bajaj-game .bj-rem{background:#c43d33}.bajaj-game .bj-gas{background:#2f9a5e}.bajaj-game .bj-pedals .bj-hon{color:#1b1f23;background:#e0a923;flex:.6}.bajaj-game .bj-ov{text-align:center;z-index:10;background:#0e1114d1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.bajaj-game .bj-ov h1{margin:0;font-size:32px}.bajaj-game .bj-ov p{opacity:.85;max-width:360px;margin:0;font-size:15px}.bajaj-game .bj-tv h1{font-size:clamp(34px,5vw,72px)}.bajaj-game .bj-tv p{max-width:none;font-size:clamp(16px,2.2vw,30px)}.bajaj-game .bj-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bajaj-game .bj-chip{color:#fff;background:0 0;border:2px solid #4a525b;border-radius:999px;padding:8px 14px;font-size:14px}.bajaj-game .bj-chip.sel{background:#f08a2433;border-color:#f08a24}.bajaj-game .bj-chip-big{background:linear-gradient(135deg,#f08a24,#ff6b35);border:0;padding:15px 32px;font-size:clamp(16px,2.4vw,20px);font-weight:800;box-shadow:0 4px 12px #f08a2473}.bajaj-game .bj-chip-big.sel{background:linear-gradient(135deg,#f08a24,#ff6b35);outline:3px solid #fff3}.bajaj-game .bj-go{color:#fff;background:#f08a24;border:0;border-radius:999px;margin-top:6px;padding:13px 34px;font-size:17px;font-weight:800}.bajaj-game .bj-cast-btn{align-self:flex-start}.bajaj-game .bj-cast-btn:disabled{opacity:.85}.bajaj-game .bj-debug{z-index:20;color:#d7f5e2;text-align:left;pointer-events:none;word-break:break-word;background:#0a0c0fe6;border:1px solid #2f3a44;border-radius:12px;max-width:min(92vw,420px);padding:10px 12px;font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:12px;left:12px}.bajaj-game .bj-debug h2{color:#ffb347;text-transform:none;margin:0 0 6px;font-size:13px}.sortir-game{--sw-text:#22314a;--sw-soft:#64748b;--sw-surface:#fff;--sw-blue:#3b82f6;--sw-blue-dark:#2563eb;--sw-ease:cubic-bezier(.34, 1.56, .64, 1);--sw-item:clamp(64px, 13.5vmin, 104px);--sw-emoji:calc(var(--sw-item) * .8);color:var(--sw-text);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;background:radial-gradient(circle at 12% 10%,#ffc93c38,#0000 30%),radial-gradient(circle at 88% 90%,#06d6a02e,#0000 32%),linear-gradient(#eaf6ff 0%,#f4fbff 60%,#ecfdf3 100%);font-family:Nunito,system-ui,sans-serif}.sortir-game *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.sortir-game .screen{height:100svh;min-height:100svh;padding:4px clamp(6px, 1.6vw, 14px) calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:4px;display:flex;overflow:hidden}.sortir-game button{font:inherit}.sortir-game button:focus-visible{outline:3px solid var(--sw-blue-dark);outline-offset:3px}.sortir-game .topbar{flex:none;align-items:center;gap:clamp(6px,1.2vw,14px);display:flex}.sortir-game .home-btn{background:var(--sw-blue);color:#fff;width:clamp(40px,7vmin,54px);height:clamp(40px,7vmin,54px);box-shadow:0 4px 0 var(--sw-blue-dark);cursor:pointer;transition:transform .14s var(--sw-ease);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.sortir-game .home-btn>svg{width:55%;height:55%;display:block}.sortir-game .home-btn:active{transform:scale(.92)}.sortir-game .titles{flex:auto;min-width:0}.sortir-game .titles h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.95rem,2.6vw,1.35rem);line-height:1.1;overflow:hidden}.sortir-game .titles p{color:var(--sw-soft);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:clamp(.66rem,1.6vw,.85rem);font-weight:600;overflow:hidden}.sortir-game .level-badges{flex:0 auto;justify-content:center;gap:clamp(3px,.7vw,6px);min-width:0;display:flex}.sortir-game .level-badge{background:var(--sw-surface);width:clamp(26px,4.4vmin,40px);height:clamp(26px,4.4vmin,40px);color:var(--sw-text);cursor:pointer;transition:transform .14s var(--sw-ease);border:none;border-radius:50%;flex:none;font-size:clamp(.7rem,1.9vw,.95rem);font-weight:800;box-shadow:0 3px #3b82f640}.sortir-game .level-badge.done{color:#047857;background:#d1fae5}.sortir-game .level-badge.active{background:var(--sw-blue);color:#fff;transform:translateY(-2px)scale(1.05)}.sortir-game .level-badge:active{transform:scale(.92)}.sortir-game .play-area{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));flex:auto;align-items:stretch;gap:clamp(4px,1.2vw,12px);min-height:0;display:grid}.sortir-game .column{border:3px dashed #0000;border-radius:20px;flex-direction:column;align-items:center;gap:3px;min-height:0;padding:4px;transition:border-color .15s,transform .15s;display:flex;container-type:size}.sortir-game .column.droppable{background:#3b82f612;border-color:#3b82f673}.sortir-game .column-name{flex:none;font-size:clamp(.72rem,2vw,1.05rem);font-weight:800;line-height:1}.sortir-game .dropzone{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--per-col,2), minmax(0, 1fr));border-radius:14px;flex:auto;place-items:center;gap:clamp(2px,.6vmin,6px);width:100%;min-height:0;padding:4px;display:grid;overflow:hidden}.sortir-game .placed-item{font-size:min(var(--sw-emoji), 72cqi, calc(72cqb / var(--per-col,2)), 8rem);animation:sw-pop .3s var(--sw-ease);line-height:1}.sortir-game .column.shake{animation:.45s sw-shake}.sortir-game .divider{border-top:2px dashed #3b82f666;flex:none;height:0;margin:2px 0;position:relative}.sortir-game .scissors{background:#eaf6ff;padding:0 5px;font-size:clamp(.85rem,2.2vw,1.1rem);position:absolute;top:50%;left:6px;transform:translateY(-50%)}.sortir-game .dock{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:clamp(4px,1.2vw,12px);padding:2px;display:flex}.sortir-game .dock-item{width:var(--sw-item);height:var(--sw-item);background:var(--sw-surface);cursor:pointer;touch-action:none;transition:transform .14s var(--sw-ease), box-shadow .14s ease;border:none;border-radius:18px;place-items:center;animation:2.4s ease-in-out infinite sw-bounce;display:grid;box-shadow:0 4px #3b82f62e}.sortir-game .dock-item:hover{transform:translateY(-4px)}.sortir-game .dock-item:active{transform:scale(.94)}.sortir-game .dock-item.dragging{animation:none}.sortir-game .dock-item.wrong{animation:.5s sw-wiggle}.sortir-game .dock-item.dragging{opacity:.35}.sortir-game .dock-emoji{font-size:var(--sw-emoji);pointer-events:none;line-height:1}.sortir-game .dock-empty{color:#047857;font-size:clamp(.9rem,3vw,1.2rem);font-weight:800}.sortir-game .drag-ghost{z-index:90;font-size:var(--sw-emoji);pointer-events:none;filter:drop-shadow(0 8px 10px #00000040);position:fixed;transform:translate(-50%,-50%)scale(1.35)}.sortir-game .victory{z-index:80;background:#14213d73;place-items:center;padding:18px;animation:.25s sw-fade;display:grid;position:fixed;inset:0}.sortir-game .victory-card{text-align:center;width:100%;max-width:460px;animation:sw-pop .4s var(--sw-ease);background:#fff;border-radius:28px;padding:clamp(20px,5vw,36px);box-shadow:0 18px 40px #14213d40}.sortir-game .stars{letter-spacing:4px;font-size:clamp(2.2rem,9vw,3.2rem)}.sortir-game .victory-card h2{margin:6px 0 4px;font-size:clamp(1.3rem,5vw,1.9rem)}.sortir-game .victory-card p{color:var(--sw-soft);margin:0 0 18px;font-weight:600}.sortir-game .victory-count{color:var(--sw-blue-dark);margin:14px 0 0;font-size:clamp(.85rem,2.4vw,1rem);font-weight:800}.sortir-game .victory-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sortir-game .btn{cursor:pointer;transition:transform .14s var(--sw-ease);border:none;border-radius:999px;padding:14px 24px;font-size:clamp(.95rem,2.6vw,1.1rem);font-weight:800}.sortir-game .btn:active{transform:scale(.95)}.sortir-game .btn.primary{background:var(--sw-blue);color:#fff;box-shadow:0 4px 0 var(--sw-blue-dark)}.sortir-game .btn.ghost{color:var(--sw-text);background:#eef2f7}@keyframes sw-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes sw-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sw-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes sw-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes sw-fade{0%{opacity:0}to{opacity:1}}.sw-confetti{z-index:95;pointer-events:none;border-radius:3px;width:10px;height:14px;animation:.95s ease-out forwards sw-confetti-fly;position:fixed}@keyframes sw-confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--sw-dx), var(--sw-dy)) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.sortir-game .dock-item,.sortir-game .placed-item{animation:none}}@media (width<=640px){.sortir-game .titles p{display:none}.sortir-game .level-badge{width:clamp(20px,3.8vmin,28px);height:clamp(20px,3.8vmin,28px);font-size:.62rem}}.musik-game{height:100svh;padding:max(6px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(14px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(160deg,#fff1be 0%,#c5f6fa 55%,#e5dbff 100%);flex-direction:column;display:flex;overflow:hidden}.musik-game .mk-close{aspect-ratio:1;background:var(--color-danger-soft);color:#fff;cursor:pointer;touch-action:manipulation;width:min(62%,52px);transition:transform .14s var(--ease-playful);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 4px #d9604c}.musik-game .mk-close:active{transform:translateY(3px);box-shadow:0 1px #d9604c}.musik-game .mk-close svg{width:52%;height:52%}.musik-game .mk-stage{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 0 clamp(6px,1.4vmin,12px);display:flex}.musik-game .mk-toy{background:linear-gradient(#ffc4dc 0%,#ff9ec6 55%,#ff86b8 100%);border-radius:clamp(40px,11vmin,96px) clamp(18px,3vmin,30px) clamp(18px,3vmin,30px) clamp(40px,11vmin,96px);gap:clamp(6px,1.4vmin,14px);width:100%;height:100%;padding:clamp(8px,2.2vmin,18px);display:flex;box-shadow:0 clamp(6px,1.4vmin,12px) #d9588f,0 24px 36px #8c285a40,inset 0 3px #fff9;container-type:size}.musik-game .mk-lobe{background:radial-gradient(circle at 50% 38%,#fff3f8 0%,#ffd9e8 70%,#ffc4dc 100%);border-radius:999px;flex-direction:column;flex:none;justify-content:space-evenly;align-items:center;gap:clamp(4px,1.2vmin,10px);width:calc(min(50cqh,30cqw)/2.82486 + 34px);padding:clamp(8px,2vmin,16px) 0;display:flex;box-shadow:inset 0 0 0 3px #ffffffd9,inset 0 -5px #d9588f47}.musik-game .mk-clef-big{color:#1b2a41;filter:drop-shadow(0 3px #d9588f59);flex:none;width:auto;height:min(50cqh,30cqw)}.musik-game .mk-main{flex-direction:column;flex:1 1 0;gap:clamp(5px,1.2vmin,10px);min-width:0;display:flex}.musik-game .mk-staff{z-index:2;left:var(--pad);right:var(--pad);top:var(--pad);height:calc((100% - var(--pad) * 2 - var(--press)) * .55);pointer-events:none;position:absolute;container-type:size}.musik-game .mk-staff-line{background:#1b2a41cc;border-radius:2px;height:max(1.5px,1.1cqh);position:absolute;left:0;right:0;transform:translateY(-50%)}.musik-game .mk-note{left:calc((100% + var(--gap)) * var(--i) / 9 + (100% - 8 * var(--gap)) / 18);--nw:min(13.5cqh, 3.4cqw);width:var(--nw);height:calc(var(--nw) * .74);position:absolute;transform:translate(-50%,-50%)}.musik-game .mk-note .head{background:#1b2a41;border-radius:50%;transition:transform .12s,background-color .12s,box-shadow .12s;position:absolute;inset:0;transform:rotate(-20deg)}.musik-game .mk-note .stem{width:max(1.5px, calc(var(--nw) * .13));height:calc(var(--nw) * 2.45);background:#1b2a41;position:absolute;bottom:50%;right:0}.musik-game .mk-note.down .stem{inset:50% auto auto 0}.musik-game .mk-note .ledger{height:max(1.5px, calc(var(--nw) * .08));background:#1b2a41;position:absolute;top:50%;left:-45%;right:-45%;transform:translateY(-50%)}.musik-game .mk-note.on .head{background:#fff;transform:rotate(-20deg)scale(1.45);box-shadow:0 0 0 max(1.5px,1.2cqh) #1b2a41}.musik-game .mk-strip{background:linear-gradient(#4a54c4 0%,#2d318a 100%);border-radius:14px;flex:.62 1 0;justify-content:space-evenly;align-items:center;min-height:0;padding:0 1.5cqw;display:flex;box-shadow:inset 0 0 0 3px #ffffffd9,0 3px #781e5059;container-type:size}.musik-game .mk-song{--cd:color-mix(in srgb, var(--c) 60%, black);--size:min(76cqh, 14cqw);width:var(--size);aspect-ratio:1;font-size:calc(var(--size) * .56);cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 34% 26%, #fffc 0 8%, #fff0 34%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 78%, white) 0%, var(--c) 72%);box-shadow:0 max(3px, .9cqh) 0 var(--cd), inset 0 0 0 max(2px, .9cqh) #ffffffb8;transition:transform .14s var(--ease-playful);border:0;border-radius:50%;flex:none;place-items:center;padding:0;line-height:1;display:grid}.musik-game .mk-song:active{box-shadow:0 0 0 var(--cd), inset 0 0 0 max(2px, .9cqh) #ffffffb8;transform:translateY(3px)}.musik-game .mk-song.playing{box-shadow:0 max(3px, .9cqh) 0 var(--cd), 0 0 0 max(2px, .8cqh) #fff, 0 0 max(10px, 3cqh) var(--c), inset 0 0 0 max(2px, .9cqh) #ffffffb8;animation:.9s ease-in-out infinite mk-pulse}.musik-game .mk-stop{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:min(60%,52px);padding:0;display:grid;box-shadow:0 3px #bfc5f2}.musik-game .mk-stop:before{content:"";background:#f03e3e;border-radius:3px;width:40%;height:40%}.musik-game .mk-stop:disabled{opacity:.4;cursor:default}.musik-game .mk-keys{--gap:clamp(2px, .5cqw, 6px);--pad:clamp(4px, 1vmin, 9px);--press:clamp(4px, 1.6vmin, 10px);gap:var(--gap);min-height:0;padding:var(--pad) var(--pad) calc(var(--press) + var(--pad));background:#fff;border-radius:14px 14px 20px 20px;flex:1.7 1 0;display:flex;position:relative;box-shadow:inset 0 0 0 2px #d9588f2e,0 3px #b83c6e59;container-type:size}.musik-game .mk-col{flex:1 1 0;min-width:0;position:relative}.musik-game .mk-key{--kd:color-mix(in srgb, var(--k) 65%, black);background:linear-gradient(180deg, color-mix(in srgb, var(--k) 70%, white) 0%, var(--k) 45%);width:100%;height:100%;min-height:0;box-shadow:0 var(--press) 0 var(--kd);cursor:pointer;touch-action:none;border:0;border-radius:8px 8px 16px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 clamp(5px,2.6cqh,16px);transition:transform 80ms,box-shadow 80ms,filter 80ms;display:flex;position:relative}.musik-game .mk-key.lit{transform:translateY(var(--press));box-shadow:0 0 0 var(--kd);filter:brightness(1.18)}.musik-game .mk-key.auto{outline-offset:-4px;outline:4px solid #fff}.musik-game .mk-key-label{font-family:var(--font-display);color:#fff;text-shadow:0 2px #00000040;pointer-events:none;font-size:clamp(.72rem,2.6cqw,1.9rem);font-weight:800;line-height:1}.musik-game .mk-key-num{min-width:1.7em;color:var(--color-text);font-family:var(--font-display);text-align:center;pointer-events:none;background:#ffffffe0;border-radius:999px;padding:0 .35em;font-size:clamp(.62rem,2cqw,1.3rem);font-weight:800;line-height:1.5}.musik-game .mk-black{top:0;left:calc(100% + var(--gap) / 2 - 33%);z-index:3;width:66%;height:48%;box-shadow:0 calc(var(--press) * .7) 0 #000, 0 0 0 2px #fff;cursor:pointer;touch-action:none;background:linear-gradient(90deg,#ffffff29 0 12%,#fff0 28%),linear-gradient(#3a3a48 0%,#14141b 10%,#20202a 100%);border:0;border-radius:0 0 10px 10px;justify-content:center;align-items:flex-start;padding:6% 0 0;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute}.musik-game .mk-black.lit{transform:translateY(calc(var(--press) * .7));box-shadow:0 0 #000,0 0 0 2px #fff}.musik-game .mk-black-badge{aspect-ratio:1.1;pointer-events:none;background:#c4c8e6;border-radius:28%;place-items:center;width:88%;display:grid;box-shadow:0 max(2px,.7cqh) #8b90c2}.musik-game .mk-black-badge svg{filter:grayscale();opacity:.5;width:86%;height:86%}.musik-game .mk-black[aria-pressed=true]{box-shadow:0 calc(var(--press) * .7) 0 #000, 0 0 0 3px #ffd43b, 0 0 14px 2px #ffd43bd9}.musik-game .mk-black[aria-pressed=true] .mk-black-badge{background:#fff;box-shadow:0 max(2px,.7cqh) #cfd3f3}.musik-game .mk-black[aria-pressed=true] .mk-black-badge svg{filter:none;opacity:1}.musik-game .mk-key-lyric{z-index:4;color:var(--color-text);font-family:var(--font-display);white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;padding:1px 8px;font-size:clamp(.7rem,2.4cqw,1.5rem);font-weight:800;line-height:1.2;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #0000002e}.musik-game .mk-pop{z-index:5;font-family:var(--font-display);color:#fff;-webkit-text-stroke:6px #e03131;paint-order:stroke fill;text-shadow:0 4px #e03131;pointer-events:none;place-items:center;font-size:clamp(2rem,9vw,5rem);font-weight:800;animation:.5s ease-out mk-boom;display:grid;position:absolute;inset:0}.musik-game .mk-rotate{display:none}@media (orientation:portrait){.musik-game .mk-stage{display:none}.musik-game .mk-rotate{z-index:20;text-align:center;color:var(--color-text);background:linear-gradient(160deg,#fff1be 0%,#ffd9e8 55%,#e5dbff 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.musik-game .mk-close-float{top:max(12px, env(safe-area-inset-top,0px));position:absolute;left:12px}}.musik-game .mk-rotate-phone{width:clamp(80px,26vw,140px);height:auto;animation:2.2s ease-in-out infinite mk-tilt}.musik-game .mk-rotate-title{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,6.5vw,2.4rem);font-weight:800;line-height:1.15}.musik-game .mk-rotate-sub{max-width:28ch;margin:0;font-size:clamp(.95rem,4vw,1.3rem);font-weight:700;line-height:1.35}@keyframes mk-tilt{0%,15%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes mk-boom{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes mk-pulse{50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.musik-game .mk-song.playing,.musik-game .mk-rotate-phone{animation:none}}.ganti-baju,.ganti-baju *,.ganti-baju :before,.ganti-baju :after{box-sizing:border-box}.ganti-baju{--gb-btn:clamp(58px, min(15vh, 14vw), 118px);height:100svh;padding:calc(14px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffe3ee;grid-template:"back hats dice""shirts stage pants"minmax(0,1fr)".shoes."/clamp(92px,22vw,200px) minmax(0,1fr) clamp(92px,22vw,200px);gap:clamp(4px,1.2vmin,12px);display:grid;position:relative;overflow:hidden}.ganti-baju .gb-back{grid-area:back;place-self:start}.ganti-baju .gb-dice{cursor:pointer;background:#fff;border:0;border-radius:50%;grid-area:dice;place-self:start end;width:clamp(48px,8.5vmin,64px);height:clamp(48px,8.5vmin,64px);font-size:clamp(1.4rem,5vmin,2rem);line-height:1;box-shadow:0 4px #c9e6ff}.ganti-baju .gb-dice:active{transform:translateY(2px)scale(.95)}.ganti-baju .gb-room{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ganti-baju>:not(.gb-room){z-index:1;position:relative}.ganti-baju .gb-room-wall{background:radial-gradient(circle at 50% 38%,#fffad7f2,#0000 46%),radial-gradient(circle,#ffffffb3 3px,#0000 4px) 0 0/44px 44px,repeating-linear-gradient(90deg,#ffe6f0 0 60px,#ffd6e7 60px 120px);position:absolute;inset:0 0 38%}.ganti-baju .gb-room-base{background:linear-gradient(#fff,#ffe9c9);border-top:3px solid #fff;height:4.5%;position:absolute;top:60%;left:0;right:0;box-shadow:0 3px #b4783c2e}.ganti-baju .gb-room-floor{background:linear-gradient(#ffffff47,#fff0 40%),repeating-linear-gradient(90deg,#0000 0 138px,#b06a2847 138px 141px),#ffd48e;position:absolute;inset:64.5% 0 0}.ganti-baju .gb-rug{background:#ff8fb8;border-radius:50%;place-items:center;width:min(54%,120vh);height:17%;display:grid;position:absolute;top:70%;left:50%;transform:translate(-50%);box-shadow:0 5px #aa466e40}.ganti-baju .gb-rug-in{background:#ffe07a;border-radius:50%;width:86%;height:78%;box-shadow:inset 0 0 0 4px #fff3b8}.ganti-baju .gb-wardrobe,.ganti-baju .gb-vanity{filter:drop-shadow(0 6px #78462829);width:auto;position:absolute;bottom:14%}.ganti-baju .gb-wardrobe{aspect-ratio:200/340;height:min(54%,27vw);left:17%}.ganti-baju .gb-vanity{aspect-ratio:240/340;height:min(54%,28vw);right:17%}.ganti-baju .gb-opts{justify-content:center;align-items:center;gap:clamp(8px,2vmin,18px);min-height:0;display:flex}.ganti-baju .gb-opts-shirt,.ganti-baju .gb-opts-pants{flex-direction:column}.ganti-baju .gb-opt{width:var(--gb-btn);height:var(--gb-btn);cursor:pointer;background:#fff7d6;border:4px solid #fff;border-radius:26px;flex:none;place-items:center;padding:6px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:grid;box-shadow:0 5px #1b2a4124}.ganti-baju .gb-opts-shirt .gb-opt{background:#ffe8cc}.ganti-baju .gb-opts-pants .gb-opt{background:#d0ebff}.ganti-baju .gb-opts-hat .gb-opt{background:#ffd8e4}.ganti-baju .gb-opts-shoes .gb-opt{background:#d3f9d8}.ganti-baju .gb-opt:active{transform:scale(.92)}.ganti-baju .gb-opt.is-on{border-color:#ffc93c;transform:scale(1.06);box-shadow:0 0 0 4px #ffc93c8c,0 5px #1b2a4124}.ganti-baju .gb-opt:focus-visible{outline-offset:3px;outline:4px solid #2b87d6}.ganti-baju .gb-opt svg{pointer-events:none;width:100%;height:100%;overflow:hidden}.ganti-baju .gb-stage{grid-area:stage;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.ganti-baju .gb-char{width:min(90cqw,90cqh);height:min(90cqw,90cqh);position:relative;transform:translateY(3%)}.ganti-baju .gb-floor{background:radial-gradient(#1b2a4147,#0000 70%);border-radius:50%;height:7%;position:absolute;bottom:2%;left:18%;right:18%}.ganti-baju .gb-body{transform-origin:50% 94%;animation:3.2s ease-in-out infinite gb-breathe;position:absolute;inset:0}.ganti-baju .gb-body img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ganti-baju .gb-wear{cursor:pointer;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ganti-baju .gb-lid{transform-box:fill-box;transform-origin:50% 0;animation:4.6s ease-in-out infinite gb-blink;transform:scaleY(0)}.ganti-baju .gb-char.happy .gb-lid{animation:none;transform:scaleY(1)}.ganti-baju .gb-joy{opacity:0;transition:opacity .12s}.ganti-baju .gb-char.happy .gb-joy{opacity:1}.ganti-baju .gb-sparks{pointer-events:none;position:absolute;inset:0}.ganti-baju .gb-sparks span{font-size:7cqmin;line-height:1;animation:1.2s ease-out forwards gb-spark;position:absolute;top:42%;left:50%}@keyframes gb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.02)rotate(.6deg)}}@keyframes gb-blink{0%,92%,to{transform:scaleY(0)}95.5%{transform:scaleY(1)}}@keyframes gb-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2)}}.ganti-baju .gb-back{color:#fff;cursor:pointer;background:#ffb347;border:4px solid #fff;border-radius:50%;place-items:center;width:clamp(52px,9vmin,68px);height:clamp(52px,9vmin,68px);padding:0;transition:transform .12s;display:grid;box-shadow:0 5px #1b2a412e}.ganti-baju .gb-back svg{pointer-events:none;width:62%;height:62%}.ganti-baju .gb-back:active{transform:translateY(2px)scale(.94)}.ganti-baju .gb-back:focus-visible,.ganti-baju .gb-dice:focus-visible{outline-offset:3px;outline:4px solid #2b87d6}.ganti-baju .gb-opts-hat{grid-area:hats}.ganti-baju .gb-opts-shirt{grid-area:shirts}.ganti-baju .gb-opts-pants{grid-area:pants}.ganti-baju .gb-opts-shoes{grid-area:shoes}.ganti-baju .gb-piece{transform-box:fill-box;transform-origin:50%}.ganti-baju .gb-piece.is-fresh{animation:.55s cubic-bezier(.34,1.56,.64,1) both gb-pop}@keyframes gb-pop{0%{opacity:0;transform:translateY(var(--drop,-30px)) scale(.6)}to{opacity:1;transform:none}}.ganti-baju .gb-char.happy .gb-lash{opacity:0}.ganti-baju .gb-char.party .gb-floor{animation:.6s ease-in-out 4 gb-floor}@keyframes gb-floor{50%{transform:scaleX(.82)}}.ganti-baju.is-idle .gb-opt{animation:2.8s ease-in-out infinite gb-nudge;animation-delay:calc(var(--i,0) * .18s)}@keyframes gb-nudge{0%,70%,to{transform:none}80%{transform:translateY(-6px)scale(1.06)}90%{transform:translateY(0)scale(.97)}}@media (prefers-reduced-motion:reduce){.ganti-baju .gb-body,.ganti-baju .gb-lid,.ganti-baju .gb-piece.is-fresh,.ganti-baju .gb-char.party .gb-floor,.ganti-baju.is-idle .gb-opt{animation:none}.ganti-baju .gb-sparks span{animation-duration:10ms}}@media (height<=430px){.ganti-baju{--gb-btn:clamp(48px, 17vh, 80px)}.ganti-baju .gb-opt{border-width:3px;border-radius:20px;padding:4px}}.belajar-bicara{z-index:50;background:#1c2a2d;height:100svh;position:fixed;inset:0}.belajar-bicara .bb-frame{border:0;width:100%;height:100%;display:block}.belajar-bicara .bb-loading{pointer-events:none;place-items:center;font-size:64px;animation:1s ease-in-out infinite bb-pulse;display:grid;position:absolute;inset:0}.belajar-bicara.bb-gate{box-sizing:border-box;place-items:center;padding:24px;display:grid}.belajar-bicara .bb-gate-exit{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff24;border:0;border-radius:999px;width:48px;height:48px;font-size:22px;line-height:1;position:absolute}.belajar-bicara .bb-gate-card{color:#fff;text-align:center;background:#ffffff14;border-radius:24px;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:28px 24px;display:flex}.belajar-bicara .bb-gate-emoji{font-size:72px;line-height:1}.belajar-bicara .bb-gate-title{margin:0;font-size:24px}.belajar-bicara .bb-gate-text{opacity:.85;margin:0;font-size:16px;line-height:1.5}@keyframes bb-pulse{50%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.belajar-bicara .bb-loading{animation:none}}.elektronik-game{--el-gap:clamp(6px, 1.4vmin, 14px);--el-ink:#1b2a41;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#e8f3ff}.elektronik-game *{box-sizing:border-box}.elektronik-game .el-screen{gap:var(--el-gap);height:100svh;min-height:100svh;padding:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px));color:var(--el-ink);flex-direction:column;display:flex;overflow:hidden}.elektronik-game .game-header{gap:var(--el-gap);flex:none;padding:0}.elektronik-game .el-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.elektronik-game .el-quiz-btn{font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;color:#fff;background:var(--color-secondary-dark);white-space:nowrap;touch-action:manipulation;border:none;padding:10px 18px;font-size:clamp(.8rem,2.4vmin,1rem);font-weight:700;box-shadow:0 4px #b57e00}.elektronik-game .el-quiz-btn.active{background:var(--color-danger-soft);box-shadow:0 4px #d9604c}.elektronik-game .el-quiz-btn:active{transform:translateY(2px);box-shadow:0 1px #00000040}.elektronik-game .el-hero{align-items:center;gap:var(--el-gap);flex:none;min-height:0;display:flex}.elektronik-game .el-hero .character-wrap{flex:none;width:clamp(44px,9vmin,76px);height:clamp(44px,9vmin,76px)}.elektronik-game .el-bubble{align-items:center;gap:var(--el-gap);background:var(--color-surface);border-radius:var(--radius-lg);min-width:0;box-shadow:0 4px 0 var(--color-outline);flex:1;padding:clamp(6px,1.4vmin,14px) clamp(10px,2.2vmin,22px);display:flex}.elektronik-game .el-speaker{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#eaf3ff;border:none;border-radius:50%;flex:none;width:clamp(34px,6vmin,52px);font-size:clamp(15px,3vmin,24px)}.elektronik-game .el-speaker:active{transform:scale(.94)}.elektronik-game .el-bubble-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.85rem,2.9vmin,1.35rem);font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.elektronik-game .el-grid{gap:var(--el-gap);flex:auto;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;display:grid}.elektronik-game .el-card{min-width:0;min-height:0;font:inherit;color:var(--el-ink);cursor:pointer;transition:transform .12s var(--ease-playful);touch-action:manipulation;border:none;border-radius:clamp(12px,3vmin,28px);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:0 5px #1b2a4124;container-type:size}.elektronik-game .el-card:active,.elektronik-game .el-card.active{transform:scale(.94)}.elektronik-game .el-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:clamp(22px,min(42cqh,60cqw),110px);line-height:1}.elektronik-game .el-label{text-align:center;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding:0 2px;font-size:clamp(9px,min(13cqh,15cqw),26px);font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.elektronik-game .el-card.el-benar{outline:5px solid var(--color-success);animation:el-pop .5s var(--ease-playful)}.elektronik-game .el-card.el-salah{outline:5px solid var(--color-danger-soft);animation:.4s el-shake}.elektronik-game .el-card.el-tap{animation:el-pop .35s var(--ease-playful)}@keyframes el-pop{50%{transform:scale(1.08)}}@keyframes el-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (orientation:landscape) and (height>=561px){.elektronik-game .el-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}}@media (orientation:landscape) and (height<=560px){.elektronik-game .el-hero{display:none}.elektronik-game .el-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr))}.elektronik-game .el-emoji{font-size:clamp(18px,min(34cqh,60cqw),72px)}.elektronik-game .el-label{font-size:clamp(8px,min(11cqh,15cqw),16px)}}@media (prefers-reduced-motion:reduce){.elektronik-game .el-card.el-benar,.elektronik-game .el-card.el-salah,.elektronik-game .el-card.el-tap{animation:none}}.hias-kue,.hias-kue *,.hias-kue :before,.hias-kue :after{box-sizing:border-box}.hias-kue{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:100svh;min-height:100svh;font-family:var(--font-display,"Baloo 2", system-ui, sans-serif);--hk-it:15svh;background:linear-gradient(#6be6ee 0 54%,#ff94a3 54% 65%,#fdd0ab 65%);position:relative;overflow:hidden}.hias-kue .hk-heart{color:#ffffff47;pointer-events:none;font-size:24svh;font-style:normal;line-height:1;position:absolute}.hias-kue .hk-stage{justify-content:center;align-items:center;padding:0 2vw;display:flex;position:absolute;inset:0 0 26svh}.hias-kue .hk-cake{width:min(88vw,52svh);position:relative}.hias-kue .hk-cake svg{width:100%;display:block;overflow:visible}.hias-kue .hk-cream{transform-origin:300px 170px;opacity:0;transform:scaleY(0)}.hias-kue .hk-cream.on{animation:.7s cubic-bezier(.3,1.5,.5,1) forwards hk-cream-in}@keyframes hk-cream-in{0%{opacity:0;transform:scaleY(0)}20%{opacity:1}to{opacity:1;transform:scaleY(1)}}.hias-kue .hk-p{aspect-ratio:1;--a:85%;width:16%;transform:translate(-50%, calc(-1 * var(--a)));transform-origin:50% var(--a);pointer-events:none;position:absolute}.hias-kue .hk-p.top{clip-path:inset(-40% -40% calc(98% - var(--a)) -40%)}.hias-kue .hk-p svg,.hias-kue .hk-it svg,.hias-kue .hk-ghost svg{width:100%;height:100%;display:block;overflow:visible}.hias-kue .hk-p.drop{animation:.52s ease-out forwards hk-drop}@keyframes hk-drop{0%{transform:translate(-50%, calc(-1 * var(--a) - var(--hk-fall))) rotate(var(--hk-tilt2));animation-timing-function:cubic-bezier(.55,0,1,.45)}75%{transform:translate(-50%, calc(-1 * var(--a))) rotate(var(--hk-tilt)) scale(1.1, .9);animation-timing-function:ease-out}to{transform:translate(-50%, calc(-1 * var(--a))) rotate(var(--hk-tilt)) scale(1)}}.hias-kue .hk-p.side{animation:.38s ease-out forwards hk-side}@keyframes hk-side{0%{transform:translate(-50%, calc(-1 * var(--a))) rotate(var(--hk-tilt)) scale(1.35);opacity:.5}60%{transform:translate(-50%, calc(-1 * var(--a))) rotate(var(--hk-tilt)) scale(.92);opacity:1}to{transform:translate(-50%, calc(-1 * var(--a))) rotate(var(--hk-tilt)) scale(1)}}.hias-kue .hk-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.35s ease-in-out infinite alternate hk-flicker}@keyframes hk-flicker{to{transform:scale(.92,1.08)rotate(3deg)}}.hias-kue .hk-p.lean .hk-flame{animation:.18s ease-in-out infinite alternate hk-lean}@keyframes hk-lean{0%{transform:skew(-25deg)scaleY(.75)}to{transform:skew(-42deg)scale(.9,.6)}}.hias-kue .hk-p.off .hk-flame{display:none}.hias-kue .hk-smoke{opacity:0}.hias-kue .hk-p.off .hk-smoke{animation:1.8s ease-out hk-smoke}@keyframes hk-smoke{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.hias-kue .hk-wind{z-index:60;pointer-events:none;font-size:13svh;animation:1.4s ease-in forwards hk-gust;position:absolute;right:-16svh}@keyframes hk-gust{80%{opacity:1}to{transform:translateX(var(--hk-dx,-135vw));opacity:0}}.hias-kue .hk-tray{height:26svh;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff0f3;border-top:1.2svh solid #ff7d97;position:absolute;bottom:0;left:0;right:0}.hias-kue .hk-opts{justify-content:center;align-items:center;gap:5svh;display:flex;position:absolute;inset:0}.hias-kue .hk-belt{position:absolute;inset:0;overflow:hidden}.hias-kue .hk-opt{cursor:pointer;touch-action:manipulation;border:.8svh solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19svh;height:19svh;font-family:inherit;display:flex;box-shadow:0 .8svh #0000002e}.hias-kue .hk-opt b{font-size:9svh;font-weight:400}.hias-kue .hk-opt:active,.hias-kue .hk-opt.sel{outline:.8svh solid #ffe066;transform:scale(1.12)}.hias-kue .hk-it{width:var(--hk-it);height:var(--hk-it);margin-top:calc(var(--hk-it) / -2);touch-action:none;cursor:grab;position:absolute;top:50%;left:0}.hias-kue .hk-it.drag{opacity:.35}.hias-kue .hk-ghost{width:calc(var(--hk-it) * 1.15);height:calc(var(--hk-it) * 1.15);pointer-events:none;z-index:99;position:fixed;top:-999px;left:-999px;transform:translate(-50%,-50%)rotate(-6deg)}.hias-kue .hk-btn{color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:6svh;font-weight:800;display:flex;position:absolute;box-shadow:0 .8svh #0003}.hias-kue .hk-btn:active{transform:translateY(.5svh)}.hias-kue .hk-close{left:2svh;top:max(2svh, env(safe-area-inset-top,0px));z-index:50;background:#ff4d5e;border:.6svh solid #fff;width:9svh;height:9svh;font-size:5svh}.hias-kue .hk-next{z-index:20;background:#34c759;border:.7svh solid #fff;width:13svh;height:13svh;animation:1s ease-in-out infinite hk-bob;top:38%;right:2.5svh}.hias-kue .hk-back{z-index:20;background:#ffa63d;border:.7svh solid #fff;width:13svh;height:13svh;top:38%;left:2.5svh}@keyframes hk-bob{50%{transform:scale(1.1)}}.hias-kue.stage-1 .hk-back,.hias-kue.stage-1:not(.has-cream) .hk-next{display:none}.hias-kue .hk-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hias-kue .hk-hud{right:2svh;top:max(2svh, env(safe-area-inset-top,0px));z-index:50;align-items:center;gap:8px;display:flex;position:absolute}.hias-kue .hk-overlay{z-index:80;text-align:center;background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;gap:3svh;display:flex;position:absolute;inset:0}.hias-kue .hk-overlay-icon{font-size:14svh;line-height:1}.hias-kue .hk-again{font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;background:#34c759;border:0;border-radius:99px;padding:1svh 6svh;font-size:7svh;box-shadow:0 .8svh #0003}.hias-kue .hk-again:active{transform:translateY(.5svh)}.hk-confetti{z-index:120;pointer-events:none;border-radius:3px;width:12px;height:12px;animation:1.4s ease-out forwards hk-confetti;position:fixed}@keyframes hk-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--hk-dx), var(--hk-dy)) rotate(540deg);opacity:0}}.hk-spark{z-index:120;pointer-events:none;font-size:26px;animation:.9s ease-out forwards hk-spark;position:fixed;transform:translate(-50%,-50%)}@keyframes hk-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--hk-sx)), calc(-50% + var(--hk-sy))) scale(1.2)}}@media (prefers-reduced-motion:reduce){.hias-kue .hk-p.drop,.hias-kue .hk-p.side,.hias-kue .hk-next{animation-duration:.01ms}}.pz-root{background:#c9a9fa;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.pz-root,.pz-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}.pz-bg,.pz-cv{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.pz-tray{pointer-events:none;justify-content:center;padding:0 0 2vh;transition:transform .7s cubic-bezier(.3,1.3,.5,1);display:flex;position:absolute;bottom:0;left:0;right:0}.pz-tray.hide{transform:translateY(135%)}.pz-trayIn{pointer-events:auto;background:#ffffff52;border-radius:5vh;gap:1.1vw;padding:1.3vh 1.6vw;display:flex}.pz-top{--b:min(10vw, 17vh);width:var(--b);height:var(--b);cursor:pointer;background:radial-gradient(circle at 35% 28%,#eaf6fe,#bfe0f6);border:.7vh solid #fff;border-radius:50%;place-items:center;padding:0;transition:transform .3s cubic-bezier(.3,1.9,.5,1),box-shadow .2s,border-color .2s;display:grid;box-shadow:0 .9vh #5634a047}.pz-top canvas{pointer-events:none;width:84%;height:84%}.pz-top.sel{border-color:#ffd54a;transform:translateY(-1.8vh)scale(1.14);box-shadow:0 0 0 .6vh #ffd54a,0 1.4vh #5634a052}.pz-side{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2.6vh;display:flex;position:absolute;top:0;bottom:0;right:2.4vw}.pz-fab{opacity:0;pointer-events:none;cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.3,1.7,.5,1),opacity .25s;display:grid;transform:scale(0);box-shadow:0 1vh #3c1e7847}.pz-fab.show{opacity:1;pointer-events:auto;transform:scale(1)}.pz-fab.show:active{transform:scale(.9)}.pz-fab svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.pz-ok{background:#3ccf5a;width:19vh;height:19vh}.pz-ok.pulse{animation:.9s ease-in-out infinite pz-pulse}.pz-undo{background:#ffa63d;width:12vh;height:12vh}.pz-clear{background:#ff5d6c;width:12vh;height:12vh}.pz-again{background:#3ccf5a;width:24vh;height:24vh;margin:-12vh 0 0 -12vh;position:absolute;top:50%;left:50%}@keyframes pz-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes pz-bob{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pz-mini{cursor:pointer;background:#ffffff8c;border:0;border-radius:50%;place-items:center;width:8vh;height:8vh;display:grid;position:absolute;top:2vh}.pz-mini svg{fill:none;stroke:#7a4fd0;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:55%;height:55%}.pz-exit{left:2vw}.pz-topR{gap:1.5vh;display:flex;position:absolute;top:0;right:2vw}.pz-topR .pz-mini{margin-top:2vh;position:static}.pz-start{background:#6e3cbe47;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.pz-start.off{opacity:0;pointer-events:none}.pz-play{cursor:pointer;background:#ffd54a;border:1vh solid #fff;border-radius:50%;place-items:center;width:30vh;height:30vh;animation:1.2s ease-in-out infinite pz-bob;display:grid;box-shadow:0 1.6vh #5634a066}.pz-play svg{fill:#ff6b3d;stroke:#ff6b3d;stroke-width:3px;stroke-linejoin:round;width:46%;height:46%;margin-left:8%}.ld-app{--ld-blue:#3da9fc;--ld-blue-dark:#2b87d6;--ld-yellow:#ffc93c;--ld-green:#06d6a0;--ld-pink:#ff8fa3;--ld-purple:#a970ff;--ld-bg:#eaf6ff;--ld-surface:#fff;--ld-text:#1b2a41;--ld-soft:#52657a;--ld-outline:#c9e6ff;--ld-ease:cubic-bezier(.34, 1.56, .64, 1);width:100%;height:100svh;color:var(--ld-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 12% 10%,#ffc93c47,#0000 30%),radial-gradient(circle at 90% 88%,#06d6a033,#0000 32%),linear-gradient(#8fd8ff 0%,#ddf3ff 55%,#ffeef6 100%);flex-direction:column;font-family:Nunito,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.ld-app *{box-sizing:border-box}.ld-app button{font:inherit;cursor:pointer}.ld-app button:focus-visible{outline:4px solid var(--ld-blue-dark);outline-offset:3px}.ld-hud{padding:10px 14px calc(10px + env(safe-area-inset-top,0px));flex:none;align-items:center;gap:12px;display:flex}.ld-hud strong{font-size:1.05rem}.ld-hud-title{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.ld-hud-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ld-hud-globe{font-size:1.4rem;line-height:1}.ld-hud-actions{flex:none;align-items:center;gap:8px;display:flex}.ld-hud-btn{background:var(--ld-surface);width:46px;height:46px;box-shadow:0 3px 0 var(--ld-outline);touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:inline-flex}.ld-hud-btn:active{transform:translateY(2px)}.ld-hud-btn.on{background:#d7f6ea;box-shadow:0 3px #b7efd7}.ld-hud-btn.stop{background:#ffe6dc;box-shadow:0 3px #f2c4b2}.ld-menu{padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;gap:16px;display:flex;overflow-y:auto}.ld-cast-box{background:#ffffffb8;border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex}.ld-cast-btn{color:#fff;background:var(--ld-purple);border:0;border-radius:16px;min-height:50px;font-size:1rem;font-weight:800;box-shadow:0 4px #8a4fe0}.ld-cast-btn:active{transform:translateY(2px)}.ld-cast-btn:disabled{background:#b9a7d6;box-shadow:0 4px #9c8bb8}.ld-cast-btn.stop{background:#ff8f6b;box-shadow:0 4px #d96b47}.ld-cast-error{color:#c0392b;margin:0;font-size:.76rem;font-weight:800}.ld-cast-hint{color:var(--ld-soft);margin:0;font-size:.74rem;font-weight:700;line-height:1.5}.ld-cast-hint code{background:#eef6ff;border-radius:6px;padding:1px 5px;font-size:.72rem}.ld-stories{flex-direction:column;gap:12px;display:flex}.ld-story-card{text-align:left;box-shadow:0 5px 0 var(--ld-outline);transition:transform .15s var(--ld-ease);background:linear-gradient(135deg,#fff6d6 0%,#ffe0ec 100%);border:0;border-radius:24px;align-items:center;gap:14px;padding:14px 16px;display:flex}.ld-story-card:active{transform:translateY(2px)}.ld-story-badge{color:#fff;background:linear-gradient(135deg, var(--ld-blue) 0%, var(--ld-purple) 100%);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:1.6rem;font-weight:900;display:grid}.ld-story-body{flex-direction:column;gap:2px;display:flex}.ld-story-body strong{font-size:1.02rem}.ld-story-body small{color:var(--ld-soft);font-size:.76rem;font-weight:700}.ld-story-tokoh{color:var(--ld-blue-dark)!important}.ld-play{min-height:0;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;gap:10px;display:flex}.ld-play-stage{border-radius:24px;flex:auto;min-height:0;overflow:hidden;box-shadow:0 8px 24px #1b2a4129}.ld-stage{background:linear-gradient(#bfe8ff 0%,#e9f6ff 100%);width:100%;height:100%;min-height:220px;position:relative;overflow:hidden;container-type:size}.ld-stage-bg,.ld-stage-image{width:100%;height:100%;position:absolute;inset:0}.ld-stage-image{object-fit:cover;opacity:0;transition:opacity .5s}.ld-stage-image.ready{opacity:1}.ld-stage-skeleton{color:var(--ld-soft);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex;position:absolute;inset:0}.ld-stage-spinner{border:6px solid #3da9fc40;border-top-color:var(--ld-blue);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite ld-spin}@keyframes ld-spin{to{transform:rotate(360deg)}}.ld-stage-vignette{pointer-events:none;background:linear-gradient(#0000000f 0%,#0000 22%,#0000006b 100%);position:absolute;inset:0}.ld-stage-choices{height:0;position:absolute;top:62%;left:0;right:0}.ld-stage-choice{background:#fffffff0;border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:clamp(120px,24cqw,260px);padding:10px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 16px #00000038}.ld-choice-icon{font-size:clamp(28px,6cqw,54px);line-height:1}.ld-choice-text{text-align:center;color:var(--ld-text);font-size:clamp(.72rem,2.6cqw,1.05rem);font-weight:900}.ld-stage-caption{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-align:center;background:#0f1b2d9e;border-radius:20px;width:min(92%,900px);padding:12px 16px;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.ld-caption-badge{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ld-blue);border-radius:999px;margin-bottom:6px;padding:3px 12px;font-size:clamp(.66rem,2.4cqw,.86rem);font-weight:900;display:inline-block}.ld-caption-reflect{color:var(--ld-yellow);margin:8px 0 0;font-size:clamp(.78rem,2.8cqw,1.05rem);font-weight:800}.ld-caption-text{color:#f4faff;margin:0;font-size:clamp(.92rem,3.1cqw,1.35rem);font-weight:800;line-height:1.4}.ld-caption-text:before{content:"🔊";margin-right:8px;animation:1.4s ease-in-out infinite ld-sound;display:inline-block}@keyframes ld-sound{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ld-turn{color:var(--ld-text);background:#ffffffeb;border-radius:999px;padding:6px 16px;font-size:clamp(.72rem,2.6cqw,1rem);font-weight:800;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.ld-app[data-mode=tv],.ld-app[data-mode=stage]{z-index:1;height:100svh;position:fixed;inset:0}.ld-app[data-mode=tv],.ld-app[data-mode=stage] .ld-stage{border-radius:0;flex:auto;min-height:0}.ld-app[data-mode=tv],.ld-app[data-mode=stage] .ld-stage-caption{width:min(94%,1400px);padding:18px 24px;bottom:4%}.ld-app[data-mode=tv],.ld-app[data-mode=stage] .ld-caption-text{font-size:clamp(1.2rem,2.6cqw,2.1rem)}.ld-app[data-mode=tv],.ld-app[data-mode=stage] .ld-stage-choice{width:clamp(180px,22cqw,360px);padding:16px 20px}.ld-sound-tap{z-index:5;text-align:center;max-width:92%;color:var(--ld-text);background:#fffffff0;border-radius:999px;padding:8px 18px;font-size:clamp(.8rem,2.2cqw,1.2rem);font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0003}.ld-waiting{background:linear-gradient(#8fd8ff 0%,#ffeef6 100%);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.ld-waiting-card{text-align:center;max-width:640px}.ld-waiting-emoji{font-size:4rem}.ld-waiting-card h1{margin:10px 0;font-size:clamp(1.4rem,4vw,2.6rem)}.ld-waiting-card p{color:var(--ld-soft);font-size:clamp(.9rem,2.4vw,1.3rem);font-weight:700}.ld-controls{flex-direction:column;flex:none;gap:10px;display:flex}.ld-turn-hint{text-align:center;color:var(--ld-soft);font-size:.86rem;font-weight:800}.ld-choice-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;display:grid}.ld-choice-btn{min-height:84px;box-shadow:0 5px 0 var(--ld-outline);transition:transform .12s var(--ld-ease);color:var(--ld-text);background:linear-gradient(160deg,#fff 0%,#eaf6ff 100%);border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex}.ld-choice-btn.primary{background:linear-gradient(160deg, var(--ld-blue) 0%, #7cc3ff 100%);color:#fff;box-shadow:0 5px 0 var(--ld-blue-dark)}.ld-choice-btn:active:not(:disabled){transform:translateY(2px)}.ld-choice-btn:disabled{opacity:.6}.ld-choice-btn.busy .ld-choice-btn-icon{animation:1s ease-in-out infinite ld-sound}.ld-choice-btn-icon{font-size:1.8rem;line-height:1}.ld-choice-btn-text{text-align:center;font-size:.86rem;font-weight:900;line-height:1.25}@keyframes ld-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.ld-inline-error{text-align:center;color:#c92a2a;margin:0;font-size:.8rem;font-weight:800}.ld-closing-actions{flex-direction:column;flex:none;gap:10px;display:flex}.ld-closing-note{text-align:center;color:var(--ld-soft);margin:0;font-size:.9rem;font-weight:800}.ld-closing-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ld-save-btn{color:#fff;background:var(--ld-green);border:0;border-radius:999px;min-height:54px;font-size:1rem;font-weight:900;box-shadow:0 5px #04b184}.ld-save-btn:active:not(:disabled){transform:translateY(2px)}.ld-save-btn:disabled{opacity:.7}.ld-save-btn.done{background:#04b184;box-shadow:0 5px #038b67}.ld-save-hint{text-align:center;color:var(--ld-soft);margin:0;font-size:.78rem;font-weight:800}.ld-replay-note{text-align:center;color:var(--ld-soft);margin:0;font-size:.82rem;font-weight:800}.ld-cloud-note{text-align:center;color:#1f7a4d;margin:0;font-size:.8rem;font-weight:800}.ld-saved{flex-direction:column;gap:8px;display:flex}.ld-saved-title{margin:0;font-size:1rem}.ld-saved-hint{color:var(--ld-soft);margin:0;font-size:.76rem;font-weight:700}.ld-saved-list{flex-direction:column;gap:10px;display:flex}.ld-saved-item{align-items:stretch;gap:8px;display:flex}.ld-saved-open{text-align:left;background:var(--ld-surface);box-shadow:0 4px 0 var(--ld-outline);color:var(--ld-text);border:0;border-radius:20px;flex:auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.ld-saved-open:active{transform:translateY(2px)}.ld-saved-thumb{color:#fff;background:linear-gradient(135deg, var(--ld-blue) 0%, var(--ld-purple) 100%);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:900;display:grid;overflow:hidden}.ld-saved-thumb img{object-fit:cover;width:100%;height:100%}.ld-saved-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ld-saved-body strong{font-size:.96rem}.ld-saved-body small{color:var(--ld-soft);font-size:.74rem;font-weight:700}.ld-saved-play{margin-left:auto;font-size:1.3rem}.ld-saved-delete{background:#ffe0e6;border:0;border-radius:18px;flex:none;width:52px;font-size:1.2rem;box-shadow:0 4px #ffc2cf}.ld-saved-delete:active{transform:translateY(2px)}@media (width>=900px){.ld-mode-standalone .ld-play{flex-direction:row;align-items:stretch;gap:16px;padding:0 18px 18px}.ld-mode-standalone .ld-play-stage{flex:2 1 0}.ld-mode-standalone .ld-controls,.ld-mode-standalone .ld-closing-actions{flex:320px;justify-content:center;max-width:420px}}.ld-cast-sender-stage{text-align:center;background:#ffffffeb;border-radius:24px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-height:0;padding:20px;display:flex;box-shadow:0 8px 24px #1b2a4129}.ld-cast-sender-emoji{font-size:clamp(2.4rem,12cqw,4rem)}.ld-cast-sender-stage strong{color:var(--ld-text);font-size:clamp(1.05rem,3.4cqw,1.4rem)}.ld-cast-sender-stage small{color:var(--ld-soft);font-size:clamp(.82rem,2.6cqw,1rem);font-weight:700}.ld-cast-sender-stage .ld-save-btn{margin-top:12px;padding:0 22px}.ld-sender-text{text-align:left;border:2px solid var(--ld-outline);background:#f2f8ff;border-radius:18px;flex-direction:column;gap:4px;width:100%;max-width:520px;max-height:32vh;padding:12px 16px;display:flex;overflow-y:auto}.ld-sender-text-title{color:var(--ld-blue-dark);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.78rem,2.4cqw,.95rem);font-weight:900}.ld-sender-text p{color:var(--ld-text);margin:0;font-size:clamp(.95rem,3cqw,1.15rem);font-weight:700;line-height:1.4}.ld-story-tools{flex-direction:column;align-items:center;gap:10px;display:flex}.ld-tool-btn{min-height:48px;color:var(--ld-text);border:0;border:2px solid var(--ld-outline);background:#fff;border-radius:999px;padding:0 20px;font-size:.95rem;font-weight:900;box-shadow:0 4px #1b2a4114}.ld-tool-btn.primary{color:#fff;background:var(--ld-blue);border-color:var(--ld-blue);box-shadow:0 5px 0 var(--ld-blue-dark)}.ld-tool-btn:active{transform:translateY(2px)}.ld-idea-panel{background:#fffffff5;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:520px;padding:14px;display:flex;box-shadow:0 8px 24px #1b2a4129}.ld-idea{text-align:left;flex-direction:column;gap:6px;display:flex}.ld-idea>span{color:var(--ld-soft);font-size:.82rem;font-weight:800}.ld-idea textarea{resize:none;border:2px solid var(--ld-outline);width:100%;font:inherit;color:var(--ld-text);-webkit-user-select:text;user-select:text;background:#f7fbff;border-radius:14px;padding:10px 12px;font-weight:700}.ld-idea textarea:focus{border-color:var(--ld-blue);outline:none}.ld-idea-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ld-inline-error-top{margin:0 16px}.ld-photo{min-height:0;padding:8px 14px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;gap:12px;display:flex}.ld-camera{background:#d7f1ff;border-radius:24px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #1b2a4129}.ld-camera video,.ld-camera>img{object-fit:cover;width:100%;height:100%}.ld-camera-guide{pointer-events:none;border:4px dashed #ffffffd9;border-radius:28px;position:absolute;inset:12% 18%}.ld-name-picker{background:#1b2a41d1;border-radius:18px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.ld-name-label{color:#fff;font-size:.82rem;font-weight:800}.ld-name-chip{color:var(--ld-text);box-shadow:0 3px 0 var(--ld-outline);background:#fff;border:0;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:800}.ld-name-chip.active{background:var(--ld-blue);color:#fff;box-shadow:0 3px 0 var(--ld-blue-dark)}.ld-name-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ld-name-edit input{font:inherit;border:0;border-radius:999px;min-width:140px;padding:7px 12px;font-size:.85rem}.ld-photo-actions{flex:none;justify-content:center;align-items:center;gap:16px;display:flex}.ld-photo-icon{background:var(--ld-surface);width:70px;height:64px;box-shadow:0 4px 0 var(--ld-outline);cursor:pointer;border-radius:20px;place-items:center;font-size:1.7rem;display:grid}.ld-photo-icon input{display:none}.ld-capture{color:#fff;background:var(--ld-green);border:0;border-radius:22px;min-width:150px;min-height:64px;font-size:1.1rem;font-weight:900;box-shadow:0 5px #04b184}.ld-capture:active{transform:translateY(2px)}.ld-observing,.ld-recognized{text-align:center;background:#ffffffd1;border-radius:24px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:14px;display:flex}.ld-observing p,.ld-recognized-name,.ld-recognized-hint{color:var(--ld-soft);margin:0;font-weight:800}.ld-recognized-emoji{font-size:3rem;line-height:1}.ld-recognized-name{color:var(--ld-text);font-size:1.25rem}.ld-recognized-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px;display:grid}.ld-share-btn{color:#fff;background:var(--ld-purple);border:0;border-radius:999px;min-height:54px;font-size:1rem;font-weight:900;box-shadow:0 5px #8a4fe0}.ld-share-btn:active:not(:disabled){transform:translateY(2px)}.ld-share-btn:disabled{opacity:.7}.ld-share-btn.done{background:#8a4fe0}.ld-retry{color:var(--ld-text);background:var(--ld-surface);box-shadow:0 4px 0 var(--ld-outline);touch-action:manipulation;border:0;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:800}.ld-community-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.ld-community-card{background:var(--ld-surface);box-shadow:0 5px 0 var(--ld-outline);border-radius:20px;position:relative;overflow:hidden}.ld-community-open{text-align:left;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.ld-community-open img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.ld-community-body{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.ld-community-body strong{font-size:.9rem}.ld-community-body small{color:var(--ld-soft);font-size:.72rem;font-weight:700}.ld-community-stage{flex:auto;min-height:260px}.ld-community-nav{flex:none;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.ld-community-nav .ld-choice-btn{border-radius:16px;gap:2px;min-height:58px;padding:8px 6px}.ld-community-nav .ld-choice-btn-icon{font-size:1.3rem}.ld-community-nav .ld-choice-btn-text{text-align:center;font-size:.8rem;line-height:1.2}@media (width>=900px){.ld-community-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.ld-theme-pick{min-height:0;padding:8px 14px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;gap:12px;display:flex;overflow-y:auto}.ld-theme-head{text-align:center}.ld-theme-title{color:var(--ld-text);margin:0;font-size:1.3rem;font-weight:900}.ld-theme-sub{color:var(--ld-soft);margin:4px 0 0;font-size:.9rem;font-weight:700}.ld-theme-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ld-theme-card{border:3px solid var(--ld-outline);min-height:96px;transition:transform .12s var(--ld-ease);background:#ffffffeb;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;display:flex;box-shadow:0 6px 16px #1b2a411f}.ld-theme-card:active{transform:translateY(3px)scale(.98)}.ld-theme-card:disabled{opacity:.6}.ld-theme-icon{font-size:2rem;line-height:1}.ld-theme-text{color:var(--ld-text);text-align:center;font-size:.95rem;font-weight:800}.ld-theme-error{color:#8a2b3f;text-align:center;background:#ff8fa33d;border-radius:14px;margin:0;padding:8px 12px;font-size:.85rem;font-weight:800}.ld-theme-custom{background:#ffffffd1;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex}.ld-theme-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ld-theme-actions .ld-choice-btn:first-child{grid-column:1/-1}.ld-idea-head{color:var(--ld-text);margin:0;font-size:.9rem;font-weight:900}.ld-theme-chips{flex-wrap:wrap;gap:8px;display:flex}.ld-theme-chip{border:2px solid var(--ld-outline);color:var(--ld-text);background:#ffffffeb;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:800}.ld-theme-chip:active{transform:translateY(2px)}@media (width>=720px){.ld-theme-grid{grid-template-columns:repeat(3,1fr)}}.ld-stage-box{text-align:center;background:#ffffffb8;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.ld-stage-head{color:var(--ld-text);margin:0;font-size:.9rem;font-weight:800}.ld-stage-code{letter-spacing:.35rem;color:var(--ld-blue-dark);box-shadow:0 4px 0 var(--ld-outline);background:#fff;border-radius:16px;padding:6px 18px 6px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.6rem;font-weight:900}.ld-stage-qr{box-shadow:0 4px 0 var(--ld-outline);background:#fff;border-radius:16px;padding:8px;line-height:0}.ld-stage-hint{color:var(--ld-soft);margin:0;font-size:.74rem;font-weight:700;line-height:1.5}.ld-stage-hint code{background:#0000000f;border-radius:6px;padding:1px 5px}.ld-stage-actions{gap:8px;width:100%;display:flex}.ld-stage-actions .ld-cast-btn{flex:1}.ld-stage-start{background:var(--ld-green,#06d6a0);width:100%;margin-top:2px;box-shadow:0 4px #05a67c}.ld-stage-box.connected .ld-stage-code{font-size:2rem}.ld-join{background:linear-gradient(160deg,#1b1f4b 0%,#2b1e52 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ld-join-card{text-align:center;background:#fffffff5;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:26px 22px;display:flex;box-shadow:0 12px #0000002e}.ld-join-emoji{font-size:2.6rem}.ld-join-card h1{color:var(--ld-text);margin:0;font-size:1.5rem;font-weight:900}.ld-join-card p{color:var(--ld-soft);margin:0;font-size:.92rem;font-weight:700;line-height:1.5}.ld-join-input{border:3px solid var(--ld-outline);letter-spacing:.5rem;text-align:center;width:100%;color:var(--ld-text);background:#fff;border-radius:18px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:900}.ld-join-qr{box-shadow:0 4px 0 var(--ld-outline);background:#fff;border-radius:20px;padding:12px;line-height:0}.ld-join-code{letter-spacing:.6rem;color:var(--ld-blue-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,9vw,3rem);font-weight:900}.ld-join-hint{color:var(--ld-soft);margin:0;font-size:.86rem;font-weight:700}.ld-join-play-here{margin-top:4px}.ld-join-input:focus{border-color:var(--ld-blue);outline:none}.ld-join-error{color:#c0392b;margin:0;font-size:.82rem;font-weight:800}.mc-game{--blue:#3da9fc;--blue-dark:#2b87d6;--yellow:#ffc93c;--yellow-dark:#e8a800;--green:#06d6a0;--green-dark:#04a87d;--orange:#ff9f45;--red:#ff6b6b;--purple:#a970ff;--bg:#eaf6ff;--surface:#fff;--text:#1b2a41;--soft:#52657a;--outline:#c9e6ff;--radius-md:20px;--radius-lg:28px;--pill:999px;--ease:cubic-bezier(.34, 1.56, .64, 1);overscroll-behavior:none;width:100%;height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 12% 12%,#ffc93c42,#0000 28%),radial-gradient(circle at 88% 90%,#06d6a02e,#0000 30%),linear-gradient(#8fd8ff 0%,#ddf3ff 55%,#ecf9f0 100%);font-family:Nunito,system-ui,sans-serif;position:relative;overflow:hidden}@supports not (height:100dvh){.mc-game{height:100vh}}.mc-game *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.mc-game button{font:inherit}.mc-game button:focus-visible{outline:4px solid var(--blue-dark);outline-offset:2px}.mc-game .screen{flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;padding:0;display:flex;overflow:hidden}.mc-game .home-btn,.mc-game .sound-btn{background:var(--surface);cursor:pointer;width:44px;height:44px;transition:transform .14s var(--ease);border:none;border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:0 4px #2b87d62e}.mc-game .home-btn:active,.mc-game .sound-btn:active,.mc-game .action:active,.mc-game .swatch:active{transform:scale(.92)}.mc-game .left{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.mc-game .board-canvas-wrapper{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mc-game #paint-canvas{touch-action:none;z-index:1;cursor:crosshair;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.mc-game #coloring-svg{touch-action:none;z-index:2;width:100%;height:100%;position:relative;pointer-events:none!important}.mc-game #coloring-image{object-fit:contain;z-index:2;pointer-events:none;mix-blend-mode:multiply;filter:contrast(1.2);width:100%;height:100%;position:relative}.mc-game .coloring-part{fill:#0000;stroke:#1b2a41;stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.mc-game .stage{flex-direction:column;gap:6px;width:min(100%,140dvh - 240.8px);min-width:0;display:flex}.mc-game .status{color:#34516b;white-space:nowrap;background:#ffffffbf;border-radius:10px;padding:3px 10px;font-size:.78rem;font-weight:800}.mc-game .toast{opacity:0;z-index:20;background:var(--surface);color:#06a97f;pointer-events:none;border-radius:24px;padding:16px 26px;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 10px 30px #1b2a412e}.mc-game .toast.show{animation:mc-toast .9s var(--ease)}@keyframes mc-toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.mc-game .confetti{z-index:19;pointer-events:none;border-radius:3px;width:10px;height:10px;animation:.8s ease-out forwards mc-confetti;position:fixed}@keyframes mc-confetti{to{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.mc-game .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#1b2a4173;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.mc-game .modal-overlay.open{opacity:1;pointer-events:auto}.mc-game .modal-card{background:var(--surface);border:4px solid var(--outline);width:min(100%,450px);transition:transform .25s var(--ease);border-radius:28px;max-height:90vh;padding:20px;overflow-y:auto;transform:scale(.9)translateY(10px);box-shadow:0 20px 40px #1b2a4140}.mc-game .modal-overlay.open .modal-card{transform:scale(1)translateY(0)}.mc-game .modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mc-game .modal-title{color:var(--text);align-items:center;gap:8px;margin:0;font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:800;display:flex}.mc-game .close-modal-btn{cursor:pointer;width:36px;height:36px;color:var(--soft);background:#f0f4f8;border:none;border-radius:50%;place-items:center;font-size:1rem;display:grid}.mc-game .voice-box{border:2px dashed var(--blue);text-align:center;background:linear-gradient(135deg,#eaf6ff 0%,#f5faff 100%);border-radius:18px;margin-bottom:12px;padding:14px}.mc-game .mic-btn{background:var(--blue);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:0 5px 0 var(--blue-dark);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:26px;display:flex}.mc-game .mic-btn.listening{background:var(--red);animation:1.2s infinite mc-pulse-mic;box-shadow:0 5px #d94343}@keyframes mc-pulse-mic{0%{box-shadow:0 0 #ff6b6b99}70%{box-shadow:0 0 0 14px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.mc-game .mic-status{color:#34516b;margin:0;font-size:.8rem;font-weight:700}.mc-game .prompt-label{color:var(--text);margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:700;display:block}.mc-game .prompt-input{border:2px solid var(--outline);width:100%;color:var(--text);border-radius:14px;outline:none;margin-bottom:10px;padding:10px 14px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.mc-game .chip-container{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.mc-game .chip{border:1.5px solid var(--outline);color:#34516b;cursor:pointer;background:#f0f7ff;border-radius:99px;padding:5px 10px;font-size:.75rem;font-weight:700}.mc-game .generate-btn{background:var(--green);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--green-dark);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:800;display:flex}.mc-game .loading-view{text-align:center;padding:20px 10px;display:none}.mc-game .loading-spinner{border:4px solid var(--outline);border-top-color:var(--blue);border-radius:50%;width:44px;height:44px;margin:0 auto 12px;animation:1s linear infinite mc-spin}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-game .mode-tabs{gap:8px;margin-bottom:14px;display:flex}.mc-game .mode-tab{border:2px solid var(--outline);color:var(--soft);cursor:pointer;background:#f8fafc;border-radius:14px;flex:1;padding:10px 8px;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:800;transition:transform .15s,background .15s,color .15s,border-color .15s}.mc-game .mode-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-1px)}.mc-game .mode-tab:active{transform:scale(.97)}.mc-game .camera-hint{color:var(--soft);text-align:center;margin:0 0 12px;font-size:.82rem;font-weight:700}.mc-game .camera-box{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:120px;display:flex}.mc-game .camera-video{object-fit:cover;background:#000;border-radius:18px;width:100%;max-height:260px}.mc-game .camera-controls{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.mc-game .camera-btn{cursor:pointer;border:none;border-radius:14px;padding:10px 18px;font-family:"Baloo 2",sans-serif;font-weight:800}.mc-game .camera-btn.secondary{color:var(--text);background:#f1f5f9}.mc-game .camera-btn.shutter{border:4px solid var(--blue);background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;display:grid;box-shadow:0 4px 10px #00000026}.mc-game .camera-btn.shutter:active{transform:scale(.94)}.mc-game .camera-status{color:var(--soft);text-align:center;margin:0;font-size:.82rem;font-weight:700}.mc-game .camera-fallback{flex-direction:column;align-items:center;gap:10px;display:flex}.mc-game .photo-preview-box{flex-direction:column;gap:10px;display:flex}.mc-game .photo-preview{object-fit:cover;border:2px solid var(--outline);border-radius:18px;width:100%;max-height:220px}.mc-game .photo-actions{gap:10px;display:flex}.mc-game .photo-actions .generate-btn{flex:1}.mc-game{overscroll-behavior:none}.mc-game .mode-btn,.mc-game .brush-item,.mc-game .pot,.mc-game .act-tile{touch-action:manipulation}.mc-game .screen2{--f:min(calc(100vw/1232),calc(100dvh/560));background:#9a8ee6;width:100vw;height:100dvh;position:relative;overflow:hidden}@supports not (height:100dvh){.mc-game .screen2{--f:min(calc(100vw/1232),calc(100vh/560));height:100vh}}@media (orientation:portrait) and (pointer:coarse){.mc-game .screen2{--f:min(calc(100dvh/1232),calc(100vw/560));transform-origin:0 0;width:100dvh;height:100vw;position:fixed;top:0;left:0;transform:translate(100vw)rotate(90deg)}}.mc-game .bg{width:100%;height:100%;position:absolute;inset:0}.mc-game .back-btn{z-index:20;top:calc(var(--f)*22);left:calc(var(--f)*22);width:calc(var(--f)*64);height:calc(var(--f)*64);cursor:pointer;box-shadow:0 calc(var(--f)*5) 0 #14144659;background:#2a2f73;border:none;border-radius:50%;place-items:center;display:grid;position:absolute}.mc-game .fs-btn{z-index:20;top:calc(var(--f)*22);right:calc(var(--f)*22);width:calc(var(--f)*54);height:calc(var(--f)*54);font-size:calc(var(--f)*24);position:absolute}.mc-game .stage2{justify-content:center;align-items:center;gap:calc(var(--f)*10);display:flex;position:absolute;inset:0}.mc-game .left-group{z-index:3;flex:none;position:relative}.mc-game .tools-panel,.mc-game .color-panel{height:calc(var(--f)*var(--Ph,520));border-radius:calc(var(--f)*22);box-shadow:0 calc(var(--f)*8) 0 #c766d2,0 calc(var(--f)*14) calc(var(--f)*22) #28146440,inset 0 calc(var(--f)*3) 0 #ffffff40;background:#ec8fef;flex:none;position:relative}.mc-game .tools-panel{z-index:2;width:calc(var(--f)*127);padding:calc(var(--f)*14) 0;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.mc-game .mode-btn{width:calc(var(--f)*92);height:calc(var(--f)*74);border-radius:calc(var(--f)*18);cursor:pointer;box-shadow:0 calc(var(--f)*12) 0 #dad5e8,0 calc(var(--f)*16) calc(var(--f)*8) #501e6e38;background:#fff;border:none;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.mc-game .mode-btn svg{width:calc(var(--f)*50);height:calc(var(--f)*50)}.mc-game .mode-btn:active{transform:translateY(calc(var(--f)*8));box-shadow:0 calc(var(--f)*4) 0 #dad5e8}.mc-game .mode-btn.active{outline:calc(var(--f)*4) solid #5fd0ff;outline-offset:calc(var(--f)*3)}.mc-game .brush-tray{z-index:1;left:calc(100% - var(--f)*24);top:calc(var(--f)*14);bottom:calc(var(--f)*14);width:calc(var(--f)*160);flex-direction:column;justify-content:space-evenly;align-items:flex-start;transition:opacity .2s,transform .2s;display:flex;position:absolute}.mc-game .brush-tray.hidden{opacity:0;pointer-events:none;transform:translateX(calc(var(--f)*-30))}.mc-game .brush-item{cursor:pointer;transform:translateX(calc(var(--f)*-70));filter:drop-shadow(0 calc(var(--f)*4) calc(var(--f)*3) #3c1e784d);background:0 0;border:none;padding:0;transition:transform .15s;display:block}.mc-game .brush-item.active{transform:translateX(calc(var(--f)*-6))}.mc-game .brush-item svg{height:auto;display:block;overflow:visible}.mc-game .brush-item svg *{stroke:#fff;stroke-width:7px;stroke-linejoin:round;paint-order:stroke}.mc-game .brush-item svg .n{stroke:none}.mc-game .act-tile{width:calc(var(--f)*100);border-radius:calc(var(--f)*16);padding:calc(var(--f)*8) calc(var(--f)*4);align-items:center;gap:calc(var(--f)*2);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:max(10px,calc(var(--f)*15));color:#34516b;box-shadow:0 calc(var(--f)*6) 0 #d9b6e0;cursor:pointer;background:#fff;border:none;flex-direction:column;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.mc-game .act-tile span{font-size:calc(var(--f)*34);line-height:1.1}.mc-game .act-tile:active{transform:translateY(calc(var(--f)*4));box-shadow:0 calc(var(--f)*1) 0 #d9b6e0}.mc-game .act-tile.armed{color:#c02a3a;background:#ffe0e3}.mc-game .frame-cell{z-index:1;margin-left:calc(var(--f)*80);flex:none;position:relative}.mc-game .frame{width:calc(var(--f)*766);height:calc(var(--f)*var(--Fh,548));padding:calc(var(--f)*15);border-radius:calc(var(--f)*26);box-shadow:0 calc(var(--f)*10) 0 #3aa6d6,0 calc(var(--f)*16) calc(var(--f)*26) #281e6e40;isolation:isolate;background:linear-gradient(#b2f0ff,#5ec4ee)}.mc-game .frame .board-canvas-wrapper{border-radius:calc(var(--f)*16);background:#fff;width:100%;height:100%;overflow:hidden}.mc-game .frame #paint-canvas{border-radius:calc(var(--f)*16)}.mc-game .color-panel{--pot:calc(var(--f)*52);--th:calc(var(--f)*9);width:calc(var(--f)*127);justify-content:center;gap:calc(var(--f)*3);padding:calc(var(--f)*26) 0 calc(var(--f)*26 + var(--th));display:flex}.mc-game .color-panel .col{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.mc-game .color-panel .col:first-child{padding-bottom:calc(var(--pot)*.75)}.mc-game .color-panel .col:last-child{padding-top:calc(var(--pot)*.75)}.mc-game .pot{width:var(--pot);height:var(--pot);cursor:pointer;background:radial-gradient(circle at 50% 28%,#fff3,transparent 62%),var(--p);box-shadow:0 var(--th) 0 var(--d),0 calc(var(--th) + var(--f)*3) calc(var(--f)*5) #3c145a4d;border:none;border-radius:50%;flex:none;padding:0;transition:transform 70ms,box-shadow 70ms}.mc-game .pot:active,.mc-game .pot.selected{transform:translateY(calc(var(--th) - var(--f)*2));box-shadow:0 calc(var(--f)*2) 0 var(--d)}.mc-game .pot.selected{outline:calc(var(--f)*3) solid #fff;outline-offset:calc(var(--f)*2)}.mc-game .tpl-card img,.mc-game .tpl-card svg{object-fit:contain;width:100%;height:100%}.mc-game .tpl-card svg .coloring-part,.mc-game .tpl-card svg g{stroke-width:12px}.mc-game .tpl-card:active{transform:translateY(calc(var(--f)*4));box-shadow:0 calc(var(--f)*2) 0 #d9b6e0}.mc-game .tpl-card.selected{outline:calc(var(--f)*4) solid #5fd0ff;outline-offset:calc(var(--f)*2)}.mc-game .tpl-ai span{font-size:calc(var(--f)*28);display:block}.mc-game .tpl-tray{inset:calc(var(--f)*14) calc(var(--f)*6) calc(var(--f)*14) calc(var(--f)*8);z-index:1;align-items:center;gap:calc(var(--f)*12);padding:calc(var(--f)*4) 0 calc(var(--f)*14);scrollbar-width:thin;scrollbar-color:#fff transparent;touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;display:flex;position:absolute;overflow:hidden auto}.mc-game .tpl-tray.hidden,.mc-game .color-panel.tpl-on .col{display:none}.mc-game .tpl-card{width:calc(var(--f)*100);height:calc(var(--f)*78);padding:calc(var(--f)*5);border-radius:calc(var(--f)*14);box-shadow:0 calc(var(--f)*6) 0 #d9b6e0,0 calc(var(--f)*9) calc(var(--f)*8) #3c145a33;cursor:pointer;background:#fff;border:none;flex:none;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.mc-game .tpl-ai{width:calc(var(--f)*100);height:calc(var(--f)*70);border-radius:calc(var(--f)*14);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:max(10px,calc(var(--f)*15));box-shadow:0 calc(var(--f)*6) 0 #6a4bc4;cursor:pointer;background:linear-gradient(135deg,#8e7cf0,#c45cff);border:none;flex:none;line-height:1.1}.mc-game .eraser-tray .act-tile{margin-left:calc(var(--f)*30);width:calc(var(--f)*100);padding:calc(var(--f)*5) calc(var(--f)*4)}.mc-game .eraser-tray .act-tile span{font-size:calc(var(--f)*24)}.mc-game .brush-item[data-esize]{transform:translateX(calc(var(--f)*var(--r)))}.mc-game .brush-item[data-esize].active{transform:translateX(calc(var(--f)*(var(--r) + 14)))}.mc-game .eraser-tray .cam-btn{width:calc(var(--f)*104);height:calc(var(--f)*94);padding:calc(var(--f)*9);border-radius:calc(var(--f)*22);box-shadow:0 calc(var(--f)*6) 0 #d9a800,0 calc(var(--f)*10) calc(var(--f)*8) #3c145a33;background:#ffd21f}.mc-game .eraser-tray .cam-btn:active{box-shadow:0 calc(var(--f)*2) 0 #d9a800}.mc-game .cam-tile{border-radius:calc(var(--f)*14);width:100%;height:100%;box-shadow:0 calc(var(--f)*7) 0 #dad5e8;background:#fff;place-items:center;display:grid}.mc-game .cam-tile svg{width:calc(var(--f)*54);height:calc(var(--f)*48)}.mc-game .back-btn{top:calc(var(--f)*8);left:calc(var(--f)*5);width:calc(var(--f)*46);height:calc(var(--f)*46)}.mc-game .back-btn svg{width:calc(var(--f)*26);height:calc(var(--f)*26)}.mc-game .fs-btn{top:calc(var(--f)*8);right:calc(var(--f)*5);width:calc(var(--f)*46);height:calc(var(--f)*46);font-size:calc(var(--f)*22)}.mc-game .eraser-tray .clear-btn{box-shadow:0 calc(var(--f)*6) 0 #d55f35,0 calc(var(--f)*10) calc(var(--f)*8) #3c145a33;background:#ff8a5c}.mc-game .eraser-tray .clear-btn:active{box-shadow:0 calc(var(--f)*2) 0 #d55f35}.mc-game .eraser-tray .clear-btn.armed{background:#e8344e;animation:.35s ease-in-out infinite mc-wob}@keyframes mc-wob{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.mandi-game *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mandi-game{background:linear-gradient(#ff7eef 0 73.3%,#00dcf6 73.3% 100%);height:100%;margin:0;overflow:hidden}.mandi-game #stage{touch-action:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.mandi-game #start{-webkit-backdrop-filter:blur(2px);z-index:20;background:#ff7eef61;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.mandi-game #start.hide{opacity:0;pointer-events:none}.mandi-game .bigbtn{cursor:pointer;background:#ffd84a;border:0;border-radius:50%;place-items:center;padding:0;animation:1.3s ease-in-out infinite pulse;display:grid;box-shadow:0 10px #e5a92e,0 22px 34px #0003}.mandi-game .bigbtn:active{transform:scale(.94)}.mandi-game #startBtn{aspect-ratio:1;width:clamp(130px,30vmin,260px)}.mandi-game #startBtn svg{width:46%;margin-left:8%}.mandi-game #end{z-index:15;pointer-events:none;justify-content:center;display:none;position:fixed;bottom:6vh;left:0;right:0}.mandi-game #end.show{display:flex}.mandi-game #again{pointer-events:auto;aspect-ratio:1;background:#2ed3a8;width:clamp(96px,20vmin,190px);box-shadow:0 8px #1b9f7d,0 18px 30px #0003}.mandi-game #again svg{width:52%}@keyframes pulse{50%{transform:scale(1.08)}}.mandi-game #tarBody{transform-origin:683px 440px;animation:3.8s ease-in-out infinite breath}@keyframes breath{0%,to{transform:translateY(0)rotate(-.5deg)scale(1)}50%{transform:translateY(-3px)rotate(.5deg)scale(1.008)}}.mandi-game #tarWob{transition:transform 90ms}.mandi-game #armG{transition:opacity .15s}.mandi-game #tarBody.still{animation:none}.mandi-game #tarsier.hop{animation:1s ease-in-out hop}@keyframes hop{0%,to{transform:translateY(0)}20%{transform:translateY(-30px)}45%{transform:translateY(0)}65%{transform:translateY(-15px)}}.mandi-game .eyeUse{transition:transform .14s ease-out}.mandi-game .lid{transform-box:fill-box;transform-origin:50% 0;animation:4.8s infinite blink;transform:scaleY(0)}@keyframes blink{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}.mandi-game #duck{transform-box:fill-box;transform-origin:50% 90%;animation:2.8s ease-in-out infinite duck}@keyframes duck{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)translateY(-2px)}}.mandi-game .amb{opacity:0;animation:linear infinite rise}@keyframes rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.55}90%{opacity:.4}to{opacity:0;transform:translateY(-420px)}}.mandi-game #dropW{opacity:0;animation:3.2s ease-in infinite drip}@keyframes drip{0%,55%{opacity:0;transform:translateY(0)scale(.4)}62%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.9;transform:translateY(64px)scale(1)}}.mandi-game #rip{transform-box:fill-box;transform-origin:50%;opacity:0;animation:3.2s ease-out infinite rip}@keyframes rip{0%,92%{opacity:0;transform:scale(.2)}93%{opacity:.8}to{opacity:0;transform:scale(1.6)}}.mandi-game #twk{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite tw}@keyframes tw{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.mandi-game #brush{filter:drop-shadow(0 7px 4px #00000038);cursor:grab}.mandi-game .bub{transform-box:fill-box;transform-origin:50%;animation:.28s cubic-bezier(.2,1.8,.4,1) bubIn}@keyframes bubIn{0%{transform:scale(0)}to{transform:scale(1)}}.mandi-game .bub.out{opacity:0;transition:transform .32s ease-in,opacity .32s ease-in;transform:scale(1.7)}.mandi-game #foamBase ellipse{transition:opacity .5s}.mandi-game .puff{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-out forwards puff}@keyframes puff{0%{opacity:.95;transform:translate(0)scale(.6)}to{transform:translate(var(--dx), -90px) scale(1.3);opacity:0}}.mandi-game .tooth{fill:url(#toothG);stroke:#cdbfa8;stroke-width:.7px}.mandi-game .tooth.need{animation:.9s ease-in-out infinite alternate needp}@keyframes needp{to{fill:#ffe27a}}.mandi-game .spark{transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite alternate tws}@keyframes tws{0%{opacity:.2;transform:scale(.2)rotate(0)}to{opacity:1;transform:scale(1.15)rotate(45deg)}}.mandi-game .conf{animation:2.8s ease-in forwards fall}@keyframes fall{0%{transform:translate(var(--sx), -60px) rotate(0)}to{transform:translate(calc(var(--sx) + var(--dx)), 680px) rotate(600deg)}}.mandi-game .star{fill:#fff;fill-opacity:.45;stroke:#fff;stroke-opacity:.7;stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.mandi-game .star.on{fill:#ffd84a;fill-opacity:1;stroke:#e5a92e;stroke-opacity:1;animation:.5s cubic-bezier(.2,1.8,.4,1) starPop}@keyframes starPop{0%{transform:scale(.2)}to{transform:scale(1)}}.mandi-game .ring{transform-box:fill-box;transform-origin:50%;animation:1s ease-out infinite ring}@keyframes ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.mandi-game .slide{animation:1.1s ease-in-out infinite alternate slide}@keyframes slide{0%{transform:translate(-40px)}to{transform:translate(40px)}}.mandi-game .bnc{animation:.7s ease-in-out infinite alternate bnc}@keyframes bnc{to{transform:translateY(-16px)}}.mandi-game .ui{cursor:pointer}.mandi-game .ui:active{opacity:.8}.mandi-game #fade{opacity:0;pointer-events:none;z-index:15;background:#ff7eef;transition:opacity .5s;position:fixed;inset:0}.mandi-game #fade.on{opacity:1}.mandi-game #soap,.mandi-game #dryer{cursor:grab}.mandi-game #dryer.need{animation:.8s ease-in-out infinite alternate glassGlow}.mandi-game .wd{animation:.55s ease-out forwards wdGo}@keyframes wdGo{0%{opacity:0;transform:translate(0)scaleX(.5)}15%{opacity:.95}to{transform:translateX(var(--len,300px)) scaleX(1.5);opacity:0}}.mandi-game .drp{transform-box:fill-box;transform-origin:50%;animation:.3s ease-out drpIn}@keyframes drpIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.mandi-game .drp.gone{transform:translate(var(--bx,40px), var(--by,0px)) scale(.7);opacity:0;transition:transform .55s ease-in,opacity .55s;animation:none}.mandi-game #tarWob.windy{transform-origin:683px 560px;animation:.22s ease-in-out infinite windy}@keyframes windy{0%,to{transform:skew(0deg)}50%{transform:skewX(var(--sk,-1.6deg))}}.mandi-game .sp{animation:spr var(--d,.7s) linear infinite;animation-delay:var(--dl,0s)}@keyframes spr{0%{opacity:0;transform:translate(0)}12%{opacity:.95}to{transform:translate(var(--dx,0px), 420px);opacity:.15}}.mandi-game #soap.need{animation:.8s ease-in-out infinite alternate glassGlow}.mandi-game #tarWob.giggle{transform-origin:683px 560px;animation:.26s ease-in-out infinite giggle}@keyframes giggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-.7deg)}75%{transform:translate(3px)rotate(.7deg)}}.mandi-game.bath .star{fill:#b58ae8;fill-opacity:.5;stroke:#9b6fd6;stroke-opacity:.9}.mandi-game.bath .star.on{fill:#ffd84a;fill-opacity:1;stroke:#e5a92e}.mandi-game #glass{cursor:grab}.mandi-game #glass.need{animation:.8s ease-in-out infinite alternate glassGlow}@keyframes glassGlow{0%{filter:drop-shadow(0 0 2px #fff)}to{filter:drop-shadow(0 0 16px #fff)drop-shadow(0 0 6px #ffd84a)}}.mandi-game #rotate{z-index:60;text-align:center;color:#fff;text-shadow:0 3px #2b2f6b40;background:linear-gradient(#ff7eef,#ff9df3);flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding:6vw;font:800 clamp(20px,6.2vw,34px)/1.25 "Baloo 2",Fredoka,Arial Rounded MT Bold,Arial,sans-serif;display:none;position:fixed;inset:0}.mandi-game #rotate svg{width:min(46vw,200px);height:auto;overflow:visible}.mandi-game #rotate .ph{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite rotPhone}@keyframes rotPhone{0%,15%{transform:rotate(0)}50%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.mandi-game #rotate button{color:#2b2f6b;font:inherit;text-shadow:none;cursor:pointer;background:#ffd84a;border:0;border-radius:999px;padding:.55em 1.3em;font-size:.62em;box-shadow:0 6px #e5a92e}.mandi-game #rotate button:active{transform:translateY(3px);box-shadow:0 3px #e5a92e}@media (orientation:portrait) and (width<=820px){.mandi-game #rotate:not(.off){display:flex}}.mandi-game{touch-action:none;height:100svh;font-family:"Baloo 2",Fredoka,Arial Rounded MT Bold,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.mandi-game #stage{position:absolute}.mandi-game #start,.mandi-game #end,.mandi-game #fade{z-index:20}.mandi-sound{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:45;align-items:center;gap:8px;display:flex;position:fixed}