:root{color-scheme:dark;--canvas: #070605;--charcoal: #11100e;--charcoal-soft: #191512;--ink: #fff6ea;--muted: rgba(255, 246, 234, .72);--faint: rgba(255, 246, 234, .15);--paper: #ffe6a8;--paper-deep: #edc46f;--pink: #ff6f9f;--yellow: #ffd85f;--green: #8fd46a;--purple: #b479ff;--white: #fff9ed;--body-font: "Trebuchet MS", "Segoe UI", Arial, sans-serif;--hand-font: "Segoe Print", "Bradley Hand ITC", "Comic Sans MS", cursive;--ease: cubic-bezier(.2, .78, .28, 1);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(ellipse at 50% 8%,rgba(255,246,234,.035),transparent 31rem),radial-gradient(circle at 19% 17%,rgba(255,111,159,.13),transparent 24rem),radial-gradient(circle at 86% 24%,rgba(180,121,255,.11),transparent 20rem),radial-gradient(circle at 52% 95%,rgba(255,216,95,.09),transparent 22rem),linear-gradient(135deg,#050504,#11100e 52%,#070605)}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px dashed var(--yellow);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;min-height:100vh;padding:7.2rem .85rem 7rem;isolation:isolate}.app:before,.app:after{position:fixed;inset:0;z-index:-3;pointer-events:none;content:""}.app:before{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:260px 260px;mix-blend-mode:overlay}.app:after{z-index:-2;opacity:.2;background:radial-gradient(ellipse at 16% 31%,rgba(255,246,234,.08),transparent 11rem),radial-gradient(ellipse at 78% 18%,rgba(255,216,95,.05),transparent 13rem),radial-gradient(ellipse at 62% 82%,rgba(255,111,159,.055),transparent 15rem),radial-gradient(ellipse at 28% 91%,rgba(143,212,106,.04),transparent 12rem);filter:blur(1px)}.stage-wrap{width:min(1120px,100%);margin:0 auto}.stage-panel{position:relative;width:100%;min-height:min(720px,calc(100vh - 14rem));overflow:hidden;border:1px solid rgba(255,246,234,.16);border-radius:26px;background:radial-gradient(circle at 18% 12%,rgba(255,111,159,.08),transparent 24rem),radial-gradient(circle at 92% 78%,rgba(143,212,106,.06),transparent 20rem),#0d0c0ae0;box-shadow:0 22px 46px #0000005c,inset 0 0 0 1px #fff6ea0a}.stage-panel>*:not(.stage-art):not(.celebration):not(.brush-cursor){position:relative;z-index:1}.stage-panel:before{position:absolute;inset:.65rem;border:1px dashed rgba(255,246,234,.1);border-radius:20px;pointer-events:none;content:""}.stage-enter{animation:stageIn .62s var(--ease) both}.welcome-panel{display:grid;place-items:center;align-content:center;gap:1.6rem;padding:2rem 1.1rem;text-align:center}.welcome-copy{display:grid;gap:1rem;max-width:720px}.mini-note{margin:0;color:var(--yellow);font-family:var(--hand-font);font-size:.88rem;font-weight:700;letter-spacing:.03em}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:0;letter-spacing:0}h1{color:var(--white);font-family:var(--hand-font);font-size:2.8rem;line-height:1.04;text-shadow:0 2px 0 rgba(0,0,0,.28)}h1 span{color:var(--pink)}h2{color:var(--white);font-family:var(--hand-font);font-size:2.05rem;line-height:1.08}h3{margin-bottom:.85rem;color:#332015;font-family:var(--hand-font);font-size:1.1rem}p{color:var(--muted);font-size:1.02rem;line-height:1.72}.primary-button,.play-button,.yes-button{position:relative;display:inline-flex;min-height:3.35rem;align-items:center;justify-content:center;border:1px solid rgba(255,246,234,.22);border-radius:999px;color:#2b1019;font-weight:850;letter-spacing:0;text-decoration:none;cursor:pointer;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.3),transparent 30%),linear-gradient(180deg,#ff7aaa,#f65d9b);box-shadow:0 12px #00000038,0 18px 32px #00000040;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease),opacity .18s var(--ease)}.primary-button:after,.play-button:after,.yes-button:after{position:absolute;inset:.45rem .75rem;border:1px dashed rgba(255,246,234,.25);border-radius:inherit;pointer-events:none;content:""}.primary-button{padding:0 1.55rem}.primary-button:hover:not(:disabled),.play-button:hover,.yes-button:hover{transform:translateY(-3px) rotate(-.3deg);filter:saturate(1.06);box-shadow:0 15px #0003,0 22px 36px #00000047}.primary-button:active:not(:disabled),.play-button:active,.yes-button:active{transform:translateY(0) rotate(0);box-shadow:0 7px #0000003d,0 13px 24px #0000003d}.primary-button:disabled{color:#fff6ea85;cursor:not-allowed;background:repeating-linear-gradient(-12deg,rgba(255,255,255,.04) 0 5px,transparent 5px 10px),#fff6ea14;box-shadow:inset 0 0 0 1px #fff6ea1a}.shall-button{min-width:11rem;font-family:var(--hand-font);font-size:1.12rem}.section-heading{max-width:850px;margin-bottom:1.55rem}.section-heading p:last-child{max-width:780px;margin-bottom:0}.puzzle-intro-row{display:grid;gap:1rem;align-items:start;margin-bottom:1.55rem}.puzzle-intro-row .section-heading{margin-bottom:0}.puzzle-panel,.audio-panel{padding:1.1rem}.puzzle-music{display:grid;width:min(100%,11.5rem);justify-items:center;gap:.36rem;padding:.66rem .7rem .58rem;border:1px dashed rgba(255,216,95,.25);border-radius:18px 15px 20px 16px;background:repeating-linear-gradient(-8deg,rgba(255,246,234,.03) 0 2px,transparent 2px 9px),#fff6ea0b;box-shadow:0 14px 22px #00000038;transform:rotate(1.1deg)}.puzzle-music p{max-width:9rem;margin:0;color:#d9b8ff;font-family:var(--hand-font);font-size:.72rem;font-weight:950;line-height:1.25;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.5)}.vinyl-button{position:relative;width:7.25rem;height:5.7rem;padding:0;border:0;color:inherit;cursor:pointer;background:transparent}.vinyl-button:hover .vinyl-disc{transform:translateY(-.1rem) rotate(-1deg);filter:saturate(1.05)}.vinyl-disc{position:absolute;bottom:.2rem;left:.2rem;display:grid;width:5.15rem;height:5.15rem;place-items:center;border:2px dashed rgba(255,246,234,.22);border-radius:999px;background:radial-gradient(circle,var(--pink) 0 .54rem,#2b1019 .56rem .72rem,var(--yellow) .74rem 1.05rem,transparent 1.08rem),repeating-radial-gradient(circle,#24201d 0 .22rem,#0a0908 .24rem .44rem);box-shadow:0 .55rem #00000042,0 .95rem 1.3rem #00000047;transition:transform .17s var(--ease),filter .17s var(--ease)}.vinyl-disc:before,.vinyl-disc:after{position:absolute;inset:.92rem;border:1px dotted rgba(255,246,234,.18);border-radius:inherit;content:""}.vinyl-disc:after{inset:1.64rem;border-color:#ff6f9f42}.vinyl-label{position:relative;z-index:1;display:grid;width:1.72rem;height:1.72rem;place-items:center;border-radius:999px;color:#27120f;font-family:var(--hand-font);font-size:.92rem;font-weight:900;background:var(--green);box-shadow:inset 0 0 0 2px #fff6ea61}.tonearm{position:absolute;right:.28rem;top:.4rem;width:3.35rem;height:4.2rem;transform:rotate(-30deg);transform-origin:2.86rem .72rem;transition:transform .33s var(--ease)}.tonearm-base{position:absolute;top:.22rem;right:.18rem;width:1.12rem;height:1.12rem;border:2px dashed rgba(255,246,234,.34);border-radius:999px;background:#fff6ea17}.tonearm-line{position:absolute;top:.92rem;right:.82rem;width:.28rem;height:3.22rem;border-radius:999px;background:linear-gradient(180deg,var(--white),rgba(255,216,95,.74));box-shadow:0 0 0 1px #1e140e57;transform:rotate(25deg);transform-origin:top center}.tonearm-needle{position:absolute;right:2.28rem;bottom:.28rem;width:.74rem;height:.92rem;border-radius:0 0 999px 999px;background:var(--pink);transform:rotate(25deg)}.vinyl-button.is-playing .vinyl-disc{animation:vinylSpin 3.4s linear infinite}.vinyl-button.is-playing .tonearm{transform:rotate(2deg)}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.puzzle-board-wrap{display:grid;justify-items:center;gap:.95rem;min-width:0}.puzzle-board{display:grid;width:min(100%,34.5rem);max-width:calc(100vw - 2.1rem);aspect-ratio:1;grid-template-columns:repeat(16,minmax(0,1fr));gap:.14rem;padding:.48rem;border:1px solid rgba(255,246,234,.18);border-radius:18px;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 24% 18%,rgba(255,111,159,.06),transparent 8rem),radial-gradient(circle at 82% 86%,rgba(255,216,95,.05),transparent 9rem),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23p)' opacity='.25'/%3E%3C/svg%3E"),#0c0b0a;box-shadow:0 16px 30px #00000057,inset 0 0 0 1px #00000061;transform:rotate(-.35deg)}.puzzle-cell{display:grid;width:100%;aspect-ratio:1;place-items:center;border:0;border-radius:8px;color:#fff6eae6;font-size:.66rem;font-weight:900;line-height:1;cursor:crosshair;background:#fff6ea0e;box-shadow:inset 0 0 0 1px #fff6ea0e;transition:transform .11s var(--ease),background .11s var(--ease),color .11s var(--ease),box-shadow .11s var(--ease)}.puzzle-cell.is-selected{color:#241119;transform:scale(1.06) rotate(-2deg);background:#ffd85fd1;box-shadow:0 0 0 2px #fff6ea1a,0 0 14px #ffd85f38}.puzzle-cell.is-found{color:#160d0c;box-shadow:inset 0 0 0 1px #fff6ea33,0 0 12px #fff6ea14}.puzzle-cell.is-found.tone-pink{background:#ff6f9fd4}.puzzle-cell.is-found.tone-yellow{background:#ffd85fdb}.puzzle-cell.is-found.tone-green{background:#8fd46adb}.puzzle-cell.is-found.tone-purple{color:var(--white);background:#b479ffc7}.puzzle-cell.is-found.tone-white{background:#fff6eadb}.puzzle-hint{min-height:2.35rem;padding:.55rem .9rem;border:1px dashed rgba(255,216,95,.4);border-radius:999px;color:var(--yellow);font-family:var(--hand-font);font-size:.9rem;font-weight:700;text-align:center;background:#ffd85f0e}.word-card{display:grid;min-width:0;gap:.82rem}.puzzle-side-decor{display:grid;gap:.62rem;justify-items:center}.side-scraps,.puzzle-image-row{display:flex;width:100%;align-items:center;justify-content:center;gap:.62rem}.puzzle-side-decor .paper-scrap,.puzzle-side-decor .image-sticker,.puzzle-side-decor .mini-doodle{position:relative;inset:auto;opacity:1}.puzzle-side-decor .paper-scrap{max-width:7.4rem;padding:.68rem .58rem .52rem;font-size:.68rem}.puzzle-side-decor .image-sticker{width:6.9rem}.puzzle-side-decor .mini-doodle{width:7.35rem}.sticky-card{position:relative;max-width:100%;padding:1.55rem 1.05rem 1.15rem;border-radius:9px 12px 8px 13px;color:#332015;transform:rotate(1.5deg);background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.3),transparent 5rem),repeating-linear-gradient(0deg,transparent 0 1.78rem,rgba(90,54,19,.1) 1.78rem 1.84rem),var(--paper);box-shadow:0 18px 28px #00000047,inset 0 -14px #edc46f33}.sticky-card:before,.tape{position:absolute;top:-.42rem;left:50%;width:4rem;height:1rem;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 4px,transparent 4px 8px),#ff6f9fc7;box-shadow:0 3px 8px #00000029;content:"";transform:translate(-50%) rotate(-1.5deg)}.tape{top:-.5rem;width:2.8rem;height:.74rem}.word-list{display:flex;flex-wrap:wrap;gap:.48rem}.word-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.1rem;padding:.35rem .55rem;border:1px solid rgba(51,32,21,.13);border-radius:999px;color:#332015c7;font-family:var(--hand-font);font-size:.76rem;font-weight:800;letter-spacing:0;background:#ffffff52;transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.word-chip.is-found{color:#173010;background:#8fd46ab8;text-decoration:line-through;text-decoration-thickness:2px}.word-chip.just-found{animation:popCheck .62s var(--ease) both}.next-step{display:grid;justify-items:center;gap:.75rem;margin-top:.2rem;text-align:center}.word-card .next-step .primary-button{width:min(100%,18rem)}.next-step p{margin-bottom:0;color:#fff6ea9e;font-size:.95rem}.journey-controls{position:relative;z-index:18;display:flex;width:min(100%,34rem);flex-wrap:wrap;gap:.65rem;justify-content:center;margin:1rem auto 0;padding:.75rem .85rem;border:1px dashed rgba(255,246,234,.16);border-radius:18px;background:repeating-linear-gradient(-7deg,rgba(255,246,234,.028) 0 2px,transparent 2px 9px),#0a0908b8;box-shadow:0 14px 24px #0000003d;transform:rotate(.25deg)}.secondary-button{min-height:2.65rem;min-width:6.4rem;padding:0 1rem;border:1px dashed rgba(255,246,234,.28);border-radius:999px;color:#fff6eae6;font-family:var(--hand-font);font-size:.9rem;font-weight:850;cursor:pointer;background:radial-gradient(circle at 20% 18%,rgba(255,216,95,.08),transparent 2.5rem),#fff6ea13;transition:transform .17s var(--ease),border-color .17s var(--ease),background .17s var(--ease),opacity .17s var(--ease)}.secondary-button:hover:not(:disabled){border-color:#ffd85f85;background:#ffd85f1a;transform:translateY(-2px) rotate(-.8deg)}.secondary-button:disabled{opacity:.42;cursor:not-allowed}.replay-button{color:#332015;border-color:#33201533;background:repeating-linear-gradient(0deg,transparent 0 1.1rem,rgba(90,54,19,.1) 1.1rem 1.16rem),var(--paper);box-shadow:0 8px #0000002e}.audio-grid{display:grid;gap:1.5rem;align-items:center}.audio-copy{display:grid;gap:1rem;justify-items:start;max-width:650px}.audio-copy p:last-child{margin-bottom:0}.audio-player-card{display:grid;gap:1.1rem;width:100%;padding:1rem;border:1px solid rgba(255,246,234,.15);border-radius:22px;background:repeating-linear-gradient(-4deg,rgba(255,246,234,.035) 0 2px,transparent 2px 10px),#0606058c;box-shadow:0 16px 28px #00000040}.audio-controls{display:grid;grid-template-columns:4.7rem minmax(0,1fr) 4.7rem;gap:.55rem}.icon-button{min-height:3.05rem;border:1px dashed rgba(255,246,234,.22);border-radius:999px;color:var(--ink);font-size:.9rem;font-weight:850;cursor:pointer;background:#fff6ea12;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.icon-button:hover{transform:translateY(-2px) rotate(-.6deg);border-color:#ffd85f80;background:#ffd85f1a}.play-button{min-width:0;padding:0 1rem}.scrubber input{width:100%;accent-color:var(--pink);cursor:pointer}.time-row{display:flex;justify-content:space-between;color:#fff6eab8;font-family:var(--hand-font);font-size:.9rem;font-weight:700}.audio-note-stack{display:grid;gap:.38rem}.audio-path-note{margin-bottom:0;color:#fff6ea7a;font-size:.82rem;line-height:1.5}.question-panel{margin-top:1.55rem;padding:1.2rem;border:1px dashed rgba(180,121,255,.42);border-radius:24px;text-align:center;background:radial-gradient(circle at 18% 20%,rgba(255,111,159,.13),transparent 30%),#fff6ea09}.question-panel h2{max-width:880px;margin:.65rem auto 1.5rem;font-size:1.85rem}.choice-zone{display:grid;justify-items:center;gap:.9rem}.yes-button{z-index:2;min-width:min(100%,13rem);padding:0 2rem;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 30%),linear-gradient(180deg,#bf7aff,#9653df);color:var(--white)}.no-playground{position:relative;width:min(100%,28rem);height:8rem;border:1px dashed rgba(180,121,255,.5);border-radius:20px;background:#00000029;overflow:hidden}.no-button{position:absolute;top:.6rem;left:.6rem;min-width:5.3rem;min-height:2.8rem;border:1px dashed rgba(255,246,234,.28);border-radius:999px;color:#fff6eadb;font-weight:850;cursor:default;background:#fff6ea11;transition:transform .23s var(--ease)}.no-note{min-height:1.7rem;margin-bottom:0;color:#fff6eaad;font-family:var(--hand-font);font-size:.95rem}.yes-confirmation{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.85rem 1.2rem;border:1px dashed rgba(19,39,12,.3);border-radius:999px;color:#13270c;font-family:var(--hand-font);font-weight:900;background:var(--green);box-shadow:0 16px 24px #0000003d}.progress-shell{position:fixed;top:.75rem;left:50%;z-index:20;width:min(35rem,calc(100vw - 1.5rem));padding:.72rem .82rem .62rem;border:1px solid rgba(255,246,234,.14);border-radius:24px;background:repeating-linear-gradient(-8deg,rgba(255,246,234,.035) 0 2px,transparent 2px 9px),#0b0a09eb;box-shadow:0 16px 28px #0000004d;transform:translate(-50%) rotate(-.2deg)}.progress-topline,.progress-marks{display:flex;justify-content:space-between;gap:.5rem;color:#fff6eabd;font-family:var(--hand-font);font-size:.74rem;font-weight:700;letter-spacing:0}.progress-track{position:relative;height:.46rem;margin:.4rem 0 .28rem;overflow:visible;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,246,234,.2) 0 .22rem,transparent .22rem .52rem)}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:repeating-linear-gradient(90deg,var(--pink) 0 .32rem,var(--yellow) .32rem .64rem,var(--green) .64rem .96rem,var(--purple) .96rem 1.28rem);transition:width .42s var(--ease)}.progress-dot{position:absolute;top:50%;width:1rem;height:1rem;border:2px solid #1a100f;border-radius:999px;background:var(--yellow);transform:translate(-50%,-50%);transition:left .42s var(--ease)}.footer-quote{position:fixed;right:.8rem;bottom:.75rem;left:.8rem;z-index:19;max-width:62rem;margin:0 auto;padding:.72rem .95rem;border:1px dashed rgba(255,216,95,.28);border-radius:18px;color:#fff6eac7;font-family:var(--hand-font);font-size:.78rem;line-height:1.45;text-align:center;pointer-events:none;background:repeating-linear-gradient(-6deg,rgba(255,246,234,.025) 0 2px,transparent 2px 8px),#0a0908e6}.decor-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.stage-art,.sketch-path,.doodle-heart,.doodle-star,.note,.paper-scrap,.image-sticker,.mini-doodle,.sushi-sticker{position:absolute}.stage-art{inset:0;z-index:0;pointer-events:none}.background-scribbles{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff6ea21;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.background-scribbles path{stroke-dasharray:6 13}.sketch-path{width:18rem;height:auto;fill:none;stroke:#fff6ea6b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 12;animation:dashTravel 9s linear infinite}.sketch-path .path-arrow{stroke-dasharray:none}.path-one{top:22%;left:12%;transform:rotate(-6deg)}.path-two{right:8%;bottom:18%;stroke:#ff6f9f80;animation-delay:-3s;transform:rotate(7deg)}.doodle-heart,.doodle-star{width:3.4rem;height:3.4rem;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;stroke-dasharray:5 7;animation:doodlePulse 5.5s ease-in-out infinite}.heart-one{top:16%;left:7%;stroke:var(--pink)}.heart-two{right:7%;bottom:24%;stroke:var(--purple);animation-delay:-2s}.star-one{top:13%;right:18%;stroke:var(--yellow);animation-delay:-3s}.star-two{bottom:17%;left:12%;stroke:var(--green);animation-delay:-1.5s}.sushi-sticker{width:3.4rem;height:2rem;border-radius:60% 55% 42% 44%;background:linear-gradient(90deg,rgba(255,246,234,.92) 0 18%,transparent 18% 27%,rgba(255,246,234,.9) 27% 42%,transparent 42% 51%,rgba(255,246,234,.92) 51% 68%,transparent 68% 76%,rgba(255,246,234,.9) 76%),#f27c45;box-shadow:0 .32rem #2a211b,0 .7rem 1.1rem #00000047;transform:rotate(-13deg);animation:floatSoft 8s ease-in-out infinite}.sushi-sticker .rice{position:absolute;right:.25rem;bottom:-.34rem;left:.25rem;height:.74rem;border-radius:0 0 50% 50%;background:#fff5df}.sushi-sticker .shine{position:absolute;top:.28rem;left:.5rem;width:1.05rem;height:.28rem;border-radius:999px;background:#fff6ea94;transform:rotate(-12deg)}.sushi-salmon-roll{width:3.1rem;height:2.25rem;border:.36rem solid #2b2017;border-radius:45% 55% 46% 52%;background:radial-gradient(circle at 50% 50%,#ff9260 0 22%,#fff2df 23% 48%,transparent 49%),#1f1915}.sushi-salmon-roll .rice,.sushi-salmon-roll .shine{display:none}.sushi-one{top:58%;left:4%}.sushi-two{top:34%;right:5%;animation-delay:-4s;transform:rotate(11deg)}.paper-scrap{max-width:8.5rem;padding:.82rem .72rem .65rem;border-radius:8px 10px 7px 12px;color:#332015;font-family:var(--hand-font);font-size:.78rem;font-weight:800;line-height:1.35;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 1.15rem,rgba(90,54,19,.1) 1.15rem 1.2rem),var(--paper);box-shadow:0 16px 26px #0000003d}.paper-pink{background:repeating-linear-gradient(0deg,transparent 0 1.15rem,rgba(83,27,49,.09) 1.15rem 1.2rem),#ffc2d6}.paper-green{background:repeating-linear-gradient(0deg,transparent 0 1.15rem,rgba(22,63,24,.09) 1.15rem 1.2rem),#d4f0a9}.paper-white{background:repeating-linear-gradient(0deg,transparent 0 1.15rem,rgba(29,24,19,.08) 1.15rem 1.2rem),#fff8e9}.paper-purple{color:#2a163c;background:repeating-linear-gradient(0deg,transparent 0 1.15rem,rgba(64,22,96,.1) 1.15rem 1.2rem),#dcc3ff}.note{display:none}.note-pink{top:13%;left:2.5%;transform:rotate(-7deg)}.note-yellow{right:2%;bottom:36%;transform:rotate(7deg)}.note-green{bottom:14%;left:3%;transform:rotate(5deg)}.image-sticker{display:block;width:8.2rem;padding:.42rem;border-radius:10px;background:#fffdf8;box-shadow:0 15px 26px #0000003d,0 0 0 1px #2f241b1a}.image-sticker:before{position:absolute;top:-.38rem;left:50%;width:3.2rem;height:.72rem;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 4px,transparent 4px 8px),#ff6f9fb3;content:"";transform:translate(-50%) rotate(-3deg)}.image-sticker img{display:block;width:100%;border-radius:6px}.mini-doodle{width:10rem;margin:0;padding:.5rem .55rem .62rem;border-radius:12px 9px 13px 10px;color:#201611;background:radial-gradient(circle at 70% 18%,rgba(255,111,159,.08),transparent 3rem),#fffaf0;box-shadow:0 14px 24px #00000038}.mini-doodle svg{display:block;width:100%;height:auto}.mini-doodle path{fill:none;stroke:#17110f;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mini-doodle .doodle-blush{fill:#ff6f9f2e;stroke:var(--pink);stroke-width:4}.mini-doodle figcaption{margin-top:.12rem;font-family:var(--hand-font);font-size:.7rem;font-weight:800;line-height:1.25;text-align:center}.local-dotted-path{position:absolute;fill:none;stroke:#fff6ea7a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 11;animation:dashTravel 8s linear infinite}.sticker-disturb{top:7%;right:7%;transform:rotate(5deg)}.scrap-welcome-route{bottom:13%;left:8%;transform:rotate(-7deg)}.scrap-welcome-soft{top:28%;left:6%;transform:rotate(6deg)}.doodle-welcome-wave{right:12%;bottom:11%;transform:rotate(-3deg)}.scrap-puzzle-secret{transform:rotate(5deg)}.scrap-puzzle-important{transform:rotate(-4deg)}.sticker-brain{transform:rotate(4deg)}.doodle-puzzle-rooting{transform:rotate(-4deg)}.sushi-puzzle{right:3.5%;bottom:17%;transform:rotate(12deg)}.sticker-hug{right:6%;top:8%;width:8.6rem;transform:rotate(-4deg)}.scrap-audio-step{left:6%;bottom:12%;transform:rotate(5deg)}.doodle-audio-listen{right:9%;bottom:10%;transform:rotate(3deg)}.audio-heart-path{left:31%;bottom:18%;width:13rem;stroke:#ff6f9f80}.question-panel{position:relative;overflow:hidden}.question-panel>*:not(.stage-art){position:relative;z-index:1}.sticker-hugs{top:8%;left:3%;width:6.7rem;opacity:.66;transform:rotate(-6deg)}.scrap-question-heart{right:4%;top:8%;transform:rotate(5deg)}.doodle-question-soft{right:4%;bottom:7%;width:8.3rem;opacity:.86;transform:rotate(3deg)}.sushi-question{left:5%;bottom:8%;transform:rotate(-12deg)}.dotted-face{width:8rem;aspect-ratio:1}.dotted-face svg{width:100%;height:100%;overflow:visible}.face-ring,.face-orbit,.face-line,.face-heart,.face-eye{fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round}.face-ring{stroke-width:4;stroke-dasharray:1 10;animation:faceDots 8s linear infinite}.face-orbit{opacity:.55;stroke:var(--yellow);stroke-width:3;stroke-dasharray:2 9;animation:dashTravel 6s linear infinite}.face-line{stroke-width:6}.face-eye{fill:#fff6ea24;stroke-width:4;stroke-dasharray:3 5}.face-heart{fill:#ff6f9f33;stroke:var(--pink);stroke-width:4;stroke-dasharray:5 4}.dotted-face-sweet .face-ring{stroke:var(--yellow)}.dotted-face-sweet .tear-left,.dotted-face-sweet .tear-right{stroke:#c7e7ff;stroke-dasharray:4 5;animation:tearWiggle 2.4s ease-in-out infinite}.dotted-face-happy .face-ring,.dotted-face-excited .face-ring{stroke:var(--green)}.dotted-face-excited .spark-one,.dotted-face-excited .spark-two{stroke:var(--yellow);stroke-dasharray:3 5;animation:sketchBlink 1.4s ease-in-out infinite}.celebration{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0}.celebration.is-active{opacity:1}.confetti-piece{position:absolute;left:calc(8% + (var(--i) * 7%));bottom:-2rem;width:1.3rem;height:1.3rem;animation:confettiRise 2.6s var(--ease) both;animation-delay:calc(var(--i) * 58ms)}.confetti-heart{border:3px dashed var(--pink);border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg)}.confetti-star{border:3px dashed var(--yellow);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 55%,79% 91%,50% 70%,21% 91%,32% 55%,2% 35%,39% 34%)}.confetti-dot{border:3px dotted var(--green);border-radius:999px}.confetti-sushi{width:1.7rem;height:1rem;border-radius:999px;background:linear-gradient(90deg,#fff3dc 0 20%,transparent 20% 34%,#fff3dc 34% 55%,transparent 55% 68%,#fff3dc 68%),#f27c45}.brush-cursor{position:fixed;z-index:40;width:1.45rem;height:1.45rem;border:3px dashed rgba(255,216,95,.82);border-radius:999px 999px 999px 0;pointer-events:none;background:#ff6f9f2e;transform:translate(-22%,-82%) rotate(-18deg)}@media(min-width:640px){.app{padding-top:7.75rem}.welcome-panel{padding:3rem 2rem}h1{font-size:4.15rem}h2{font-size:2.8rem}.question-panel h2{font-size:2.55rem}.puzzle-cell{font-size:.82rem}.puzzle-panel,.audio-panel{padding:2rem}}@media(min-width:760px){.puzzle-intro-row{grid-template-columns:minmax(0,1fr) auto}.puzzle-music{justify-self:end}}@media(min-width:860px){.puzzle-layout{grid-template-columns:minmax(29rem,1fr) minmax(16rem,22rem);gap:2.5rem}.audio-grid{grid-template-columns:minmax(0,.95fr) minmax(20rem,.85fr)}.note{display:block}.dotted-face{width:9rem}.puzzle-panel,.audio-panel{padding:3rem}}@media(min-width:1100px){h1{font-size:5.45rem}.puzzle-cell{font-size:.98rem}}@media(max-width:859px){.stage-art .image-sticker,.stage-art .mini-doodle,.stage-art .paper-scrap,.stage-art .sushi-sticker{opacity:.28;transform:scale(.86) rotate(var(--mobile-rotate, 0deg))}.sticker-disturb,.sticker-brain,.sticker-hug,.sticker-hugs,.scrap-welcome-soft,.doodle-puzzle-rooting,.doodle-audio-listen,.doodle-question-soft{display:none}}@media(max-width:520px){.app{padding:6.45rem .62rem 7.45rem}.stage-panel{border-radius:20px}.stage-panel:before{inset:.42rem;border-radius:16px}.puzzle-board{max-width:calc(100vw - 1.45rem);border-radius:16px;gap:.1rem;padding:.34rem}.audio-controls{grid-template-columns:1fr}.progress-marks{display:none}.footer-quote{font-size:.72rem}.sketch-path,.doodle-heart,.doodle-star,.sushi-sticker{opacity:.58}.stage-art .paper-scrap,.stage-art .sushi-sticker{opacity:.18}.puzzle-music{width:min(100%,10rem);justify-self:center;transform:rotate(.5deg)}.vinyl-button{width:6.55rem;height:5.25rem}.vinyl-disc{width:4.65rem;height:4.65rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.no-button{opacity:.58}.vinyl-button.is-playing .vinyl-disc{animation:none}}@keyframes stageIn{0%{opacity:0;transform:translateY(16px) rotate(.25deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes dashTravel{to{stroke-dashoffset:-120}}@keyframes doodlePulse{0%,to{opacity:.72;transform:translateY(0) rotate(-3deg)}50%{opacity:1;transform:translateY(-.45rem) rotate(3deg)}}@keyframes faceDots{to{stroke-dashoffset:-80}}@keyframes tearWiggle{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes sketchBlink{0%,to{opacity:.25}50%{opacity:1}}@keyframes floatSoft{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-.85rem) rotate(7deg)}}@keyframes vinylSpin{to{transform:rotate(360deg)}}@keyframes popCheck{0%{transform:scale(.92) rotate(0)}45%{transform:scale(1.08) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes confettiRise{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.8)}12%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--i) - 5) * .85rem),-88vh,0) rotate(360deg) scale(1.15)}}