@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fredoka-600-latin-C4zohCW5.woff2) format("woff2");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}*{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,#45b3e6,#2f96cf);color:#06364a;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;cursor:pointer}.art-defs{display:block;width:0;height:0}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:1.2rem;text-align:center}.hero-duck{width:5.2rem;height:auto}.hero h1{font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-size:2.3rem;font-weight:600;color:#fff;text-shadow:0 2px 0 rgba(6,54,74,.35);letter-spacing:.01em}.tagline{color:#dff4fd;font-weight:600;margin-top:.2rem}.menu{display:flex;flex-direction:column;gap:.9rem;width:min(92vw,340px)}.card{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#fffdf6;border:none;border-radius:18px;padding:1rem 1.2rem;box-shadow:0 5px #06364a47;transition:transform 80ms ease;filter:url(#paper-grain)}.card:not(.card-static):active{transform:translateY(3px);box-shadow:0 2px #06364a47}.card-emoji{font-size:1.9rem}.card-title{font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.2rem;font-weight:600}.card-sub{color:#5a7d8c;font-weight:600;font-size:.9rem}.card-compact{padding:.55rem 1.2rem;flex-direction:row;justify-content:center;gap:.55rem;flex-wrap:wrap}.card-compact .card-emoji{font-size:1.2rem}.card-compact .card-title{font-size:1rem}.card-compact .card-sub{flex-basis:100%;font-size:.8rem}.diff-row{display:flex;gap:.5rem;margin-top:.5rem}.footnote{color:#bfe6f7;font-size:.8rem}.btn{background:#fffdf6;color:#06364a;border:none;border-radius:14px;padding:.6rem 1rem;font-weight:800;box-shadow:0 4px #06364a47;transition:transform 80ms ease;min-height:44px}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #06364a47}.btn:disabled{opacity:.45;cursor:default}.btn-small{padding:.4rem .7rem;min-height:38px}.btn-primary{background:#ffd21f}.sound-toggle{font-size:.85rem}.sound-toggle[aria-pressed=true]{background:#ffd21f}.install-button{font-size:.85rem}.diff-easy{background:#b8ecb0}.diff-medium{background:#ffe08a}.diff-hard{background:#f7b1a1}.play{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:.7rem .8rem 1rem;gap:.7rem;-webkit-user-select:none;user-select:none}@media(orientation:portrait){.play.play-live{touch-action:none}}.play-header{width:min(96vw,560px);display:flex;align-items:center;justify-content:space-between;gap:.6rem}.play-title{font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;font-weight:600;text-shadow:0 1px 0 rgba(6,54,74,.35);font-size:.95rem}.counter{color:#fff;font-weight:700;background:#06364a4d;padding:.35rem .7rem;border-radius:999px;font-size:.9rem;white-space:nowrap}.counter strong{font-size:1.05rem}.board-wrap{position:relative;width:min(88vw,70vh,560px)}.board{width:100%;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.duck{transition:transform .19s cubic-bezier(.25,.9,.35,1.15);cursor:pointer}.duck-body-wrap{transform-box:fill-box;transform-origin:center}.duck-bonk{animation:duck-bonk 90ms ease-out}@keyframes duck-bonk{0%{transform:scale(1.08,.92)}to{transform:scale(1)}}.ripple{opacity:0;transform-box:fill-box;transform-origin:center;animation:ripple-out .42s ease-out .19s}@keyframes ripple-out{0%{transform:scale(1);opacity:.6}to{transform:scale(5);opacity:0}}.chevron{cursor:pointer;animation:chev-pulse 1.4s ease-in-out infinite}@keyframes chev-pulse{0%,to{opacity:.85}50%{opacity:1}}.lily-ring{animation:ring-pulse 1.8s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:.9}50%{opacity:.45}}.win-card{position:absolute;inset:0;margin:auto;height:fit-content;width:min(86%,320px);background:#fffdf6;border-radius:20px;padding:1.1rem 1.2rem 1.3rem;text-align:center;box-shadow:0 10px 30px #04283a73;filter:url(#paper-grain);display:flex;flex-direction:column;gap:.45rem;animation:pop-in .24s cubic-bezier(.2,1.4,.4,1)}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.win-stars{font-size:2rem;color:#f5a800;letter-spacing:.15em}.star-dim{color:#d8d2c2}.win-title{font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.25rem;font-weight:600}.win-sub{color:#5a7d8c;font-weight:600;font-size:.92rem}.win-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.play-controls{display:flex;gap:.6rem}.hint{color:#dff4fd;font-size:.82rem;text-align:center;max-width:340px;line-height:1.45}.sync{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:.7rem .8rem 1.2rem;gap:.8rem}.sync-block{width:min(94vw,420px);align-items:stretch;text-align:left;gap:.55rem;padding:.9rem 1.1rem 1rem}.sync-heading{font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.05rem;font-weight:600}.sync-explain{color:#5a7d8c;font-weight:600;font-size:.85rem}.sync-code{width:100%;font:600 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;resize:none;border:1.5px solid rgba(6,54,74,.28);border-radius:10px;padding:.5rem .6rem;background:#fff;color:#06364a}.sync-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sync-status{font-size:.85rem;font-weight:600;color:#5a7d8c}.sync-pickup{color:#5a7d8c;font-weight:600;font-size:.85rem}.sync-pickup-code{display:block;font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.9rem;font-weight:600;letter-spacing:.35em;color:#06364a;-webkit-user-select:all;user-select:all;margin-bottom:.15rem}.journey{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:.7rem .8rem 1.2rem;gap:.8rem}.chapter-list{display:flex;flex-direction:column;gap:.8rem;width:min(94vw,420px)}.btn-wide{width:100%;font-size:1.05rem}.chapter-card{flex-direction:row;align-items:center;text-align:left;gap:.9rem;padding:.9rem 1rem}.chapter-card.locked{opacity:.6;cursor:default;box-shadow:0 2px #06364a33}.chapter-num{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;background:#ffd21f;display:grid;place-items:center;font-weight:900;font-size:1.2rem;color:#4a3a00}.chapter-card.locked .chapter-num{background:#e4e0d4;font-size:1rem}.chapter-body{display:flex;flex-direction:column;gap:.15rem}.chapter-progress{font-size:.8rem;font-weight:700;color:#0a6c9e}.chapter-blurb{color:#dff4fd;font-weight:600;text-align:center;font-size:.95rem}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:min(94vw,420px)}.level-tile{aspect-ratio:1;border:none;border-radius:16px;background:#fffdf6;box-shadow:0 4px #06364a47;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:transform 80ms ease}.level-tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #06364a47}.level-tile.locked{background:#fffdf673;box-shadow:none;cursor:default}.level-tile.open{background:#ffd21f;animation:tile-glow 1.6s ease-in-out infinite}.level-tile.perfect{background:#d9f5c9}@keyframes tile-glow{0%,to{box-shadow:0 4px #06364a47}50%{box-shadow:0 4px #06364a47,0 0 0 4px #ffffff8c}}.level-num{font-weight:900;font-size:1.3rem;color:#06364a}.stars{letter-spacing:.05em;white-space:nowrap}.stars-sm{font-size:.8rem}.stars-lg{font-size:1.4rem}.star-lit{color:#f5a800}.win-note{color:#0a6c9e;font-weight:700;font-size:.9rem}.hint-ring{animation:hint-pulse 1s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.95;stroke-width:4}50%{opacity:.55;stroke-width:7}}.chevron-hint{animation:hint-bob .9s ease-in-out infinite}@keyframes hint-bob{0%,to{opacity:1}50%{opacity:.7}}.hint-active{color:#fff;font-weight:600;background:#06364a52;padding:.5rem .8rem;border-radius:12px}.hint-cap{opacity:.8;font-weight:500}.share-status{color:#0a6c9e;font-weight:700;font-size:.85rem}.share-box{width:100%;-webkit-user-select:text;user-select:text;font:inherit;font-size:.85rem;border-radius:10px;border:1px solid #d8d2c2;padding:.4rem .5rem;resize:none;color:#06364a;background:#fff}.update-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;width:min(94vw,420px);margin:max(.6rem,env(safe-area-inset-top)) auto 0;padding:.45rem .45rem .45rem .9rem;border-radius:16px;background:#06364a;box-shadow:0 6px 16px #06364a59}.update-text{color:#fffdf6;font-weight:700;font-size:.9rem}.error-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.2rem;text-align:center}.error-card{filter:none;gap:.5rem;width:min(92vw,340px)}.error-card .btn{margin-top:.4rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}button:focus-visible,textarea:focus-visible{outline:3px solid #ffd21f;outline-offset:2px}.card .btn:focus-visible,.win-card :focus-visible,.btn-primary:focus-visible{outline-color:#06364a}.update-banner :focus-visible{outline-color:#fffdf6}@media(prefers-reduced-motion:reduce){.duck{transition:none}.chevron,.chevron-hint,.hint-ring,.lily-ring,.level-tile.open,.win-card,.duck-bonk,.ripple{animation:none}}