@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}:root{--brown:#5b3518;--brown-mid:#8a5a33;--wood:#d9b48a;--cream:#fffaf0;--ink:#4b2e17;--blue:#1d4f91;--green:#4cb944;--green-ring:#5cc43c;--sky:#44b0f0;color:var(--ink);-webkit-text-size-adjust:100%;font-family:"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#2b1a0e;height:100%;margin:0;overflow:hidden}.viewport{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.safe{top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);position:absolute}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.scene{position:absolute;inset:0}.layer{position:absolute}img.layer{pointer-events:none;display:block}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;border-radius:24px;outline:6px solid #ffd54a}.btn{pointer-events:auto;background:0 0;border:0;padding:0}.btn:disabled{cursor:default}.box{position:absolute;overflow:hidden}.center{text-align:center;justify-content:center;align-items:center;display:flex}.center-y{align-items:center;display:flex}.col{flex-direction:column;display:flex}.center-text{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-logo{letter-spacing:4px;color:#ffc93c;-webkit-text-stroke:14px #6b3a17;paint-order:stroke fill;text-shadow:0 8px #4a2610;font-size:170px;font-weight:800;line-height:.9}.t-logo-sm{margin:0;font-size:110px}.t-tagline,.t-button,.t-plank,.t-label-light,.t-chip{color:#fff7e6;paint-order:stroke fill}.t-tagline{-webkit-text-stroke:8px #6b3a17;margin-top:18px;font-size:40px;font-weight:700;line-height:1.1}.t-button{-webkit-text-stroke:8px #6b3a17;font-size:64px;font-weight:800}.t-speech{color:var(--blue);font-size:54px;font-weight:700;line-height:1.15}.t-label{color:var(--brown);font-size:36px;font-weight:700}.t-body{font-size:34px;font-weight:500;line-height:1.35}.t-blue{color:#2d4b7a}.t-small{font-size:30px;line-height:1.3}.t-muted{color:#8a6b4f}.t-plank{letter-spacing:2px;-webkit-text-stroke:8px var(--brown);font-size:52px;font-weight:800}.t-plank-dark{letter-spacing:2px;color:var(--brown);font-size:60px;font-weight:800;line-height:1}.t-sm-caps{font-size:40px}.t-plank-sub{color:var(--brown);font-size:30px;font-weight:600;line-height:1.1}.t-heading{color:var(--brown);font-size:44px;font-weight:800;line-height:1.15}.t-chip{-webkit-text-stroke:5px var(--brown);font-size:36px;font-weight:700}.t-chip-dark{color:var(--brown);font-size:36px;font-weight:800}.t-sign{color:var(--brown);font-size:34px;font-weight:800;line-height:1}.t-sign-sub{color:#6b4a2b;font-size:.74em;font-weight:600;line-height:1.05;display:block}.t-label-light{-webkit-text-stroke:7px var(--brown);font-size:40px;font-weight:800}.t-photo{color:var(--ink);font-size:30px;font-weight:700;transform:rotate(-6deg)}.t-photo .fit-inner{flex-direction:column;gap:.6em;display:flex}.t-breath{color:#2e7d4f;margin-bottom:18px;font-size:66px;font-weight:800;line-height:1.1}.t-question{color:var(--brown);font-size:44px;font-weight:800;line-height:1.2}.t-option{color:var(--brown);font-size:32px;font-weight:700;line-height:1.15}.t-card{color:var(--brown);font-size:38px;font-weight:800}.speech-box{background:var(--cream);border:5px solid #c9a27a;border-radius:40px;padding:18px 26px;box-shadow:0 8px #5a351840}.pulse{animation:1.8s ease-in-out infinite glow}@keyframes glow{50%{filter:brightness(1.12)drop-shadow(0 0 18px #fff096e6)}}.dim{opacity:.5;filter:grayscale(.4)}.tile{border:5px solid var(--wood);background:#fbe7cf;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;box-shadow:0 6px #c89a66}.tile img{object-fit:contain;pointer-events:none;width:62%;height:58%}.tile span{color:var(--brown);font-size:30px;font-weight:800;line-height:1}.tile.on{border:7px solid var(--green-ring);background:#ffe45c;box-shadow:0 0 0 4px #b8f09a,0 6px #3e9a2a}.tile .check{width:80px;height:auto;position:absolute;top:-34px;right:-30px}.island>img:nth-of-type(2){animation:2.6s ease-in-out infinite bob}.float-1>img:nth-of-type(2){animation-delay:-.7s}.float-2>img:nth-of-type(2){animation-delay:-1.4s}.float-3>img:nth-of-type(2){animation-delay:-2s}@keyframes bob{50%{transform:translateY(-12px)}}.done-badge{animation:none!important}.breath-ring{background:radial-gradient(circle,#fffffff2,#78cdffd9 45%,#78cdff00 70%);border-radius:50%}.dots{justify-content:center;gap:14px;margin-top:18px;display:flex}.dots span{background:#e3cfb4;border-radius:50%;width:24px;height:24px}.dots span.on{background:var(--green)}.card-choice.chosen{filter:drop-shadow(0 0 10px #7be05a) drop-shadow(0 0 4px var(--green-ring))}.paper{background:var(--cream);border:6px solid var(--wood);border-radius:28px;padding:12px;box-shadow:0 10px #5a351840}canvas.draw{touch-action:none;cursor:crosshair;border-radius:16px;width:100%;height:100%;display:block}.swatch{background:var(--cream);border:5px solid var(--wood);border-radius:24px;place-items:center;padding:0;display:grid}.swatch span{aspect-ratio:1;border-radius:50%;width:66%;box-shadow:inset 0 0 0 3px #00000024}.swatch.on{border-color:var(--green-ring);box-shadow:0 0 0 5px #b8f09a}.actions{gap:20px;display:flex}.actions.landscape{flex-direction:column;justify-content:center}.actions.portrait{align-items:center}.actions .pill{flex:1}textarea.tell{resize:none;width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background-color:#0000;background-image:repeating-linear-gradient(#0000 0 54px,#ead9c2 54px 57px);border:0;outline:none;flex:1;padding:0 12px;font:500 40px/57px "Baloo 2",sans-serif}.privacy{margin:8px 12px 4px}.pill{color:#fff;text-shadow:0 3px #00000040;border:5px solid #00000038;border-radius:999px;padding:16px 28px;font-size:38px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 8px #00000038}.pill:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #00000038}.pill:disabled{opacity:.45;cursor:default}.pill.green{background:var(--green)}.pill.blue{background:#3a8fd6}.pill.brown{background:#b07a45}.scrim{background:#28190a80;inset:-2000px}.option{background:0 0;border:0;padding:0}.option.wrong{opacity:.55;filter:grayscale(.6)}.opt-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 26px;display:flex;position:absolute;inset:0}.opt-body img{object-fit:contain;max-width:60%;max-height:92px}.opt-body.text-only .t-option{font-size:36px}.option .check{pointer-events:none;position:absolute}.done-card{background:var(--cream);border:8px solid var(--wood);border-radius:40px;gap:18px;padding:40px 50px;box-shadow:0 14px #5a35184d}.done-card img{width:170px}.done-card .t-body{margin:0}.confetti{border-radius:4px;width:18px;height:28px}.hud{z-index:10;pointer-events:none;top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 10px);right:calc(env(safe-area-inset-right) + 10px);justify-content:space-between;display:flex;position:fixed}.hud-btn{pointer-events:auto;width:48px;height:48px;color:var(--brown);background:#fffaf0eb;border:3px solid #c9a27a;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 3px #5a35184d}.hud-btn img{width:36px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.t-button-sm{font-size:50px}.fit-inner{max-width:100%}.nowrap{white-space:nowrap}.fill{pointer-events:none;inset:0}.fill button,.fill textarea,.fill canvas{pointer-events:auto}.t-breath-done{color:#2e7d4f;font-size:46px;font-weight:700;line-height:1.25}.t-logo,.t-tagline{display:block}.t-logo-box{font-size:170px}.t-logo-box .t-logo{-webkit-text-stroke-width:.08em;font-size:1em}.t-logo-box .t-tagline{margin-top:.45em;font-size:.235em}.t-tagline,.t-speech,.t-question,.t-small,.t-heading,.t-sign,.t-chip,.t-breath-done,.center.t-body{text-wrap:balance}.play-label .fit-inner{align-items:center;gap:.12em;display:flex}.play-label img{flex:none;width:auto;height:1.4em;margin-top:-.06em}.t-hint{color:#c4a98a;text-wrap:balance;font-size:40px;font-weight:600}.tt-what{margin:0}.tt-note{color:#2e7d4f;margin:.7em 0 0;font-weight:700}.tt-actions{justify-content:center;align-items:center}.tt-actions .pill{flex:0 240px}.rr-eraser{width:74%}.rr-dot{aspect-ratio:1;border-radius:50%}.rr-q{color:var(--brown);text-wrap:balance;margin:6px 12px 14px;font-size:42px;font-weight:800;line-height:1.2}.rr-pick{gap:22px}.rr-pick .rr-q{margin-bottom:4px}.rr-prompt{text-align:left;color:var(--ink);border:5px solid var(--wood);background:#fff;border-radius:26px;flex:1;margin:0 8px;padding:12px 28px;font-size:38px;font-weight:700;line-height:1.25;box-shadow:0 7px #5a351833}.rr-prompt:active{transform:translateY(4px);box-shadow:0 3px #5a351833}.rr-words{flex:1;padding:0 12px}.rr-words-input{border:0;border-bottom:4px solid var(--wood);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;outline:none;padding:8px 0;font:600 42px/1.4 "Baloo 2",sans-serif}.rr-actions .pill{min-height:96px;padding:14px 20px;font-size:34px;line-height:1.15}.rr-actions.portrait{flex-wrap:wrap;align-content:flex-start}.rr-actions.portrait .pill{flex:40%}.rr-actions.landscape{justify-content:flex-start}.rr-actions.landscape .pill{flex:none}.rr-note{text-wrap:wrap}.sh{background:var(--cream);border:8px solid var(--wood);border-radius:36px;flex-direction:column;justify-content:center;gap:30px;padding:40px 56px;display:flex;box-shadow:0 12px #5a35184d}.sh h2,.sh p{margin:0}.sh .t-heading{text-align:center}.sh-steps{margin:0;padding-left:52px}.sh-steps li{margin:0 0 12px;padding-left:8px}.sh-steps li:last-child{margin-bottom:0}.sh-steps li::marker{color:var(--brown-mid);font-weight:800}.sh-tip{color:#2d4b7a;background:#e8f4ff;border:4px dashed #8cc4ee;border-radius:22px;padding:14px 24px;font-size:30px;line-height:1.3}.sh-tip b{font-weight:800}.sh-tip b:after{content:":"}.sh .sh-start{flex:none;align-self:center;width:460px;height:120px}.sh.landscape{gap:22px;padding:30px 56px}.sh.landscape .t-body{font-size:32px}.sh.landscape .sh-steps li{margin-bottom:6px}.sh.landscape .sh-start{height:104px}.sc{perspective:2200px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.sc-face{backface-visibility:hidden;border:14px solid var(--sky);background:#fff;border-radius:44px;position:absolute;inset:0;box-shadow:0 10px #1e5a8c59}.sc-back{transform:rotateY(180deg)}.sc-front{flex-direction:column;justify-content:space-between;align-items:center;padding:26px 34px 34px;display:flex}.sc-name{color:var(--brown);text-align:center;margin:0;font-size:64px;font-weight:800;line-height:1.1}.sc-front .sc-chip{color:var(--brown);padding:6px 30px;font-size:46px}.sc-photo{aspect-ratio:578/673;object-fit:contain;pointer-events:none;background:#d4ffd4;border:10px solid #3dbb4b;border-radius:28px;flex:1 1 0;width:auto;max-width:100%;min-height:0;margin:18px 0}.sc-front.landscape{padding:18px 24px 24px}.sc-front.landscape .sc-name{font-size:48px}.sc-front.landscape .sc-chip{padding:4px 24px;font-size:36px}.sc-front.landscape .sc-photo{margin:12px 0}.sc-question{padding:24px 36px;font-size:48px}.sc-question.landscape{padding:30px 44px;font-size:56px}.sc-back-box{flex-direction:column;justify-content:center;padding:34px 44px;font-size:38px;display:flex}.sc-back-box.landscape{padding:30px 52px;font-size:33px}.sc-info{color:var(--brown);flex-direction:column;gap:.8em;line-height:1.3;display:flex}.sc-about{flex-direction:column;gap:.6em;display:flex}.sc-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em .7em;display:flex}.sc-head h2{margin:0;font-size:1.5em;font-weight:800;line-height:1.1}.sc-chip{white-space:nowrap;background:#ffeec2;border-radius:999px;padding:.15em .75em;font-size:1.15em;font-weight:800}.sc-desc{text-align:center;color:var(--ink);background:#ffeec2;border-radius:24px;margin:0;padding:.6em .85em;font-weight:600}.sc-aksi h3{text-align:center;margin:0 0 .25em;font-size:1.2em;font-weight:800}.sc-aksi ul{color:var(--ink);margin:0;padding-left:1.3em;font-weight:600}.sc-aksi li{margin:0 0 .3em;padding-left:.2em}.sc-aksi li:last-child{margin-bottom:0}.sc-aksi li::marker{color:var(--sky)}.sc-info.landscape{grid-template-columns:1fr 1.1fr;grid-template-areas:"head ah""desc list";align-items:center;gap:.6em 1.6em;display:grid}.sc-info.landscape .sc-about,.sc-info.landscape .sc-aksi{display:contents}.sc-info.landscape .sc-head{grid-area:head}.sc-info.landscape .sc-desc{grid-area:desc;align-self:start}.sc-info.landscape .sc-aksi h3{grid-area:ah;margin:0}.sc-info.landscape .sc-aksi ul{grid-area:list;align-self:start}.sc-actions{justify-content:center;gap:48px;display:flex}.sc-actions .plank-btn{flex:none;width:340px;height:100%}.tn-opt.rest{opacity:.8}.tn-opt[aria-disabled=true]{cursor:default}.tn-opt .t-option{text-align:left;font-size:34px;line-height:1.18}.tn-letter{color:var(--brown-mid);font-weight:800}.tn-q{font-size:40px}.tn-tip{font-size:32px;line-height:1.32}.tn-tip p{margin:0 0 .45em}.tn-tip p:last-child{margin-bottom:0}.tn-kind{color:#2e7d4f;font-weight:700}.tn-end{gap:26px}.tn-end.portrait{flex-direction:column;align-items:stretch}.tn-end.landscape{flex-direction:row;align-items:center}.tn-end .pill{flex:1;min-height:110px;font-size:40px;line-height:1.1}.tn-opt.mine .panel-art,.tn-opt.mine>div:first-child{filter:sepia(.35)saturate(1.6)hue-rotate(-10deg)}.tn-opt.mine{outline-offset:-6px;border-radius:22px;outline:6px solid #f0b54a}.tn-tag{white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 16px;font-size:28px;font-weight:800;line-height:1.25;top:-24px;left:26px}.tn-tag.right{color:#fff;background:#4cb944}.tn-tag.mine{color:#5b3518;background:#f0b54a}.tn-yes{color:#2e7d4f}img.contain{object-fit:contain}.t-button-xs{font-size:42px}.plank-btn{text-align:center;background:0 0;border:0 solid #0000;justify-content:center;align-items:center;gap:14px;min-height:96px;font-weight:800;line-height:1.1;display:flex}.plank-icon{pointer-events:none;flex:none;place-items:center;display:grid}.plank-icon img{object-fit:contain;max-width:100%;max-height:100%}.plank-label{white-space:nowrap;min-width:0;overflow:hidden}.plank-btn.has-icon{justify-content:flex-start}.plank-btn.has-icon .plank-label{text-align:left;flex:1}.map-btn{color:var(--brown);font-size:34px}.rec-list{gap:14px}.rec-list p{margin:0}.rec{color:var(--brown);min-height:92px;font-size:34px}.nav-row{justify-content:center;align-items:stretch;gap:20px;display:flex}.nav-row .pill{flex:1;min-height:92px;line-height:1.1}.done-card .nav-row{align-self:stretch}.info-text p{margin:0 0 .5em}.info-text p:last-child{margin:0;font-weight:700}.liked{gap:8px}.liked p{margin:0}.chips{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;display:grid}.chip-btn{min-height:92px;color:var(--brown);border:5px solid var(--wood);background:#fbe7cf;border-radius:26px;padding:6px 14px;font-size:32px;font-weight:800;line-height:1.05;box-shadow:0 6px #c89a66}.chip-btn.on{border-color:var(--green-ring);background:#ffe45c;box-shadow:0 0 0 4px #b8f09a,0 6px #3e9a2a}.choice-list{gap:16px}.choice{color:#fff7e6;-webkit-text-stroke:7px #6b3a17;paint-order:stroke fill;flex:1;font-size:38px}.note-text .fit-inner>p{margin:0 0 .6em}.note-text .fit-inner>p:last-child{margin:0}.guide-tabs{gap:12px;display:grid}.guide-tabs.portrait{grid-template-columns:1fr 1fr}.guide-tabs .pill{padding:8px 18px;font-size:32px;line-height:1.1}.guide-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;color:var(--ink);-webkit-user-select:text;user-select:text;padding-right:14px;font-size:30px;line-height:1.4;overflow-y:auto}.guide-scroll section+section{margin-top:16px}.guide-scroll h3{color:var(--brown);margin:0 0 6px;font-size:36px;line-height:1.2}.guide-scroll p{margin:0}.guide-scroll ul{margin:0;padding-left:38px}.guide-scroll li+li{margin-top:6px}.guide-scroll .warn{background:#ffe9b8;border-left:10px solid #e0902a;border-radius:14px;padding:12px 18px;font-weight:600}.play-label img{width:1.135em}.island .t-sign-sub{font-size:.84em}.map-btn{white-space:nowrap}.valid-msg{font-size:46px}.liked.landscape .t-heading{white-space:nowrap;font-size:38px}.liked.landscape .chips{grid-template-columns:repeat(4,1fr);gap:10px}.liked.landscape .chip-btn{padding:14px 8px;font-size:26px;line-height:1.1}.plank-btn.has-icon.centered{justify-content:center}.plank-btn.has-icon.centered .plank-label{text-align:center;flex:0 auto}.t-tip{font-size:30px;line-height:1.3}.tip-under{background:#feead0;border-radius:24px}.rec-buttons{flex:1;justify-content:center;gap:18px}.valid-nav .pill{flex:0 calc(50% - 10px)}.paper-clean{background:#feedd8;border-radius:12px;box-shadow:0 0 14px 8px #feedd8}.rec-compass .plank-icon img{filter:drop-shadow(0 0 2px #2c5f7a)drop-shadow(0 0 1px #2c5f7a)}