@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-thai-300-normal-B2FzFrjl.woff2)format("woff2"),url(/assets/mitr-thai-300-normal-D09dNEVr.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-thai-400-normal-CXWaAdVj.woff2)format("woff2"),url(/assets/mitr-thai-400-normal-CS4Do6aM.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-thai-500-normal-CVdBrEVH.woff2)format("woff2"),url(/assets/mitr-thai-500-normal-CW_B5D-i.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-latin-300-normal-DPiwP5Em.woff2)format("woff2"),url(/assets/mitr-latin-300-normal-CGezdBTo.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-latin-400-normal-CwbkLQ4a.woff2)format("woff2"),url(/assets/mitr-latin-400-normal-Cb18vPmZ.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-latin-500-normal-BmClOow2.woff2)format("woff2"),url(/assets/mitr-latin-500-normal-B4JOhzAi.woff)format("woff")}@font-face{font-family:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-thai-400-normal-DKy7VkUm.woff2)format("woff2"),url(/assets/itim-thai-400-normal-C0PXx-HY.woff)format("woff")}@font-face{font-family:Itim;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/itim-latin-400-normal-BIupJmNi.woff2)format("woff2"),url(/assets/itim-latin-400-normal-Ctmd8gNE.woff)format("woff")}:root{--ink:#5a3a2e;--red:#c8243a;--pink:#e0688f;--pink-deep:#d9668e;--pink-soft:#e9b7c6;--btn-pink:linear-gradient(#ffc1d3, #f58aad);--paper:#fffbf2;--brown-line:#8b5a47;--cream:#ffefd9;--placeholder:#b9a79e;--font:"Mitr", "Noto Sans Thai", system-ui, sans-serif;--display:"Itim", "Mitr", sans-serif;--frame-top:0px;--frame-crop:0px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff8f4;font-weight:300}.frame-bg{z-index:0;transition:opacity .45s;position:fixed}.frame-bg.is-hidden{opacity:0}#stage{touch-action:none;z-index:1;position:fixed;inset:0;overflow:hidden}.stage-frame{pointer-events:none;position:absolute;container-type:inline-size}.stage-pose{transform-origin:0 0;position:absolute;inset:0}.stage-pose.is-animating{transition:transform .55s cubic-bezier(.45,0,.55,1)}.sprite{transform-origin:0 0;width:0;height:0;position:absolute}.sprite[hidden]{display:none}.sprite img{max-width:none;display:block;position:absolute}.sprite img.is-broken{background:#c8788c80}.sprite.bag img{animation:1.885s ease-in-out infinite bag-bob}@keyframes bag-bob{0%,to{transform:translateY(0)}25%{transform:translateY(-.556cqw)}75%{transform:translateY(.556cqw)}}.puff{z-index:99999;border-radius:50%;position:absolute}@media (prefers-reduced-motion:reduce){.sprite.bag img{animation:none}}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}.frame{pointer-events:none;position:fixed;container-type:inline-size}.hidden{display:none!important}.screen{pointer-events:none;position:absolute;inset:0}.abs{position:absolute}.pic{pointer-events:none;-webkit-user-drag:none;height:auto;display:block}.txt{text-align:center;pointer-events:none;line-height:1.45}.ink{color:var(--ink)}.red{color:var(--red)}.white{color:#fff;text-shadow:0 .15cqw .3cqw #be466ebf}.cream{color:var(--cream)}.b{font-weight:500}.disp{font-family:var(--display);font-weight:400;line-height:1.05}.intro-box{background:#4a2a1c;top:calc(-1 * var(--frame-top))!important;height:calc(27% + var(--frame-top))!important}.mascot{animation:2.4s ease-in-out infinite bob}.img-btn{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;transition:transform 80ms}.img-btn img{pointer-events:none;width:100%;height:auto;display:block}.img-btn:active:not(:disabled){transform:translateY(3px)scale(.97)}.img-btn:disabled{filter:grayscale(.8);opacity:.45;cursor:default}.play-label{color:#fff;text-shadow:0 .2cqw .4cqw #be466ebf;letter-spacing:.05em;place-items:center;font-size:4.4cqw;font-weight:500;display:grid;position:absolute;inset:0 0 8%}.dialog-group{pointer-events:none;transition:transform .28s cubic-bezier(.34,1.3,.64,1);position:absolute;inset:0}.dialog-group .dialog{animation:.35s cubic-bezier(.34,1.4,.64,1) dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(6%)scale(.92)}}.prompt{align-content:center;line-height:1.38;display:grid}.answer{pointer-events:auto;font:inherit;color:var(--ink);resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;padding:.9cqw 1cqw .4cqw;font-size:max(16px,2.7cqw);font-weight:300;line-height:1.3;overflow-y:auto}.answer.is-multi{border:.42cqw solid var(--pink-soft);background:#fff;border-radius:2.5cqw;box-shadow:0 .4cqw .8cqw #d9668e2e}.answer::placeholder{color:var(--placeholder)}.confirm-btn{pointer-events:auto;color:#fff;text-shadow:0 .15cqw .3cqw #be466ebf;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;font-size:3cqw;font-weight:500}.confirm-btn:disabled{color:#fff9;text-shadow:none;cursor:default}.confirm-btn:active:not(:disabled){background:#00000014}.slot-btn{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0}.slot-icon{object-fit:contain;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.caption{white-space:nowrap;line-height:1.2}.badge{color:#fff;text-shadow:0 .15cqw .3cqw #be466ebf;background:var(--btn-pink);border:.42cqw solid var(--pink);box-shadow:0 .5cqw 0 var(--pink-deep);border-radius:99px;padding:.3cqw 0;font-weight:500;width:14%!important;left:82%!important}.pill-btn{pointer-events:auto;font:inherit;color:var(--ink);background:var(--paper);border:.42cqw solid var(--pink);box-shadow:0 .5cqw 0 var(--pink-soft);cursor:pointer;border-radius:99px;padding:.4cqw 0;font-weight:500}.pill-btn:disabled{opacity:.4;cursor:default}.arrow-next.is-ready{animation:1s ease-in-out infinite nudge}.card-img{object-fit:fill;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto}.spinner{animation:1.2s ease-in-out infinite bob}.hint{background:#ffffffd9;border-radius:99px;padding:.6cqw 0}.share-btn,.again-btn{pointer-events:auto;font:inherit;cursor:pointer;border-radius:99px;font-weight:500;transition:transform 80ms}.share-btn{color:#fff;text-shadow:0 .2cqw .4cqw #be466ebf;background:var(--btn-pink);border:.42cqw solid var(--pink);box-shadow:0 1cqw 0 var(--pink-deep), 0 1.6cqw 1.6cqw #b9577a40;padding:1.6cqw 0;font-size:3.4cqw}.share-btn:disabled{opacity:.5}.again-btn{color:var(--ink);background:var(--paper);border:.42cqw solid var(--pink);box-shadow:0 .6cqw 0 var(--pink-soft);padding:1.1cqw 0;font-size:3cqw}.share-btn:active:not(:disabled),.again-btn:active{transform:translateY(2px)}.loading{z-index:5;text-align:center;pointer-events:auto;background:repeating-linear-gradient(90deg,#bfe0f7 0 4%,#fff 4% 8%);place-content:center;gap:12px;font-weight:400;display:grid;position:absolute;inset:0}.loading-cake{font-size:64px;animation:1.2s ease-in-out infinite bob}.progress{border:3px solid var(--brown-line);background:#fff;border-radius:99px;width:220px;height:14px;margin:0 auto;overflow:hidden}.progress-bar{background:var(--pink);width:0;height:100%;transition:width .2s}.toast{left:50%;top:calc(var(--frame-top) + 12%);z-index:6;border:3px solid var(--brown-line);width:max-content;max-width:min(90%,420px);color:var(--ink);text-align:center;pointer-events:none;background:#fff;border-radius:99px;padding:8px 18px 10px;font-size:15px;font-weight:400;position:absolute;transform:translate(-50%)}.rotate-hint{z-index:7;text-align:center;pointer-events:auto;background:repeating-linear-gradient(90deg,#bfe0f7 0 4%,#fff 4% 8%);place-content:center;font-weight:400;display:grid;position:absolute;inset:0}.rotate-icon{font-size:56px;animation:1.6s ease-in-out infinite rotate}.mute{top:calc(var(--frame-crop) + 1%);z-index:4;aspect-ratio:1;border:.42cqw solid var(--pink);background:var(--paper);width:8.5%;box-shadow:0 .5cqw 0 var(--pink-soft);cursor:pointer;pointer-events:auto;border-radius:50%;font-size:4cqw;line-height:1;position:absolute;right:2.5%}body[data-page=intro] .mute{top:92%}.fatal{text-align:center;pointer-events:auto;background:#fff8f4;place-content:center;padding:24px;display:grid;position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2%)}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(8%)}}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}