@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:500;src:url(./mali-latin-500-normal-B01M-LP6.woff2)format("woff2"),url(./mali-latin-500-normal-Thgqw_9f.woff)format("woff")}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-latin-600-normal-B9TiUNpT.woff2)format("woff2"),url(./mali-latin-600-normal-CycpQCwU.woff)format("woff")}:root{--ink:#6f5550;--ink-soft:#8c716a;--paper:#fff8ef;--line:#cda0878c;--glass:#fff6ee9e;--font:"Mali", "Comic Neue", "Segoe Print", "Chalkboard SE", ui-rounded, system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;background:#f7d9c9;margin:0;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#stage{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#still{object-fit:cover;object-position:60% 65%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#still.placed{object-fit:fill;transform-origin:0 0;top:0;bottom:auto;left:0;right:auto}#stage canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#stage canvas.ready{opacity:1}#bubble{aspect-ratio:300/190;transform-origin:50% 100%;pointer-events:none;z-index:2;filter:drop-shadow(0 6px 14px #be78642e);opacity:0;width:250px;transition:opacity .6s;position:absolute;top:0;left:0}#bubble.placed{opacity:1}.bubble-cloud{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.cloud-line circle{fill:var(--line);stroke:var(--line);stroke-width:5px}.cloud-fill circle{fill:var(--paper)}#bubble-text{text-align:center;font-weight:500;font-size:calc(var(--bubble-w,250px) * .068);color:var(--ink);text-wrap:balance;justify-content:center;align-items:center;margin:0;line-height:1.28;transition:opacity .9s,transform .9s;display:flex;position:absolute;top:17%;bottom:12%;left:15%;right:13%}#bubble-text.out{opacity:0;transform:translateY(4px)}#footer{left:50%;bottom:calc(12px + var(--safe-b));background:var(--glass);-webkit-backdrop-filter:blur(8px)saturate(1.1);white-space:nowrap;z-index:5;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:7px 10px 7px 16px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 2px 12px #aa6e5a1f}.footer-id{text-overflow:ellipsis;overflow:hidden}.footer-name{font-weight:600}.footer-dot{color:var(--ink-soft);margin:0 5px}.footer-tagline{color:var(--ink-soft)}.footer-links{gap:2px;display:flex}.footer-links a{width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.footer-links a:hover{background:#ffffffb3;transform:translateY(-1px)}.footer-links a:focus-visible{background:#ffffffb3;transform:translateY(-1px)}.footer-links a:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.sound-toggle:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.chip:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.footer-links svg{width:17px;height:17px}@media (max-width:480px){#footer{border-radius:22px;gap:6px;padding:6px 6px 6px 16px}.footer-id{flex-direction:column;line-height:1.25;display:flex}.footer-name{font-size:13px}.footer-tagline{font-size:11.5px}.footer-dot{display:none}.footer-links a{width:34px;height:34px}}.sound-toggle{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:6;font:600 14px var(--font);color:var(--ink);cursor:pointer;background:#fff9f2f0;border:1.5px solid #d6a086b3;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:fixed;box-shadow:0 4px 16px #965a4638,0 1px 3px #965a4624}.sound-toggle:hover{background:#fff;transform:translateY(-1px)}.sound-toggle svg{stroke-width:2px;flex:none;width:20px;height:20px}.sound-toggle[aria-pressed=true]{border-color:#e5847cbf}.sound-toggle[aria-pressed=true] svg{color:#e07a73}.sound-toggle[aria-pressed=false]:after{content:"";border-radius:inherit;pointer-events:none;animation:2.4s ease-out 2.5s 3 sound-call;position:absolute;top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px}@keyframes sound-call{0%{box-shadow:0 0 #e98b8699}to{box-shadow:0 0 0 12px #e98b8600}}.pop{z-index:3;color:#e98b86;text-shadow:0 1px 6px #fff8efe6;pointer-events:none;font-size:20px;animation:1.5s ease-out forwards pop-up;position:absolute;transform:translate(-50%,-100%)}@keyframes pop-up{0%{opacity:0;transform:translate(-50%,-80%)scale(.6)}20%{opacity:1;transform:translate(-50%,-120%)scale(1.1)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.banner{z-index:1;pointer-events:none;transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.banner-sway{transform-origin:50% 0;filter:drop-shadow(0 3px 6px #aa6e5a33);width:max-content;animation:5s ease-in-out infinite banner-sway;position:absolute;top:0;left:0;transform:translate(-50%)}.banner-strings{transform-origin:50% 0;width:100%;height:16px;animation:.4s ease-out both banner-strings-in;display:block;overflow:visible}.banner-strings path{fill:none;stroke:#a88779;stroke-width:1px;vector-effect:non-scaling-stroke}.banner-cloth{margin-top:-1px;animation:.9s cubic-bezier(.3,.7,.4,1) .3s both banner-unroll}.banner-ribbon{background:var(--paper);color:var(--ink);font:600 13px/1.25 var(--font);text-align:center;white-space:pre;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%,11px 50%);padding:6px 22px 7px;display:block;position:relative}.banner-ribbon:before{content:"";border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);position:absolute;top:3px;bottom:3px;left:12px;right:12px}.banner.leaving .banner-cloth{animation:.6s ease-in both banner-roll-up}.banner.leaving .banner-strings{animation:.35s ease-in .5s both banner-strings-out}@keyframes banner-sway{0%,to{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(2deg)}}@keyframes banner-strings-in{0%{transform:scaleY(0)}}@keyframes banner-strings-out{to{transform:scaleY(0)}}@keyframes banner-unroll{0%{clip-path:inset(0 0 100%);transform:translateY(-3px)}to{clip-path:inset(0 0 -10px)}}@keyframes banner-roll-up{0%{clip-path:inset(0 0 -10px)}to{clip-path:inset(0 0 100%)}}.chip{top:calc(14px + env(safe-area-inset-top,0px));background:var(--glass);-webkit-backdrop-filter:blur(8px);font:500 13px var(--font);color:var(--ink);z-index:6;cursor:pointer;border:0;border-radius:999px;padding:7px 14px;position:fixed;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#bubble-text,#bubble,#stage canvas{transition:none}.sound-toggle:after{animation:none}}