:root{--paper:#f7efe0;--paper-2:#ede2cd;--ink:#22283d;--ink-soft:#5a6180;--star:#ffc94d;--sai-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{color:#fff;-webkit-tap-highlight-color:transparent;height:100%;background:#1d4e6b;height:100dvh;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;overflow:hidden}h2,h4{margin:0;font-family:"Baloo 2",Be Vietnam Pro,cursive;font-weight:700;line-height:1.15}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:0}:focus-visible{outline:3px solid var(--star);outline-offset:2px;border-radius:8px}canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}#loading{z-index:50;text-align:center;background:#1d4e6b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}#loading.hide{opacity:0;pointer-events:none}#loadingText{color:#fff;max-width:280px;margin:0;font-family:"Baloo 2",Be Vietnam Pro,cursive;font-size:18px;font-weight:700}#loadingMascot{width:72px;height:72px}#loadingMascot .eye{transform-origin:50%;animation:5.5s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}#loadingBar{background:#ffffff2e;border-radius:999px;width:min(60vw,260px);height:8px;overflow:hidden}#loadingBar i{background:var(--star);width:0;height:100%;transition:width .15s linear;display:block}#loadingBar.indeterminate i{width:35%;animation:1.1s ease-in-out infinite alternate ldslide}@keyframes ldslide{0%{transform:translate(-40%)}to{transform:translate(230%)}}#loadRetry{background:var(--star);color:#2a1e00;border-radius:999px;padding:12px 24px;font-family:"Baloo 2",cursive;font-size:16px;font-weight:700}.hud,.hud button,#actBtn,.settings,.finale,.sheet .close,.depth button,.cta,.choiceBtn,.wavesQuit,.stools button,.sbtn,.switch,.seg button,.hentry,.sw{touch-action:manipulation}.hud{pointer-events:none;padding:13px 16px;padding-top:calc(13px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));background:linear-gradient(#081422a8,#0000);flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.hud h2{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;overflow:hidden}@media (max-width:419px){.hud h2{flex:100%}.hud{justify-content:flex-end;row-gap:8px}}.count{color:var(--star);background:#ffc94d29;border:1px solid #ffc94d6b;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:14px;font-weight:600;display:flex}.hud button{pointer-events:auto;background:#ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}#musicBtn.off{opacity:.5;text-decoration:line-through}.tip{top:calc(62px + env(safe-area-inset-top));text-align:center;color:#d3e2ee;pointer-events:none;text-shadow:0 1px 6px #000000a6;font-size:13.5px;transition:opacity .6s;position:fixed;left:0;right:0}.tip.gone{opacity:0}@media (max-width:419px){.tip{top:calc(96px + env(safe-area-inset-top))}}#actBtn{right:calc(22px + env(safe-area-inset-right));bottom:calc(42px + env(safe-area-inset-bottom));background:var(--star);color:#2a1e00;opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:82px;height:82px;font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;line-height:1.1;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .18s;display:grid;position:fixed;transform:scale(.5);box-shadow:0 5px 18px #0006}#actBtn.show{opacity:1;pointer-events:auto;transform:scale(1)}.kbhint{left:calc(18px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));color:#bfd3e0;pointer-events:none;text-shadow:0 1px 5px #000000a6;font-size:12.5px;position:fixed}body.touch .kbhint{display:none}#world3d{touch-action:none;position:fixed;inset:0}#world3d canvas{display:block}.travelFade{z-index:45;opacity:0;pointer-events:none;background:#1d4e6b;transition:opacity .32s;display:none;position:fixed;inset:0}.travelFade.on{pointer-events:auto;display:block}.travelFade.dark{opacity:1}.bubble{z-index:29;background:var(--paper);max-width:min(80vw,420px);color:var(--ink);text-align:center;opacity:0;pointer-events:none;visibility:hidden;border-radius:20px;margin:0;padding:14px 20px;font-size:16px;font-weight:600;line-height:1.35;transition:opacity .22s,transform .22s,visibility 0s linear .22s;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 8px #22283d38}.bubble.on{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%,-50%)scale(1)}body.demo .count,body.crossing .hud,body.crossing .tip,body.crossing .kbhint,body.crossing #actBtn{display:none}.choice{z-index:46;opacity:0;background:#060e1a9e;place-items:center;padding:20px;transition:opacity .18s;display:grid;position:fixed;inset:0}.choice.on{opacity:1}.choiceCard{background:var(--paper);width:min(94vw,440px);max-height:86dvh;color:var(--ink);text-align:center;border-radius:26px;padding:24px 22px 20px;transition:transform .22s;overflow-y:auto;transform:translateY(10px);box-shadow:0 12px #22283d3d}.choice.on .choiceCard{transform:translateY(0)}.choiceCard p{margin:0 0 20px;font-family:"Baloo 2",cursive;font-size:21px;font-weight:700;line-height:1.25}.choiceRow{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.choiceBtn{min-height:56px;color:var(--ink);background:#22283d14;border-radius:18px;flex:140px;padding:14px 18px;font-family:"Baloo 2",cursive;font-size:16.5px;font-weight:700;line-height:1.15}.choiceBtn.primary{background:var(--star);color:#2a1e00;box-shadow:0 4px #22283d38}.waves{pointer-events:none;z-index:6;position:absolute;inset:0}.wavesHearts{top:calc(10px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));gap:6px;font-style:normal;line-height:1;display:flex;position:absolute}.wavesHearts i{color:#e2574c;text-shadow:0 2px #060e1a47;font-size:26px;font-style:normal;transition:color .18s,transform .18s,opacity .18s}.wavesHearts i.off{color:#8fa3b4;opacity:.55;transform:scale(.72)}.wavesHearts i.pop{animation:.45s ease-out wavesPop}@keyframes wavesPop{0%{opacity:1;transform:scale(1.45)}45%{opacity:.7;transform:scale(.6)}to{opacity:.55;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.wavesHearts i{transition:none}.wavesHearts i.pop{animation:none}}.wavesDots{left:50%;top:calc(12px + env(safe-area-inset-top));gap:7px;display:flex;position:absolute;transform:translate(-50%)}.wavesDots i{background:#f7efe052;border-radius:50%;width:11px;height:11px;transition:background .2s,transform .2s;box-shadow:0 1px #060e1a40}.wavesDots i.on{background:var(--star);transform:scale(1.22)}.wavesQuit{pointer-events:auto;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#fff;background:#060e1a57;border-radius:999px;min-width:76px;min-height:48px;padding:0 18px;font-family:"Baloo 2",cursive;font-size:14.5px;font-weight:700;position:absolute}.wavesCount{color:var(--paper);text-shadow:0 6px #060e1a4d;opacity:0;place-items:center;font-family:"Baloo 2",cursive;font-size:86px;font-weight:700;display:grid;position:absolute;inset:0}.wavesCount.on{animation:.7s ease-out wavesCount}@keyframes wavesCount{0%{opacity:0;transform:scale(1.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.wavesCount.on{opacity:1;animation:none}.wavesDots i{transition:none}}.scrim{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#060e1aad;transition:opacity .28s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.sheet{z-index:31;background:var(--paper);max-width:640px;max-height:88dvh;color:var(--ink);padding:0 0 38px;padding-bottom:calc(38px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;margin:0 auto;transition:transform .34s cubic-bezier(.3,.9,.3,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -12px 50px #0000008c}.sheet.open{transform:translateY(0)}@media (min-width:700px) and (min-height:520px){.sheet{border-radius:26px;height:-moz-fit-content;height:fit-content;max-height:92dvh;margin:auto;padding-bottom:22px;top:0;bottom:0;transform:translateY(calc(50dvh + 60%));box-shadow:0 26px 70px #00000080}.grab{cursor:grab}}.sheet:not(.open){pointer-events:none}.in{padding:0 22px}.grab{touch-action:none;background:0 0;place-items:center;width:44px;height:29px;margin:8px auto 0;padding:0;display:grid}.grab:before{content:"";background:#22283d38;border-radius:99px;width:44px;height:5px}.close{float:right;z-index:2;background:#22283d17;border-radius:50%;place-items:center;width:44px;height:44px;margin:4px 4px 0 0;font-size:17px;display:grid;position:sticky;top:0}.qhead{align-items:flex-start;gap:12px;padding:8px 0 2px;display:flex}.qhead .em{margin-top:3px;font-size:34px;line-height:1}.qhead h2{color:var(--ink);font-size:22.5px}.depth{flex-wrap:wrap;gap:7px;margin:16px 0 12px;display:flex}.depth button{color:var(--ink-soft);background:#22283d12;border-radius:999px;padding:8px 15px;font-size:14.5px;font-weight:600}.depth button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.answer{color:#343a52;margin:0;font-size:17.5px;line-height:1.72;transition:opacity .12s}.ansRow{align-items:flex-start;gap:10px;display:flex}#rest>.ansRow:first-child{margin-top:16px}.speakBtn{width:44px;height:44px;color:var(--ink-soft);background:#22283d12;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.playing{background:var(--star)}.try{background:var(--paper-2);color:#3c4359;border:1px solid #22283d1a;border-radius:18px;margin-top:18px;padding:15px 17px;font-size:15px}.try b{color:var(--ink);margin-bottom:3px;font-family:"Baloo 2",cursive;font-size:16px;display:block}.cta{background:var(--ink);width:100%;color:var(--paper);text-align:center;border-radius:18px;margin-top:20px;padding:15px;font-family:"Baloo 2",cursive;font-size:16.5px;font-weight:700}.cta:disabled{color:var(--ink-soft);background:#22283d2e}.earned{text-align:center;background:linear-gradient(135deg,#fff0c9,#ffe0a8);border:1.5px solid #ffc94d99;border-radius:18px;margin-top:14px;padding:14px}.earned .big{font-size:33px;line-height:1}.earned .big.svg{background:#fffdf7;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto;display:grid;box-shadow:0 2px #a06e142e}.earned .big.svg svg{width:68px;height:68px;display:block}.earned p{color:#6b4e0e;margin:4px 0 0;font-size:14px;font-weight:600}.fade{pointer-events:none;background:linear-gradient(180deg,#f7efe000,var(--paper) 78%);opacity:0;height:34px;margin-top:-34px;transition:opacity .2s;position:sticky;bottom:0}.finale{z-index:40;text-align:center;background:#060e1ae0;place-items:center;padding:30px;display:none;position:fixed;inset:0}.finale.show{display:grid}.finale h2{margin-bottom:8px;font-size:27px}.finale p{color:#c7d6e6;max-width:320px;margin:0 auto;font-size:15px}.finale button{background:var(--star);color:#2a1e00;border-radius:999px;margin-top:22px;padding:13px 26px;font-family:"Baloo 2",cursive;font-weight:700}#rest{animation:.42s cubic-bezier(.3,.9,.3,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}[hidden]{display:none!important}.sheet.filmFirst{opacity:0;border-radius:24px;max-width:min(96vw,1180px,113.778dvh);height:auto;max-height:92dvh;top:50%;bottom:auto;transform:translateY(calc(22px - 50%))}.sheet.filmFirst.open{opacity:1;transform:translateY(-50%)}.sheet.filmFirst .grab{display:none}.sheet.filmFirst .close{float:none;margin:0;position:absolute;top:14px;right:16px}.sheet.filmFirst .qhead{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:14px 56px 6px}.sheet.filmFirst .qhead .em{margin-top:0;font-size:36px}.sheet.filmFirst .qhead h2{font-size:25px;line-height:1.25}.scenebox{background:#0e1428;margin:10px -22px 2px;position:relative;overflow:hidden}.sstage{aspect-ratio:16/9;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}#scv{touch-action:none;width:100%;height:100%;display:block}.scap{left:0;right:0;bottom:calc(10px + var(--sbar,0px));text-align:center;pointer-events:none;margin:0;padding:0 12px;position:absolute}.scap span{color:#fff6e4;opacity:0;background:#22283de0;border-radius:999px;max-width:86%;padding:7px 15px;font-family:"Baloo 2",cursive;font-size:clamp(13px,3.3vw,15px);font-weight:700;line-height:1.35;transition:opacity .3s,transform .3s;display:inline-block;transform:translateY(7px)}.scap span.on{opacity:1;transform:none}.sstage.toolsOpen .scap{bottom:calc(62px + var(--sbar,0px))}.stop{align-items:stretch;gap:8px;display:flex;position:absolute;top:9px;right:9px}.sstage.playMode .stop{left:9px;right:auto}.sstage.playMode #sbtn{order:-1}.stop button{background:var(--paper);min-height:44px;color:var(--ink);border-radius:999px;place-items:center;padding:0 16px;font-family:"Baloo 2",cursive;font-size:13.5px;font-weight:700;display:grid;box-shadow:0 3px #22283d47}#svoice{border-radius:50%;width:44px;padding:0;font-size:19px}#svoice[aria-pressed=false]{background:#f7efe085;box-shadow:0 3px #22283d24}.stools{left:0;right:0;bottom:calc(8px + var(--sbar,0px));flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute}.stools button{background:#fdf6e6f0;border-radius:50%;place-items:center;width:46px;height:46px;font-family:"Baloo 2",cursive;font-size:14.5px;font-weight:700;display:grid;box-shadow:0 3px #4a33134d}.stools button.on{background:#ffd977;box-shadow:0 3px #4a33138c}.stools.wide button{white-space:nowrap;background:#fdf6e6;border:3px solid #4a3313;border-radius:999px;width:auto;height:auto;min-height:46px;padding:0 20px}.stools.wide button.on{background:#ffd977}.stools button svg{width:26px;height:26px;display:block}.scard{left:10px;right:10px;bottom:calc(10px + var(--sbar,0px));background:var(--paper);border:2px solid var(--ink);color:var(--ink);max-height:calc(100% - 16px - var(--sbar,0px));border-radius:16px;padding:13px 15px;position:absolute;overflow-y:auto}.scard h4{color:#b3771a;letter-spacing:.4px;margin:0 0 4px;font-family:"Baloo 2",cursive;font-size:14.5px}.scard p{color:#343a52;margin:0 0 6px;font-size:13.5px;line-height:1.5}.scard .sgoal{color:#b3771a;font-weight:700}.sfoot{background:linear-gradient(#f7efe000,var(--paper) 10px);margin:0 -15px -13px;padding:10px 15px 13px;position:sticky;bottom:-13px}.sfoot .sgoal{margin:0}.scard button{background:var(--star);color:#2a1e00;border-radius:999px;min-height:44px;margin:8px auto 0;padding:0 20px;font-family:"Baloo 2",cursive;font-size:14px;font-weight:700;display:block}@media (max-width:480px) and (orientation:portrait){.sstage{--sbar:56px;box-sizing:content-box;padding-bottom:var(--sbar)}.stop{top:auto;bottom:6px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.settingsScrim{z-index:30;background:#060e1a26;display:none;position:fixed;inset:0}.settingsScrim.open{display:block}.settings{z-index:31;background:var(--paper);max-width:640px;max-height:70dvh;color:var(--ink);padding:8px 22px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;margin:0 auto;transition:transform .34s cubic-bezier(.3,.9,.3,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -12px 50px #00000059}.settings.open{transform:none}.settings:not(.open){pointer-events:none}.settings h2{margin:10px 0 4px;font-size:22px}.sblock{margin:14px 0}.sblock h4{color:var(--ink-soft);margin:0 0 8px;font-size:15px}.settings .close{width:48px;height:48px}#musicRange,#voiceRange{width:100%;height:48px}#musicRange::-webkit-slider-runnable-track{background:#22283d24;border-radius:999px;height:8px}#voiceRange::-webkit-slider-runnable-track{background:#22283d24;border-radius:999px;height:8px}#musicRange::-moz-range-track{background:#22283d24;border-radius:999px;height:8px}#voiceRange::-moz-range-track{background:#22283d24;border-radius:999px;height:8px}#musicRange::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:32px;height:32px;margin-top:-12px;box-shadow:0 2px 6px #00000040}#voiceRange::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:32px;height:32px;margin-top:-12px;box-shadow:0 2px 6px #00000040}#musicRange::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 6px #00000040}#voiceRange::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 6px #00000040}.switch{background:#22283d12;border-radius:999px;min-height:48px;padding:0 18px;font-weight:700}.shint{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.sdiag{color:var(--ink-soft);opacity:.75;margin:12px 0 0;font-size:12px;line-height:1.45}.switch[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg{gap:6px;display:flex}.seg button{background:#22283d12;border-radius:999px;flex:1;min-height:48px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (min-width:700px) and (min-height:520px){.settings{border-radius:22px;width:min(380px,40vw);max-height:none;inset:16px 16px 16px auto;transform:translate(120%)}.settings.open{transform:none}}.hgrp{grid-template-columns:60px 1fr;align-items:start;gap:0 8px;margin:8px 0 0;display:grid}.hgrp h4{white-space:nowrap;color:var(--ink-soft);margin:0;font-size:15px;line-height:44px}.hsws{flex-wrap:wrap;gap:8px;display:flex}.sw{border:3px solid #0000;border-radius:50%;width:44px;height:44px;padding:0}.sw[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset}.hentry{width:100%;min-height:48px;color:var(--ink);background:#22283d12;border-radius:999px;align-items:center;gap:12px;margin:14px 0;padding:0 16px;font-family:"Baloo 2",cursive;font-size:16px;font-weight:700;display:flex}.hentry span:first-child{text-align:left;flex:1}:root{--view:phone}@media (min-width:700px) and (min-height:520px){:root{--view:wide}}@media (orientation:landscape) and (max-height:519px){:root{--view:land}.settings{left:auto;right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));bottom:max(8px, env(safe-area-inset-bottom));border-radius:22px;grid-template-columns:1fr 1fr;gap:0 16px;width:480px;max-width:92vw;height:-moz-fit-content;height:fit-content;max-height:calc(100% - 16px);margin:auto;padding:8px 22px 20px;display:grid;transform:translate(120%)}.settings.open{transform:none}.settings .grab{display:none}.settings h2{grid-area:1/1/auto/3;margin:6px 0}.settings.hasFs h2{grid-area:1/1}.settings .close{float:none;grid-area:5/2;place-self:end;margin:0;position:static}.settings #creatorOpen{grid-area:2/1;margin:10px 0 0}.settings #tutorialReplay{grid-area:2/2;margin:10px 0 0}.settings #blockMusic{grid-area:3/1;margin:10px 0 0}.settings #blockSpeech{grid-area:3/2;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:10px 0 0;display:grid}.settings #blockSpeech h4{grid-column:1/3;margin:0}.settings.hasFs #blockFullscreen{grid-area:1/2;align-self:center;align-items:center;gap:10px;margin:0;display:flex}.settings.hasFs #blockFullscreen h4{flex:none;margin:0}.settings.hasFs #blockFullscreen .switch,.settings.hasFs #blockFullscreen .shint{flex:1;margin:0}.settings #blockQuality{grid-area:4/1;margin:10px 0 0}.settings #blockMotion{grid-area:4/2;margin:10px 0 0}.settings #sdiag{grid-area:5/1;align-self:end;margin:0}.settings #parentsOpen{grid-area:5/2;place-self:end start;width:auto;max-width:calc(100% - 56px);margin:0;padding:0 14px;font-size:15px}.settings #parentsOpen .parentsCaret{display:none}.settings #parentsPanel{grid-area:6/1/auto/3}.settings .fade{grid-area:7/1}.sheet{border-radius:26px;height:-moz-fit-content;height:fit-content;max-height:96dvh;margin:auto;padding-bottom:12px;top:0;bottom:0;transform:translateY(calc(50dvh + 60%));box-shadow:0 26px 70px #00000080}.sheet.open{transform:translateY(0)}.grab{cursor:grab}.sheet.filmFirst{max-width:min(96vw,1180px,103.111dvh);max-height:96dvh}.sheet.filmFirst .qhead{padding:6px 56px 4px}.sheet.filmFirst .qhead .em{font-size:24px}.sheet.filmFirst .qhead h2{font-size:18px;line-height:1.2}.sstage.toolsOpen .stools{justify-content:space-between;padding:0 14px}body.panelOpen .sv-joy{display:none}}