@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2) format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff) format("woff")}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2) format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff) format("woff")}:root{--sky: #e6eff8;--sky-deep: #d2e2f2;--porcelain: #fbfdff;--white: #ffffff;--ink: #1d3350;--ink-2: #4c6481;--ink-3: #8599b0;--line: #d6e2ef;--accent: #3b6ca3;--accent-press: #325d8e;--accent-soft: #a9c9ea;--peach: #f4c09d;--sage: #5f9a85;--sand: #a8714f;--font-display: "Young Serif", "Georgia", serif;--font-ui: "Figtree Variable", system-ui, -apple-system, sans-serif;--font-hand: "Caveat", "Bradley Hand", cursive;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius-stage: 40px;--radius-card: 24px;--radius-field: 18px;--shadow-soft: 0 1px 2px rgb(29 51 80 / .06), 0 12px 32px -12px rgb(29 51 80 / .22);--shadow-button: 0 1px 1px rgb(29 51 80 / .12), 0 10px 22px -10px rgb(59 108 163 / .7);--pad: clamp(20px, 6vw, 28px);--vvh: 100dvh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:var(--sky);color:var(--ink);font-family:var(--font-ui);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0 0 auto;height:var(--vvh);display:grid;place-items:center}.stage{position:relative;width:100%;height:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden;background:var(--porcelain);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media(min-width:640px)and (min-height:640px){.stage{height:min(880px,calc(100% - 64px));border-radius:var(--radius-stage);box-shadow:0 0 0 1px #1d33500f,0 40px 80px -30px #1d335059}}.topbar{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--pad) - 6px) 0 var(--pad);position:relative;z-index:5}.progress{display:flex;gap:8px;align-items:center}.progress .mac{width:26px;height:22px;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.progress .mac[data-state=todo]{opacity:.35}.progress .mac[data-state=now]{transform:translateY(-1px)}.topbar-actions{display:flex;gap:2px}.icon-btn{appearance:none;border:0;background:transparent;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;color:var(--ink-3);cursor:pointer;transition:background-color .16s ease,transform .12s var(--ease-out)}.icon-btn:active{transform:scale(.94);background:var(--sky)}.confirm{position:absolute;inset:0;z-index:20;display:grid;align-items:end;padding:10px;background:#1d33503d;opacity:0;transition:opacity .2s ease}.confirm[hidden]{display:none}.confirm.open{opacity:1}.confirm-card{display:grid;gap:12px;padding:26px var(--pad) calc(var(--pad) - 6px);border-radius:30px;background:var(--porcelain);box-shadow:var(--shadow-soft);transform:translateY(24px);transition:transform .32s cubic-bezier(.32,.72,0,1)}.confirm.open .confirm-card{transform:none}.confirm-card .btn{margin-top:4px}.confirm-card .btn.quiet{justify-self:center;margin-top:0}.screen{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 var(--pad) calc(var(--pad) - 4px)}.screen.bleed{padding:0}.display{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,10.5vw,44px);line-height:1.05;letter-spacing:-.015em;margin:0;text-wrap:balance}.title{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,7vw,30px);line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}.lede{color:var(--ink-2);margin:0;max-width:34ch;text-wrap:pretty}.small{font-size:14px;color:var(--ink-3);margin:0}.hand{font-family:var(--font-hand);font-weight:600}.btn{appearance:none;border:0;width:100%;height:58px;border-radius:29px;background:var(--accent);color:var(--white);font:600 17px/1 var(--font-ui);letter-spacing:.005em;box-shadow:var(--shadow-button);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s var(--ease-out),background-color .16s ease,opacity .2s ease}.btn:active{transform:scale(.97);background:var(--accent-press)}.btn:disabled{opacity:.45;box-shadow:none}.btn.quiet{background:transparent;color:var(--accent);box-shadow:none;height:44px;width:auto;padding:0 14px;font-size:15px}.btn.quiet:active{background:var(--sky)}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.field{display:flex;gap:10px;align-items:center}.input{appearance:none;flex:1;min-width:0;height:58px;border-radius:var(--radius-field);border:1.5px solid var(--line);background:var(--white);color:var(--ink);padding:0 18px;font:500 19px/1 var(--font-ui);letter-spacing:.02em;user-select:text;-webkit-user-select:text;transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder{color:var(--ink-3);opacity:.8;letter-spacing:0}.input:focus{outline:none;border-color:var(--accent-soft);box-shadow:0 0 0 4px #a9c9ea59}.input.is-right{border-color:var(--sage)}.submit{flex:none;width:58px;padding:0}.feedback{min-height:22px;font-size:15px;line-height:1.35;color:var(--sand);margin:10px 2px 0;text-wrap:pretty}.feedback.ok{color:var(--sage)}.feedback.soft{color:var(--ink-2)}.shake{animation:shake .36s var(--ease-out)}@keyframes shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}::view-transition-old(screen){animation:vt-out .22s var(--ease-out) both}::view-transition-new(screen){animation:vt-in .42s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:scale(.98)}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px) scale(.99)}}@media(prefers-reduced-motion:reduce){::view-transition-old(screen),::view-transition-new(screen){animation-duration:.16s;animation-name:vt-fade}@keyframes vt-fade{0%{opacity:0}}.shake{animation:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.screen{view-transition-name:screen}.scene{position:relative;aspect-ratio:1302 / 975;height:100%;max-width:none}.scene-bg{position:absolute;inset:0;width:100%;height:100%}.spr{position:absolute;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.spr-cat{left:0;top:66.8%;width:36.6%;transform-origin:60% 100%}.spr-maxi{left:37.6%;top:0;width:31.3%}.spr-dog{left:59%;top:50.5%;width:41%;transform-origin:50% 100%}.scene.enter .spr,.scene.enter .scene-bg{animation:rise .64s var(--ease-out) both}.scene.enter .scene-bg{animation-name:fade;animation-duration:.5s}.scene.enter .spr-maxi{animation-delay:80ms}.scene.enter .spr-cat{animation-delay:.22s}.scene.enter .spr-dog{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes fade{0%{opacity:0}}.scene .spr-cat{animation:rise .64s var(--ease-out) .22s both,breathe 3.8s ease-in-out 1s infinite}.scene .spr-dog{animation:rise .64s var(--ease-out) .32s both,breathe 4.4s ease-in-out 1.6s infinite}.scene:not(.enter) .spr-cat,.scene:not(.enter) .spr-dog{animation-name:none,breathe}@keyframes breathe{50%{transform:scale(1.012,1.022)}}.welcome{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,2.6vh,24px);padding-top:clamp(4px,2vh,20px)}.welcome-title{position:relative;z-index:2;animation:rise .56s var(--ease-out) 40ms both}.scene-slot{position:relative;min-height:0;overflow:hidden;margin:0 calc(-1 * var(--pad));container-type:size}.scene-slot .scene{position:absolute;top:50%;left:50%;translate:-50% -50%;height:auto;width:min(112cqw,133.5cqh)}.welcome-copy{display:grid;gap:12px;animation:rise .56s var(--ease-out) .42s both}.welcome-cta{display:grid;gap:12px;justify-items:center;text-align:center;animation:fade .5s var(--ease-out) .62s both}@media(prefers-reduced-motion:reduce){.scene .spr,.scene .scene-bg,.welcome-copy,.welcome-title,.welcome-cta{animation:fade .2s ease both!important}}.game{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--sky);touch-action:none}.g-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.g-hud{position:absolute;top:10px;left:var(--pad);right:var(--pad);padding:10px 14px 12px;border-radius:18px;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 2px #1d33500f;pointer-events:none}.g-hud[hidden]{display:none}.g-hud-row{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.g-hud-count{font-variant-numeric:tabular-nums;color:var(--ink)}.g-bar{height:6px;border-radius:3px;background:var(--sky);overflow:hidden}.g-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit;transform-origin:left;transform:scaleX(0);transition:transform .2s var(--ease-out)}.g-toast{position:absolute;left:50%;top:84px;max-width:calc(100% - 2 * var(--pad));margin:0;padding:9px 16px;border-radius:999px;background:var(--ink);color:var(--white);font-size:15px;font-weight:500;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-6px);transition:opacity .2s ease,transform .26s var(--ease-out)}.g-toast.show{opacity:1;transform:translate(-50%)}.g-scrim{position:absolute;inset:0;background:#1d33502e;opacity:0;pointer-events:none;transition:opacity .3s ease}.g-sheet{position:absolute;left:10px;right:10px;bottom:10px;display:grid;gap:14px;padding:26px var(--pad) var(--pad);border-radius:30px;background:var(--porcelain);box-shadow:var(--shadow-soft);transform:translateY(calc(100% + 24px));transition:transform .42s cubic-bezier(.32,.72,0,1)}.sheet-open .g-sheet{transform:none}.sheet-open .g-scrim{opacity:1;pointer-events:auto}.g-sheet .btn{margin-top:6px}.g-sheet .btn.quiet{margin:0 auto}.g-step{margin:0;font-size:14px;font-weight:600;color:var(--ink-3)}.center{text-align:center}.note{position:relative;margin:0 auto 4px;width:min(100%,300px);padding:22px 24px 18px;background:var(--white);border-radius:6px;box-shadow:0 1px 1px #1d335014,0 18px 30px -16px #1d335066;rotate:-2deg;text-align:center;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--sky) 31px 32px);background-position:0 10px}.note:before{content:"";position:absolute;top:-10px;left:50%;width:84px;height:22px;translate:-50% 0;rotate:3deg;background:#a9c9eabf;border-radius:2px}.note p{margin:0}.note-to{font-size:26px;color:var(--ink-2);text-align:left}.note-text{font-size:15px;color:var(--ink-2);margin-top:8px!important}.note-pw{font-size:46px;line-height:1.1;color:var(--ink);letter-spacing:.04em}.note-from{font-size:24px;color:var(--ink-2);text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:6px}.paw{width:20px;height:20px;color:var(--sand)}.note-mode .note{animation:note-in .62s var(--ease-out) .12s both}@keyframes note-in{0%{opacity:0;transform:translateY(24px) rotate(6deg) scale(.96)}}@media(prefers-reduced-motion:reduce){.g-sheet{transition-duration:1ms}.note-mode .note{animation:fade .2s ease both}}.pw{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(16px,3vh,28px)}.pw-art{min-height:0;display:grid;place-items:center;padding-top:4vh}.box{width:min(80%,300px);max-height:100%;overflow:visible;animation:rise .6s var(--ease-out) both}.box-lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform .7s cubic-bezier(.34,1.4,.64,1)}.pw-art.open .box-lid{transform:translate(-6px,-18px) rotate(-14deg)}.pw-copy{display:grid;gap:10px}.pw-entry{display:grid}.pw-input{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:21px}.pw-input::placeholder{text-transform:none;letter-spacing:0}.pw-entry .feedback{text-align:center;margin-bottom:14px}.pw-entry .btn.quiet{justify-self:center;margin-top:6px}.kb .pw-art,.kb .pw-copy .lede{display:none}.pz{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(12px,2.2vh,20px)}.pz-head{display:flex;align-items:center;justify-content:space-between}.pz-dots{display:flex;gap:6px}.pz-dots i{width:8px;height:8px;border-radius:4px;background:var(--line);transition:background-color .2s ease,width .24s var(--ease-out)}.pz-dots i.done{background:var(--accent-soft)}.pz-dots i.now{background:var(--accent);width:20px}.pz-stage{min-height:0;display:grid;place-items:center;container-type:size}.polaroid{position:relative;margin:0;width:min(100cqw,78cqh);height:min(128cqw,100cqh);padding:10px 10px 30px;background:var(--white);border-radius:6px;box-shadow:0 1px 2px #1d335014,0 22px 40px -22px #1d335073;rotate:var(--tilt, 0deg);display:flex;flex-direction:column}.polaroid img,.polaroid .ph{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:2px;background:var(--sky)}.polaroid img.contain{object-fit:contain;background:var(--white);padding:8%}.polaroid figcaption{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--ink-3)}.polaroid:after{content:"";position:absolute;inset:10px 10px 30px;border-radius:2px;background:#5f9a852e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 64px no-repeat;opacity:0;transition:opacity .2s ease}.polaroid.solved:after{opacity:1}.ph{display:grid;place-content:center;gap:10px;padding:24px;text-align:center;color:var(--ink-2);font-size:15px;border:2px dashed var(--accent-soft)}.ph-tag{justify-self:center;padding:4px 10px;border-radius:999px;background:var(--ink);color:var(--white);font-size:12px;font-weight:600}.ph-corner{position:absolute;top:18px;left:18px}.pz-q{text-align:center}.kb .pz-q,.kb .pz-head{display:none}.sum{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.4vh,22px)}.sum-list{list-style:none;margin:0;padding:0;min-height:0;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:4px;max-height:440px}.sum-list li{display:flex;align-items:center;gap:14px;min-height:0;animation:rise .48s var(--ease-out) both}.sum-list li:nth-child(2){animation-delay:50ms}.sum-list li:nth-child(3){animation-delay:.1s}.sum-list li:nth-child(4){animation-delay:.15s}.sum-list li:nth-child(5){animation-delay:.2s}.sum-list li:nth-child(6){animation-delay:.25s}.sum-list li:nth-child(7){animation-delay:.3s}.sum-list img,.thumb-ph{flex:none;height:min(44px,100%);aspect-ratio:1;border-radius:10px;object-fit:cover;background:var(--sky);border:2px solid var(--white);box-shadow:0 1px 3px #1d335026}.thumb-ph{border:2px dashed var(--accent-soft);box-shadow:none}.sum-name{font-family:var(--font-display);font-size:clamp(22px,6.4vw,27px);line-height:1}.sum-q{display:block;font-weight:600;margin-bottom:10px}.hints{display:grid;gap:6px}.hint{margin:0;padding:10px 14px;border-radius:14px;background:var(--sky);color:var(--ink);font-size:15px}.hint span{font-weight:600;color:var(--accent);margin-right:8px}.hint.fresh{animation:rise .36s var(--ease-out) both}.hints .btn.quiet{justify-self:start;margin-left:-14px}.kb .sum-title,.kb .sum-list img,.kb .thumb-ph{display:none}.kb .sum-name{font-size:20px}.fin{position:relative;flex:1;min-height:0;display:grid;place-items:center;text-align:center}.fin-confetti{position:absolute;inset:-56px calc(-1 * var(--pad)) calc(-1 * var(--pad));width:calc(100% + 2 * var(--pad));height:calc(100% + 56px + var(--pad));pointer-events:none;z-index:0}.fin-word{position:relative;z-index:1;margin:0;padding-bottom:8vh;font-family:var(--font-display);font-weight:400;font-size:clamp(38px,12.4vw,60px);letter-spacing:.03em;line-height:1;white-space:nowrap;color:var(--accent)}.fin-word span{display:inline-block;animation:rise .64s var(--ease-out) calc(.2s + var(--i) * 60ms) both}@media(prefers-reduced-motion:reduce){.fin-word span,.sum-list li,.box{animation:fade .2s ease both!important}}