:root{--t-clear:"Clear";--t-sure:"Sure?";--t-eraser:"Eraser";--t-undo:"Undo";--t-find-these:"Find these!"}:root:lang(fr){--t-clear:"Effacer";--t-sure:"Sûr ?";--t-eraser:"Gomme";--t-undo:"Annuler";--t-find-these:"À trouver !"}:root:lang(es){--t-clear:"Borrar";--t-sure:"¿Seguro?";--t-eraser:"Goma";--t-undo:"Deshacer";--t-find-these:"¡A buscar!"}:root:lang(zh-HK){--t-clear:"清除";--t-sure:"真係？";--t-eraser:"擦膠";--t-undo:"還原";--t-find-these:"搵吓呢啲！"}:root:lang(zh-CN){--t-clear:"清除";--t-sure:"确定吗？";--t-eraser:"橡皮擦";--t-undo:"撤销";--t-find-these:"找一找！"}:root{--ink:#2c2840;--muted:#7b7590;--paper:#f4f2ee;--sheet-border:0px;--card:#fff;--line:#2c284014;--shadow:0 1px 1px #46280a0a, 0 14px 32px #502d0a1a;--accent:#7c6cf0;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:0 0;font-family:Nunito,ui-rounded,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}#root{display:flow-root}html,body{overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;min-height:100dvh;margin:0}img{-webkit-user-drag:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}body:before{content:"";z-index:-1;pointer-events:none;background:url(/backdrop.svg?v=desk) 50%/cover no-repeat,linear-gradient(#f3c98a,#e4ae62);position:fixed;inset:0}button,a{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.bar-btn:disabled{color:#7a6a5c;background:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.screen{width:min(1080px,100%);margin:0 auto;padding:32px 20px 48px}.home-header h1,.bar h1,.theme-copy h2,.page-card span{letter-spacing:-.03em;font-weight:800}.home-header{margin-bottom:28px}.home-header h1{margin:14px 0 6px;font-size:2.75rem;line-height:1}.home-header p,.bar-title p,.theme-copy p,.footnote,.hint,.color-name,.mode small{margin:0}.home-header p,.theme-copy p,.bar-title p{color:#5c564c;font-size:1rem;font-weight:700}.home-header h1,.bar-title h1,.color-screen .bar h1{color:#241c16}.home-header p,.bar-title p,.footnote,.page-card span,.color-screen .bar h1{color:#fff6ea;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2f2016e6;border:1px solid #ffe2be29;box-shadow:inset 0 1px #ffe8cc29,0 8px 18px #28160829}.brand-dots{gap:7px;display:flex}.brand-dots span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #fff6}.theme-grid,.page-grid{gap:18px;display:grid}.theme-grid{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card,.page-card{text-decoration:none}.theme-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #ffffffd9;border-radius:28px;grid-template-columns:148px 1fr;align-items:center;gap:16px;padding:12px;transition:transform .18s,box-shadow .18s;display:grid}.theme-card:active{transform:translateY(1px)}.theme-art{border-radius:20px;padding:10px}.theme-copy h2{margin:0 0 2px;font-size:1.55rem}.meta{color:#5c564c}.home-header p,.bar-title p{letter-spacing:.01em;border-radius:12px;margin-top:8px;padding:6px 12px;display:inline-block}.footnote{letter-spacing:.01em;border-radius:12px;padding:6px 12px;display:inline-block}.meta{margin-top:6px;font-size:.92rem;font-weight:700}.reward{box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffd9;border-radius:22px;align-items:center;gap:14px;margin:0 0 22px;padding:12px 16px 14px;display:flex}.mascot-reward{width:100px}.reward-copy{flex:1;min-width:0}.reward-copy p{color:#241c16;margin:0 0 8px;font-size:1.15rem;font-weight:800}.reward-track,.reward-mini{background:#f3e6d4;border-radius:999px;overflow:hidden}.reward-track{height:14px}.reward-track span,.reward-mini span{border-radius:inherit;background:linear-gradient(90deg,#f6d34d,#f08a24);height:100%;display:block}.reward-mini{height:8px;margin-top:8px}.sticker-entry{box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffd9;border-radius:22px;align-items:center;gap:14px;margin:0 0 18px;padding:12px 16px;text-decoration:none;display:flex}.sticker-entry strong,.sticker-entry em{display:block}.sticker-entry strong{font-size:1.25rem}.sticker-entry em{color:#6d5848;margin-top:2px;font-style:normal;font-weight:700}.sticker-entry-mascot{width:86px}.sticker-entry-thumbs{min-width:52px;min-height:52px;display:flex}.sticker-entry-thumbs img{object-fit:contain;background:#fff6ea;border-radius:16px;width:52px;height:52px;margin-left:-14px;padding:4px;box-shadow:0 4px 10px #46280a1f}.sticker-entry-thumbs img:first-child{margin-left:0}.sticker-book{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.sticker-tile{box-shadow:var(--shadow);background:#fff;border:0;border-radius:22px;justify-items:center;gap:6px;margin:0;padding:10px 8px 12px;display:grid;position:relative}.sticker-tile .stamp-new{z-index:1;width:30px;height:30px;top:-8px;right:-6px}.sticker-tile .stamp-new svg{width:16px;height:16px}.sticker-tile img{aspect-ratio:1;object-fit:contain;width:100%}.sticker-tile span{text-align:center;font-weight:800}.sticker-tile img.is-bouncing{animation:.45s cubic-bezier(.18,1.35,.32,1) sticker-pop}.sticker-empty{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:22px;justify-items:center;gap:8px;margin-top:12px;padding:28px 18px;display:grid}.sticker-empty p{max-width:320px;margin:0;font-weight:800}.stamp-start{gap:14px;display:grid}.stamp-start-note{color:#6d5848;font-weight:700}.stamp-paths{gap:12px;display:grid}.stamp-path{box-shadow:var(--shadow);background:#fff;border-radius:22px;align-items:center;gap:14px;padding:10px 16px 10px 10px;text-decoration:none;display:flex}.stamp-path img{object-fit:contain;background:#fff6ea;border-radius:16px;width:72px;height:96px}.stamp-path strong,.stamp-path em{display:block}.stamp-path strong{font-size:1.25rem}.stamp-path em{color:#6d5848;margin-top:2px;font-style:normal;font-weight:700}.stamp-more{margin:18px 0 8px;font-weight:800}.page-sticker{z-index:4;pointer-events:none;filter:drop-shadow(0 4px 8px #28160847);width:28%;height:auto;position:absolute;top:6px;right:6px}.unlock{justify-items:center;gap:10px;display:grid}.unlock-word{color:#2f2016;letter-spacing:-.03em;background:#ffe08a;border-radius:18px;margin:0;padding:8px 18px 12px;font-size:clamp(2.6rem,12vw,4rem);font-weight:800;line-height:.9;animation:.42s cubic-bezier(.16,1.4,.3,1) both unlock-slam;box-shadow:0 8px #e2a82a}.unlock-stage{aspect-ratio:1;place-items:center;width:min(320px,78vw);display:grid;position:relative}.unlock-rays{background:repeating-conic-gradient(#ffe08a 0 14deg, #ffe08a26 14deg 28deg);border-radius:50%;animation:10s linear infinite unlock-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 34%,#000 46% 72%,#0000 78%);mask:radial-gradient(circle,#0000 34%,#000 46% 72%,#0000 78%)}.unlock-stage img{filter:drop-shadow(0 16px 18px #140a0473);width:86%;height:auto;animation:.55s cubic-bezier(.18,1.35,.32,1) 80ms both sticker-pop;position:relative}.unlock-name{color:#2f2016;background:#fff6ea;border-radius:14px;margin:0;padding:8px 18px;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:800;line-height:1.1;box-shadow:0 8px 18px #140a0447}@keyframes unlock-slam{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}@keyframes unlock-spin{to{transform:rotate(1turn)}}@keyframes sticker-pop{0%{transform:scale(.35)rotate(-8deg)}70%{transform:scale(1.08)rotate(2deg)}to{transform:none}}.page-card.is-earned span .icon{fill:#ffe08a;stroke:#ffe08a}.footnote{margin:28px 0 0;font-size:.92rem;font-weight:600}.page-card{flex-direction:column;align-items:center;gap:10px;display:flex}.page-card span{text-align:center;letter-spacing:.01em;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.page-card span .icon{width:14px;height:14px}.sheet{aspect-ratio:400/520;background:#fff;border:0;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 1px #2c28400a,0 14px 34px #4632641a}.sheet svg,.sheet canvas,.sheet .page-preview{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sheet .fills,.sheet .lines,.sheet canvas{pointer-events:none}.sheet .fills{z-index:1}.sheet canvas{z-index:2}.sheet .lines{z-index:3}.sheet.is-fill .fills{pointer-events:auto;cursor:pointer}.sheet.is-draw{touch-action:none;cursor:crosshair}.sheet.is-draw canvas{touch-action:none}.sheet .ink-lines,.sheet.is-draw .ink-lines,.sheet.is-fill .ink-lines{z-index:4;pointer-events:none}.sheet.is-fill .ink-color,.sheet.is-draw .ink-color,.sheet.is-stamp .ink-color,.sheet.is-magic .ink-color{z-index:2;pointer-events:auto;touch-action:none}.sheet .ink-strokes{z-index:3;pointer-events:none}.sheet.is-draw .ink-color{pointer-events:none}.sheet.is-draw .ink-strokes{pointer-events:auto;touch-action:none;cursor:crosshair}.sheet.is-stamp,.sheet.is-magic{touch-action:none;cursor:pointer}.sheet .ink-stamps{z-index:6;pointer-events:none}.sketch-paper,.sketch-ink,.sketch-stamps{width:100%;height:100%;display:block;position:absolute;inset:0}.sketch-paper{z-index:1;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.sheet.is-sketch .sketch-ink{z-index:2;pointer-events:auto;touch-action:none}.sheet.is-stamp .sketch-ink{cursor:pointer}.sketch-stamps{z-index:3;pointer-events:none}.ink-wait{text-align:center;color:var(--muted);font-size:.9rem;font-weight:700;position:absolute;inset:auto 0 12px}.theme-card .sheet,.page-card .sheet{pointer-events:none}.bar{align-items:center;gap:12px;margin-bottom:22px;display:flex}.bar-title{min-width:0}.bar-heading{align-items:center;gap:10px;display:flex}.bar-title h1,.color-screen .bar h1{margin:0;font-size:1.55rem;line-height:1.05}.bar-btn,.mode,.brush{color:#241c16;background:#fff;border:0;border-radius:999px}.icon{fill:none;stroke:currentColor;stroke-width:2.15px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.icon-fill{fill:currentColor;stroke:none}.icon-btn,.bar-btn.icon-btn{width:42px;min-width:42px;padding:0}.bar-btn{white-space:nowrap;border:1px solid #fffffff2;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 1px 1px #46280a0a,0 8px 18px #502d0a1a}.bar-btn:active,.mode:active,.swatch:active,.brush:active{transform:translateY(1px)}.bar-actions{gap:8px;margin-left:auto;display:flex}.armed{color:#a33b4d;box-shadow:none;background:#ffe4e8}.color-screen{max-width:820px;height:100dvh;padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;margin:0 auto;display:flex;overflow:hidden}.color-screen .bar{padding-right:calc(var(--sound-corner) - 12px);flex-wrap:wrap;gap:8px;margin:0}.color-screen .page-actions{gap:8px;display:flex}.color-screen .hear-title{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-width:0;max-width:100%;margin:0;padding:0;display:flex}.color-screen .hear-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-screen .hear-title .icon{flex:none;width:15px;height:15px}.color-screen .bar h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;border-radius:12px;flex:0 auto;align-items:center;width:fit-content;min-width:0;max-width:min(52vw,280px);height:36px;margin:0;padding:0 14px;font-size:.98rem;font-weight:700;display:flex;overflow:hidden}.color-screen .bar-btn{min-height:36px;padding:0 11px;font-size:.82rem}.color-screen .icon-btn{width:36px;min-width:36px;padding:0}.color-screen .done-btn,.color-screen .undo-btn{gap:6px;width:auto;min-width:0;min-height:44px;padding:0 12px;font-size:1rem}.color-screen .done-btn{color:#8a7768;background:#efe6dc}.color-screen .done-btn .icon{width:18px;height:18px}.color-screen .undo-btn{color:#2f2016;background:#fff}.color-screen .undo-btn .icon{width:26px;height:26px}.color-screen .undo-btn:disabled,.color-screen .done-btn:disabled{opacity:.4}.color-screen .name-edit{width:auto;min-width:0;padding:0 12px;text-decoration:none}.name-wait{text-align:center;color:#2f2016;margin:48px 0 0;font-weight:800}.color-screen .sound-btn[aria-pressed=true]{color:#7a6a5c;background:#f3ece4}.color-screen .done-btn:not(:disabled){color:#2f2016;background:#f6c445;border-color:#e2a82a}.color-screen .done-btn:not(:disabled) .icon{fill:#2f2016;stroke:#2f2016}.color-screen .icon{width:20px;height:20px}.modes{background:#ffffffb8;border:1px solid #ffffffe6;border-radius:999px;grid-template-columns:repeat(4,auto);gap:2px;padding:3px;display:grid;box-shadow:inset 0 1px 2px #502d0a0d}.mode{text-align:center;min-width:44px;box-shadow:none;border-radius:999px;place-items:center;padding:6px 12px;font-size:.82rem;font-weight:800;display:grid}.mode strong,.mode small{display:block}.mode strong{font-weight:800}.mode small{color:var(--muted);margin-top:1px;font-weight:600}.mode[aria-pressed=true]{background:#fff;box-shadow:0 4px 12px #502d0a1f}.mode.magic-mode[aria-pressed=true]{background:#fff4c8}.magic-note{text-align:center;color:#6b4a32;margin:2px 0 0;padding:16px 8px 8px;font-size:1.2rem;font-weight:800}.mode[aria-pressed=true] small{color:#5c5678}.hint{color:var(--muted);font-size:.95rem;font-weight:600}.stage{flex:1;place-items:center;min-height:0;padding:2px 0;display:grid}.stage .sheet{aspect-ratio:auto;border-radius:26px;width:auto;height:auto;box-shadow:0 1px 2px #2c28400d,0 22px 50px #46326424}.tools{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #fffffffa;border-radius:24px;padding:8px 10px 10px;box-shadow:0 1px 1px #46280a0a,0 14px 32px #502d0a1f}.tool-row{align-items:center;gap:8px;min-height:0;display:flex}.color-name{letter-spacing:-.02em;margin-left:auto;font-size:.82rem;font-weight:800}.brushes{align-items:center;gap:6px;margin-left:auto;display:flex}.brush{width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line);place-items:center;padding:0;display:grid}.brush span{border-radius:50%;display:block}.brush[aria-pressed=true],.eraser[aria-pressed=true]{background:#efeaff;box-shadow:inset 0 0 0 1.5px #c9bfff}.palette{scrollbar-width:none;align-items:flex-end;gap:6px;padding:14px 2px 2px;display:flex;overflow-x:auto}.palette::-webkit-scrollbar{display:none}.stamp-picker::-webkit-scrollbar{display:none}.stamp-picker{scrollbar-width:none;touch-action:pan-x;align-items:flex-end;gap:8px;padding:12px 2px 2px;display:flex;overflow-x:auto}.stamp-choice{width:68px;height:68px;box-shadow:none;background:0 0;border:0;border-radius:18px;flex:none;place-items:center;padding:4px;transition:transform .15s;display:grid}.stamp-choice img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.stamp-choice[aria-pressed=true]{background:#fff;transform:translateY(-6px);box-shadow:0 8px 16px #4632641f}.stamp-choice.is-prize{background:#fff4c8;box-shadow:inset 0 0 0 2px #e2a82a}.stamp-choice.is-prize[aria-pressed=true]{background:#fff4c8;box-shadow:inset 0 0 0 2px #e2a82a,0 8px 16px #4632641f}.pencil{aspect-ratio:40/70;width:min(48px,100%);height:auto;display:block}.swatch{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:16px;flex:1 1 0;place-items:end center;padding:4px 0 2px;transition:transform .15s;display:grid}.swatch[aria-pressed=true]{background:#fff;transform:translateY(-7px);box-shadow:0 8px 16px #4632641f}.color-screen .eraser{background:#ffd0dc;border:0;border-radius:18px;place-items:center;width:76px;min-width:76px;height:64px;min-height:64px;margin-left:auto;padding:0;display:grid;box-shadow:inset 0 0 0 2px #f3a3b8}.color-screen .eraser .icon{width:48px;height:48px}.color-screen .eraser[aria-pressed=true]{background:#ffb0c4;box-shadow:inset 0 0 0 2px #e07b96}@media (hover:hover){.theme-card:hover,.stamp-link:hover,.album-link:hover,.today-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px #4632641f}.page-card:hover .sheet{transform:translateY(-3px);box-shadow:0 1px 1px #2c28400a,0 18px 40px #46326424}.page-card .sheet{transition:transform .18s,box-shadow .18s}}@media (width>=800px){.screen{padding-top:48px}.theme-grid,.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.theme-card{grid-template-columns:1fr;align-items:stretch;padding:12px 12px 16px}.home-header h1{font-size:3.25rem}}.choice-grid .theme-card{grid-template-columns:104px 1fr;align-items:center;gap:12px;padding:8px 14px 8px 8px}.choice-grid .theme-art{padding:6px}.choice-grid .sheet{aspect-ratio:4/5}.choice-grid .theme-copy h2{font-size:1.35rem}@media (width<=420px){.home-header h1{font-size:2.35rem}.album{width:96px}.album-link .album{width:108px}.stamp-book{width:92px}.stamp-peek{width:40px;height:40px}.album-open{width:34px;height:34px;bottom:12px;right:-6px}.theme-card{grid-template-columns:112px 1fr;gap:12px;padding:10px}.bar-btn{padding:0 12px;font-size:.92rem}}@media (height<=720px){.pencil{width:min(40px,100%)}.color-screen .eraser{width:64px;min-width:64px;height:54px;min-height:54px}}@media (prefers-reduced-motion:reduce){.theme-card,.page-card .sheet,.swatch,.bar-btn,.mode,.brush,.stamp-link,.album-link,.today-tile{transition:none}.theme-card:hover,.theme-card:active,.page-card:hover .sheet,.bar-btn:active,.mode:active,.swatch:active,.brush:active,.stamp-link:hover,.stamp-link:active,.album-link:hover,.album-link:active,.today-tile:hover,.today-tile:active,.week-send:active,.piano-white.is-down span,.piano-black.is-down span{transform:none}.confetti span,.trace-follow.is-start,.unlock-word,.unlock-rays,.unlock-stage img,.stamp-new,.stamp-peek{animation:none}}.home-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-brand{flex:1;min-width:0}.home-greet{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.home-greet>div{min-width:0}.mascot{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 12px #28160829);flex:none;width:144px;height:auto;display:block}.mascot-hello{width:164px}.mascot-bar{width:88px}.mascot-ask{width:210px}.mascot-empty{width:220px}.finish-hello{justify-content:center;align-items:center;gap:8px;display:flex}.mascot-cheer{width:148px}.mascot-live{aspect-ratio:1;height:auto}.mascot-stage{width:100%;height:100%;display:block;overflow:hidden}.mascot-stage img{width:calc(var(--cheer-frames) * 100%);object-fit:fill;max-width:none;height:100%;animation:5.124s steps(60,end) infinite mascot-cheer-play}@keyframes mascot-cheer-play{to{transform:translateX(calc(-100% * 60 / var(--cheer-frames)))}}.mascot-wave .mascot-stage img{width:calc(var(--mascot-frames) * 100%);animation:3.25s steps(39,end) infinite mascot-wave-play}@keyframes mascot-wave-play{to{transform:translateX(calc(-100% * 39 / var(--mascot-frames)))}}@media (prefers-reduced-motion:reduce){.mascot-stage img{animation:none}}@media (width<=760px){.home-top{flex-wrap:wrap;row-gap:12px}.home-greet{flex:100%}.home-tools{margin-left:auto}.album-link{margin-left:0}.mascot-hello{width:112px}.home-header h1{font-size:2.15rem}.color-screen .page-actions{flex-basis:100%;margin-left:0}.color-screen .done-btn{flex:1;min-height:48px}.color-screen .undo-btn{min-height:48px;padding:0 16px}}.picture-screen{width:100%;max-width:none}.picture-screen .rail-left{flex-wrap:wrap}.picture-screen .rail-top{align-items:center;gap:8px;min-width:0;display:flex}.picture-screen .rail-side{gap:8px;margin-left:auto;display:flex}.color-pal{pointer-events:none;-webkit-user-select:none;user-select:none;display:none}@keyframes pal-hop{0%{transform:translateY(0)}40%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (height<=619px){.picture-screen .color-pal{display:none}}@media (prefers-reduced-motion:reduce){.color-pal.is-wink{animation:none}}.picture-screen .desk{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #fffffffa;border-radius:24px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;box-shadow:0 1px 1px #46280a0a,0 14px 32px #502d0a1f}.picture-screen .rail-right,.picture-screen .mode-cluster{align-items:center;gap:8px;min-width:0;display:flex}.picture-screen .modes{border-radius:18px;gap:3px}.picture-screen .mode{border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:5px 8px 4px;font-size:.72rem;line-height:1.05;display:flex}.picture-screen .mode .icon{width:26px;height:26px}.picture-screen .tools{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.picture-screen .palette,.picture-screen .stamp-picker{padding-top:8px}.picture-screen .magic-note{white-space:nowrap;margin:0;padding:0 4px;font-size:.95rem}.picture-screen .eraser{width:64px;min-width:64px;height:52px;min-height:52px;margin-left:auto}.picture-screen .eraser .icon{width:36px;height:36px}@media (width<=739px){.picture-screen .mode-cluster{flex-wrap:wrap;flex:1 1 0;max-width:calc(100% - 76px)}.picture-screen .brushes{margin-left:0}}@media (width>=740px){.picture-screen .desk{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;column-gap:10px;display:grid}.picture-screen .rail-right{display:contents}.picture-screen .mode-cluster{grid-area:1/1;align-self:center}.picture-screen .tools,.picture-screen .magic-note{grid-area:1/2}.picture-screen .eraser{grid-area:1/3;align-self:center;width:76px;min-width:76px;height:68px;min-height:68px;margin-left:0}.picture-screen .eraser .icon{width:46px;height:46px}}@media (width>=1020px),(height<=480px) and (width>=720px){.picture-screen{padding:12px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template:"left stage right"minmax(0,1fr)"tray tray tray"/minmax(112px,136px) minmax(0,1fr) minmax(112px,136px);gap:8px 14px;display:grid}.picture-screen .rail-left{flex-flow:column;grid-area:left;justify-content:flex-start;align-items:stretch;gap:10px;min-height:0}.picture-screen .rail-top{flex-direction:column;align-items:center}.picture-screen .rail-left h1{white-space:normal;text-align:center;justify-content:center;width:100%;max-width:none;height:auto;padding:8px 10px;line-height:1.15}.picture-screen .rail-side{justify-content:center;margin-left:0}.picture-screen .color-pal{flex:none;width:108px;margin:auto auto 6px;display:block}.picture-screen .color-pal .mascot{width:108px}.picture-screen .color-pal.is-wink{animation:.65s pal-hop}.picture-screen .page-actions{flex-direction:column;flex-basis:auto;margin-top:auto}.picture-screen .done-btn,.picture-screen .undo-btn{flex-direction:column;gap:2px;width:100%;min-height:64px;padding:8px 6px;font-size:1rem}.picture-screen .stage{grid-area:stage}.picture-screen .desk{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:contents}.picture-screen .rail-right{flex-direction:column;grid-area:right;justify-content:flex-start;align-items:stretch;gap:12px;min-height:0;display:flex}.picture-screen .mode-cluster{flex-direction:column;grid-column:auto;align-self:stretch;align-items:stretch;width:100%}.picture-screen .modes{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:8px;padding:0}.picture-screen .mode{background:#fffffff0;border:1px solid #fffffffa;border-radius:16px;flex-direction:row;justify-content:flex-start;gap:8px;min-width:0;min-height:52px;padding:8px 12px;font-size:1.02rem;box-shadow:0 8px 16px #502d0a1a}.picture-screen .mode[aria-pressed=true]{background:#fff4c8;box-shadow:inset 0 0 0 2px #e2a82a}.picture-screen .brushes{justify-content:space-between;gap:4px;width:100%;margin-left:0}.picture-screen .brush{flex:1 1 0;width:auto;min-width:0;height:28px}.picture-screen .magic-note{white-space:normal;text-align:center;grid-column:auto;padding:4px}.picture-screen .eraser{border-radius:22px;grid-column:auto;align-self:stretch;width:100%;min-width:0;height:88px;min-height:88px;margin-top:auto}.picture-screen .eraser .icon{width:56px;height:56px}.picture-screen .tools{background:#fffffff0;border:1px solid #fffffffa;border-radius:24px;grid-area:tray/1/tray/-1;padding:4px 14px 8px;box-shadow:0 1px 1px #46280a0a,0 14px 32px #502d0a1f}}.choice-grid{grid-template-columns:1fr}@media (width>=800px){.choice-grid{grid-template-columns:1fr 1fr}}.today-card{background:linear-gradient(#a56b3e 0%,#6b4328 55%,#4e2f1b 100%);border:0;border-radius:30px;margin:0 0 16px;padding:9px;box-shadow:inset 0 1px #ffe2ba73,0 10px #3a2414,0 20px 34px #46240a29}.today-panel{background:linear-gradient(#fffaf3 0%,#fff1df 100%);border-radius:22px;padding:14px 14px 12px}.today-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.today-head h2{letter-spacing:-.03em;margin:0;font-size:1.7rem}.today-head p{color:#6d5848;margin:2px 0 0;font-weight:700}.today-head .today-eyebrow{color:#b15d1e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:800}.today-stamps{color:#c45b12}.today-again{color:#c45b12;margin:0;font-size:.78rem;font-weight:800}button.look-today,button.nook-papers{appearance:none;font:inherit;color:inherit;text-align:start;cursor:pointer}button.look-today:active,button.nook-papers:active{transform:scale(.98)}.today-progress{flex:none;align-items:center;gap:6px;margin:0;display:flex}.today-progress>span{background:#f3e4d2;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #5a321424}.today-progress>span.is-on{background:linear-gradient(#ffe08a,#f0a43a);box-shadow:0 2px #c47a22}.today-count{color:#6d5338;background:0 0;margin:0 0 0 4px;padding:0;font-weight:800}.today-thumb canvas,.today-thumb .page-preview{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.week-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #ffffffd9;border-radius:28px;grid-template-columns:84px 1fr auto;align-items:center;gap:14px;margin:0 0 16px;padding:10px;display:grid}.week-art{aspect-ratio:1;background:#fff6ea;border-radius:18px;position:relative;overflow:hidden}.week-art canvas,.week-art .page-preview{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.week-copy h2{margin:0;font-size:1.5rem}.week-copy p{color:#6d5848;margin:2px 0 0;font-weight:700}.week-letters{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.week-letters span{color:#2c2840;background:#ffe7a8;border-radius:10px;place-items:center;min-width:32px;height:32px;padding:0 6px;font-weight:800;display:grid}.week-send{color:#fff6ea;font:inherit;cursor:pointer;background:#2f2016;border:0;border-radius:18px;padding:12px 16px;font-weight:800}.week-send:active{transform:translateY(1px)}.week-send:disabled{opacity:.6}.today-row{grid-template-columns:1.35fr repeat(3,1fr);gap:10px;display:grid}.today-tile{min-width:0;color:inherit;text-align:center;cursor:pointer;background:#ffffff8c;border-radius:18px;justify-items:center;gap:6px;padding:8px 6px 7px;font-weight:800;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #fffc}.today-tile.is-next{background:#fff;box-shadow:0 8px 16px #7846141a,inset 0 0 0 2px #f0b429}.today-tile.is-done{opacity:.72}.today-tile>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.today-thumb{aspect-ratio:1;background:#fff;border-radius:14px;width:min(100%,108px);display:block;position:relative;box-shadow:0 6px 14px #502e1014}.today-thumb img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.today-check{background:#3eae5f;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 4px 10px #285a2840}.today-check svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:16px;height:16px}.today-share{background:#fffdf8;border-radius:24px;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:0 12px 28px #28160824}.today-share-page{aspect-ratio:3/4;background:#fff;border-radius:16px;flex:none;width:132px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #f0d2a8}.today-share-page canvas,.today-share-page img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.today-share-letters{flex-direction:column;gap:8px;display:flex}.today-share-letters img{object-fit:contain;width:52px;height:52px}.today-cheer-note{color:#2f2016;text-align:center;max-width:18rem;margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.today-cheer .cheer-actions{flex-direction:column;width:min(280px,100%)}.cheer-choice:disabled{opacity:.6}.choice-preview{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.sheet.piano-preview{background:linear-gradient(#f8edd6 0%,#f3e2c4 72%,#e7d3ae 100%);flex-direction:column;padding:7% 7% 6%;display:flex}.piano-preview-book{background:linear-gradient(#9a6840,#5c3a22);border-radius:10px 10px 5px 5px;flex:1;grid-template-columns:1fr 1fr;gap:5px;min-height:0;padding:7px 6px 8px;display:grid;box-shadow:0 6px #3d2616}.piano-preview-page{background-color:#fffaf3;background-image:repeating-linear-gradient(#0000 0 14px,#d9c7af 14px 15px,#0000 15px 19px,#d9c7af 19px 20px,#0000 20px 24px,#d9c7af 24px 25px,#0000 25px 29px,#d9c7af 29px 30px,#0000 30px 34px,#d9c7af 34px 35px,#0000 35px 58px);background-position:50% 10px;border-radius:5px 2px 2px 5px;position:relative;overflow:hidden}.piano-preview-page.is-right{border-radius:2px 5px 5px 2px}.piano-preview-page img{pointer-events:none;-webkit-user-select:none;user-select:none;width:46%;height:auto;position:absolute;top:22%;left:16%}.piano-preview-ledge{background:linear-gradient(#c4895a,#5c3a22);border-radius:3px;flex:none;height:9px;margin:6px 1px 8px;box-shadow:0 4px #3a2414}.piano-mini{background:linear-gradient(#6b4630 0%,#2a1a10 100%);border-radius:6px 6px 9px 9px;flex:none;height:32%;padding:7px 6px 8px;box-shadow:0 5px #1c100a}.piano-mini-keys{background:#efe8dc;border-radius:2px 2px 4px 4px;height:100%;display:flex;position:relative;overflow:hidden}.piano-mini-white{background:linear-gradient(#fffefb,#efe8dc);border-right:1px solid #d5cbbd;flex:1}.piano-mini-white:last-of-type{border-right:0}.piano-mini-black{background:linear-gradient(#3a3a3a,#111);border-radius:0 0 3px 3px;width:7.2%;height:58%;position:absolute;top:0}.piano-screen{box-sizing:border-box;flex-direction:column;height:100dvh;min-height:100dvh;padding-bottom:14px;display:flex}.piano-screen .bar{flex:none;margin-bottom:12px}.piano-screen .sound-btn{margin-left:auto}.piano-stage{flex:1;grid-template-columns:84px minmax(0,1fr) 84px;align-items:stretch;gap:12px;min-height:0;display:grid}.piano-instrument{flex-direction:column;min-width:0;min-height:0;display:flex}.music-desk{perspective:1100px;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.music-book{transform-origin:bottom;flex:1;place-items:stretch center;width:100%;min-width:0;min-height:0;display:grid;transform:rotateX(6deg)}.desk-ledge{background:linear-gradient(#c4895a 0%,#8a5a34 28%,#5c3a22 100%);border-radius:6px 6px 3px 3px;flex:none;width:100%;height:16px;margin-top:4px;box-shadow:inset 0 2px #ffe2ba73,0 6px #3a2414}.piano-fall{background:linear-gradient(#6b4630 0%,#3d2818 42%,#2a1a10 100%);border-radius:12px 12px 0 0;flex:none;height:28px;margin-top:14px;box-shadow:inset 0 2px #ffd6aa38}.music-spread{background:linear-gradient(#8d5c36,#5c3a22);border-radius:16px 16px 12px 12px;grid-template-columns:1fr 1fr;gap:16px;width:100%;height:100%;padding:14px 12px 16px;display:grid;position:relative;box-shadow:0 12px 18px #32180829}.music-page{background-color:#fffaf3;background-image:repeating-linear-gradient(#0000 0 22px,#cbbba4 22px 23.5px,#0000 23.5px 31px,#cbbba4 31px 32.5px,#0000 32.5px 40px,#cbbba4 40px 41.5px,#0000 41.5px 49px,#cbbba4 49px 50.5px,#0000 50.5px 58px,#cbbba4 58px 59.5px,#0000 59.5px 108px);background-position:50% 8px;border-radius:10px 3px 3px 10px;box-shadow:inset -10px 0 14px #50280a0d}.music-page.is-right{border-radius:3px 10px 10px 3px;box-shadow:inset 10px 0 14px #50280a0d}.music-gutter{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#28120633 42%,#28120652 50%,#28120633 58%,#0000);width:22px;position:absolute;top:14px;bottom:16px;left:50%;transform:translate(-50%)}.music-stage{z-index:3;position:absolute;inset:14px 12px 16px}.music-ink{touch-action:none;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.music-hint{text-align:center;color:#6d5338;pointer-events:none;flex:none;margin:0 0 8px;font-weight:800}.music-rail{flex-direction:column;align-items:center;gap:4px;min-height:0;display:flex}.music-tools{flex-direction:column;align-items:center;gap:4px;display:flex}.music-tray{touch-action:pan-y;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:2px;width:100%;min-height:0;padding:2px 0 8px;overflow:hidden auto}.music-tray .stamp-choice,.music-rail .music-eraser{width:64px;height:64px}.music-eraser svg{width:40px;height:40px}@media (width<=760px){.piano-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.piano-balance{display:none}.music-rail{flex-direction:row;width:100%}.music-tray{touch-action:pan-x;flex-direction:row;overflow:auto hidden}}.piano-body{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#6b4630 0%,#3d2818 16%,#2a1a10 100%);border-radius:0 0 18px 18px;flex:none;height:clamp(220px,30dvh,300px);margin-top:0;padding:12px 8px 14px;position:relative;box-shadow:0 8px #1c100a,0 14px 22px #28120642}.piano-keys{height:100%;position:relative}.piano-whites{background:#d7cfc3;border-radius:4px 4px 6px 6px;height:100%;display:flex;overflow:hidden}.piano-white,.piano-black{cursor:pointer;background:0 0;border:0;padding:0}.piano-white{flex:1;min-width:0;height:100%}.piano-white span,.piano-black span{pointer-events:none;height:100%;display:block}.piano-white span{background:linear-gradient(#fffefb 0%,#f6f1e8 72%,#e6ddd0 100%);border-right:1px solid #cfc6b8;box-shadow:inset 0 -8px #5a3c1e14}.piano-white:last-child span{border-right:0}.piano-white.is-down span{background:linear-gradient(#f3eee4,#ddd4c6);transform:translateY(3px)}.piano-black{z-index:2;width:7.2%;height:58%;position:absolute;top:0}.piano-black span{background:linear-gradient(#4a4a4a 0%,#1a1a1a 26%,#0c0c0c 100%);border-radius:0 0 5px 5px;box-shadow:0 4px #000,inset 0 1px #ffffff47}.piano-black.is-down span{background:#141414;transform:translateY(2px)}.letters-preview{background:#fff;place-items:center;display:grid}.dotted-mark{width:72%;height:auto;display:block}.dotted-mark circle{fill:#241c16}.shelf-empty .dotted-mark{width:120px}.trace-guide{object-fit:contain;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.sheet .trace-ink{z-index:2;pointer-events:none}.sheet.is-draw .trace-ink{pointer-events:auto;touch-action:none}.trace-follow{z-index:5;pointer-events:none;background:#fff6ea;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f08a24,0 0 0 6px #f08a2459}.trace-follow.is-start{animation:.9s ease-in-out infinite trace-pulse}@keyframes trace-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.16)}}.home-tools{flex:none;align-items:center;gap:12px;display:flex}.stamp-link{z-index:2;cursor:pointer;box-shadow:var(--shadow);background:radial-gradient(90% 80% at 18% 0,#ffffffeb,#0000 48%),linear-gradient(155deg,#fff6ea 0%,#ffe7a8 58%,#ffd6ea 100%);border:1px solid #fffffff2;border-radius:30px;flex:none;padding:12px 14px 10px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative}.stamp-link svg,.stamp-link img{pointer-events:none}.stamp-link:active{transform:translateY(1px)}.stamp-book{width:108px;display:block;position:relative}.stamp-art{filter:drop-shadow(0 8px 6px #8c46142e);width:100%;height:auto;display:block}.stamp-peek{object-fit:contain;filter:drop-shadow(0 6px 6px #28160838);width:48px;height:48px;animation:.55s cubic-bezier(.18,1.2,.32,1) both stamp-peek;position:absolute;top:22px;right:10px;transform:rotate(8deg)}.stamp-new{background:#f6d34d;border:3px solid #fff;border-radius:999px;place-items:center;width:36px;height:36px;animation:1.4s ease-in-out infinite stamp-new;display:grid;position:absolute;top:-8px;right:-6px;box-shadow:0 6px 12px #28160833}.stamp-new svg{fill:#fff;stroke:#c47a12;stroke-width:1.2px;stroke-linejoin:round;width:20px;height:20px}@keyframes stamp-peek{0%{transform:translateY(10px)rotate(8deg)scale(.4)}to{transform:translateY(0)rotate(8deg)scale(1)}}@keyframes stamp-new{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(8deg)scale(1.12)}}.album-link{box-shadow:var(--shadow);background:radial-gradient(90% 80% at 18% 0,#ffffffe6,#0000 46%),linear-gradient(155deg,#d9ecff 0%,#fde0ee 58%,#ddf3c6 100%);border:1px solid #fffffff2;border-radius:30px;flex:none;margin-top:0;padding:12px 16px 10px 12px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative}.album-link:active{transform:translateY(1px)}.album-open{color:#fff6ea;background:#2f2016;border:2px solid #fff;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:16px;right:-8px;box-shadow:0 8px 16px #28160833}.album{width:118px;display:block;position:relative}.album-link .album{width:132px}.album-art{filter:drop-shadow(0 10px 10px #2816082e);width:100%;height:auto;display:block}.album-link .album-art{filter:drop-shadow(0 8px 6px #243e7c38)}.album-count{color:#fff6ea;background:#2f2016;border:2px solid #fff6ea;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:.82rem;font-weight:800;line-height:1;display:grid;position:absolute;top:0;right:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shelf-card{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.shelf-card .page-card{width:100%}.shelf-actions{gap:8px;display:flex}.shelf-actions .icon-btn{width:40px;min-width:40px;min-height:40px}.shelf-empty{color:#fff6ea;text-align:center;justify-items:center;gap:14px;margin-top:48px;display:grid}.shelf-empty .icon{fill:#ffe08a;stroke:#ffe08a;background:#2f2016;border-radius:18px;width:54px;height:54px;padding:14px}.shelf-empty p{background:#2f2016e6;border-radius:12px;margin:0;padding:8px 14px;font-weight:700}.finish{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2f201659;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.finish.is-unlock{background:#201208c7}.finish-card{z-index:1;flex-direction:column;align-items:center;gap:16px;width:min(440px,100%);display:flex;position:relative}.finish-badge{color:#fff6ea;background:#2f2016;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:1.2rem;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #28160833}.finish-badge .icon{fill:#ffe08a;stroke:#ffe08a;width:22px;height:22px}.finish-sheet{border-radius:22px;width:min(360px,78vw);animation:.45s cubic-bezier(.2,.9,.2,1) finish-pop}.finish-motion{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.finish-motion-host{position:absolute;inset:0}.finish-motion.is-colored{z-index:1}.finish-actions{gap:10px;display:flex}.finish-actions .icon-btn{width:48px;min-width:48px;min-height:48px}.finish-party{flex-direction:row;justify-content:center;align-items:center;gap:clamp(20px,4vw,48px);width:min(1040px,100%)}.finish-frame{background:linear-gradient(135deg,#ffe08a,#f6c430 55%,#e2a82a);border:5px solid #8a5a33;border-radius:18px;padding:14px;animation:.45s cubic-bezier(.2,.9,.2,1) finish-pop;position:relative;rotate:-2deg;box-shadow:inset 0 0 0 4px #ffffff73,0 22px 40px #2b235059}.finish-party .finish-sheet{border-radius:8px;width:auto;height:min(70dvh,620px);animation:none}.finish-ribbon{z-index:3;color:#fff;white-space:nowrap;text-shadow:0 2px #8a2d22;background:linear-gradient(#f0675a,#d9443a);border:3px solid #8a2d22;border-radius:12px;margin:0;padding:6px 26px 8px;font-size:1.3rem;font-weight:900;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 6px 12px #2b23504d}.finish-ribbon:before{content:"★ ";color:#ffe08a}.finish-ribbon:after{content:"  ★";color:#ffe08a}.finish-panel{background:#fffaf0;border-radius:30px;flex-direction:column;align-items:stretch;gap:12px;width:min(400px,100%);padding:0 22px 22px;animation:.5s cubic-bezier(.2,.9,.2,1) finish-pop;display:flex;box-shadow:0 22px 40px #2b23504d}.finish-panel .mascot-cheer{align-self:center;width:130px;margin-top:-64px}.finish-panel .cheer-crew{align-self:center;margin-top:-64px;position:relative}.finish-panel .cheer-crew .mascot-cheer{margin-top:0;display:block}.cheer-friend{pointer-events:none;filter:drop-shadow(0 6px 8px #2b23502e);transform-origin:bottom;width:112px;height:auto;animation:.6s cubic-bezier(.2,.9,.3,1.3) .35s both friend-hop-in,1.6s ease-in-out 1s infinite friend-bob;position:absolute;bottom:0;left:calc(100% - 24px)}.cheer-friend.friend-longneck{width:100px}.cheer-friend.friend-ptero{width:124px;animation:.7s cubic-bezier(.2,.9,.3,1.2) .35s both friend-fly-in,2s ease-in-out 1.1s infinite friend-bob;inset:2px calc(100% - 20px) auto auto}@keyframes friend-hop-in{0%{opacity:0;transform:translateY(30px)scale(.4)}to{opacity:1;transform:none}}@keyframes friend-fly-in{0%{opacity:0;transform:translate(-60px,-30px)rotate(-12deg)scale(.6)}to{opacity:1;transform:none}}@keyframes friend-bob{50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.cheer-friend,.song-friends .friend{animation:none}}.finish-title{color:#2b2350;text-align:center;margin:-6px 0 0;font-size:clamp(2rem,5dvh,2.6rem);font-weight:900;line-height:1}.finish-ask{color:#5d5680;text-align:center;margin:0;font-size:1.1rem;font-weight:800}.finish-choice{color:#2b2350;min-height:108px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:1rem;font-weight:900;line-height:1.1;text-decoration:none;transition:transform .12s;display:flex;box-shadow:inset 0 0 0 3px #2b23501a,0 5px #2b23501f}.finish-choice:active{transform:translateY(3px)}.finish-choice img{object-fit:contain;width:58px;height:58px}.finish-choice.is-next{color:#fff;text-shadow:0 2px #2a8445;background:linear-gradient(#5cc77a,#3eae5f);flex-direction:row;gap:14px;min-height:84px;font-size:1.35rem;box-shadow:0 6px #2a8445,0 10px 18px #2b235033}.finish-choice.is-next img{width:64px;height:64px}.finish-choices{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.finish-scene{border-radius:8px;width:min(46vw,620px);height:auto;display:block}.finish-found{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.finish-found li{background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 0 3px #3eae5f,0 4px 8px #2b235026}.finish-found img{object-fit:contain;width:72%;height:72%}.finish-unlock{background:radial-gradient(circle,#fffbea,#ffe9a8);border-radius:8px;width:min(56dvh,420px)}.finish-frame .today-share{box-shadow:none;padding:16px}.finish-frame .today-share-page{width:min(34dvh,260px)}.finish-frame .today-share-letters img{width:64px;height:64px}.finish-extras{justify-content:center;gap:8px;display:flex}.finish-extra{color:#2b2350;font:inherit;cursor:pointer;background:#f3ecdf;border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:.9rem;font-weight:800;display:flex}.finish-extra img{object-fit:contain;width:30px;height:30px}.finish-extra:disabled{opacity:.5}@media (orientation:portrait){.finish-party{flex-direction:column;gap:70px}.finish-party .finish-sheet{height:min(40dvh,520px)}.finish-panel{width:min(520px,100%)}.finish-scene{width:min(84vw,640px)}.finish-unlock{width:min(38dvh,380px)}}.cheer-sheet{width:min(220px,58vw)}.cheer-actions{gap:10px;width:min(420px,100%);display:flex}.cheer-choice{min-height:64px;font:inherit;cursor:pointer;border:0;border-radius:12px;flex:1;place-items:center;font-size:1.15rem;font-weight:800;text-decoration:none;display:grid}.cheer-choice.retry{color:#2f2016;background:#fff6ea}.cheer-choice.next{color:#fff6ea;background:#2f2016}.cheer-choice:active{transform:translateY(1px)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:3px;animation:linear forwards confetti-fall;position:absolute;top:-24px}@keyframes finish-pop{0%{transform:translateY(18px)scale(.92)}to{transform:none}}.sign-in{text-align:center;background:url(/scenes/sign-in-gate.jpg) top/cover no-repeat,linear-gradient(#bfe3f7 45%,#9ad27a 60%);flex-direction:column;align-items:center;min-height:100dvh;padding:max(4dvh,20px) 16px;display:flex;position:relative;overflow:hidden}.sign-in-brand,.sign-in-card{background:linear-gradient(#fff 0%,#f3f9ff 42%,#d7ebfc 100%);border:2px solid #6aa6d8;border-radius:20px;width:min(360px,100%);box-shadow:0 10px 28px #4682b438}.sign-in-brand{flex-direction:column;align-items:center;gap:6px;padding:14px 20px 16px;display:flex}.sign-in-brand h1{color:#2f2016;margin:0}.sign-in-dino{z-index:1;width:180px;position:absolute;top:56%;left:50%;transform:translate(-50%)}.sign-in-card{flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding:18px 22px 22px;display:flex}.sign-in-card>p{color:#2f2016;margin:0;font-weight:700}.apple-slot{pointer-events:none;width:240px;min-height:48px}.apple-slot.is-ready{pointer-events:auto}.sign-in-error,.sign-out,.switch-kid{color:#fff6ea;font:inherit;background:#2f2016;border:0;border-radius:12px;margin:8px 0 0;font-weight:800}.sign-in-error{padding:8px 14px}.sign-out,.switch-kid{cursor:pointer;padding:8px 12px}.account-actions{align-items:center;gap:8px;display:flex;position:relative}.account-actions .sign-out,.account-actions .switch-kid{margin:0}.switch-kid-menu{z-index:20;background:#fff6ea;border-radius:14px;flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #2f201640}.switch-kid-option{color:#2f2016;font:inherit;text-align:left;cursor:pointer;background:#f1e4cf;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.switch-kid-option[aria-current=true]{color:#fff6ea;background:#2f2016}.switch-kid-add{background:#e8b56d}.switch-kid-row{gap:4px;display:flex}.switch-kid-row .switch-kid-option{flex:1}.switch-kid-delete{color:#b3402a;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:.85em;font-weight:800}.switch-kid-confirm{color:#2f2016;gap:4px;max-width:240px;margin:2px 4px 6px;font-weight:600;line-height:1.3;display:grid}.switch-kid-confirm strong{font-size:1.1em;font-weight:900}.switch-kid-error{color:#b3402a;max-width:240px;margin:0 4px 4px;font-weight:700;line-height:1.3}.switch-kid-option.switch-kid-delete-yes{color:#fff;text-align:center;background:#d9533b}.switch-kid-option:disabled,.switch-kid-cancel:disabled{opacity:.6;cursor:default}.switch-kid-cancel{color:#5d5680;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px 10px;font-weight:700}.install-card{z-index:2;color:#2f2016;text-align:left;background:#fffaf0;border:3px solid #8a5a33;border-radius:22px;align-items:flex-start;gap:14px;width:min(460px,100%);margin:18px auto 0;padding:16px 18px;display:flex;position:relative;box-shadow:0 10px 24px #2f201633}.install-icon{border-radius:13px;flex:none;width:56px;height:56px;box-shadow:0 2px 6px #2f201640}.install-body{gap:6px;min-width:0;display:grid}.install-body>strong{font-size:1.08rem;font-weight:900;line-height:1.2}.install-why{color:#5d5680;font-size:.92rem;font-weight:700;line-height:1.3}.install-steps{gap:6px;margin:4px 0 0;padding-left:22px;font-weight:700;line-height:1.35;display:grid}.install-steps small{color:#7b7590;font-weight:700}.install-mark{vertical-align:-7px;color:#2f6fe0;background:#e9f1ff;border-radius:7px;place-items:center;width:26px;height:26px;margin:0 2px;display:inline-grid}.install-mark .icon{width:18px;height:18px}.install-button{color:#fff6ea;font:inherit;cursor:pointer;background:#2f2016;border:0;border-radius:12px;justify-self:start;margin-top:4px;padding:10px 18px;font-weight:800}.install-later{color:#7b7590;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-size:.9rem;font-weight:800}@media (orientation:landscape) and (height<=900px){.install-card{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:min(380px,100vw - 32px);margin:0;position:fixed}}.name-ask{flex-direction:column;min-height:calc(100dvh - 64px);display:flex}.name-ask-bar{margin-bottom:0}.name-ask-card{text-align:center;justify-items:center;gap:16px;width:min(460px,100%);margin:auto;display:grid}.name-ask h1{margin:0;font-size:clamp(2rem,6vw,2.75rem);line-height:1.05}.name-ask input{color:#2f2016;width:min(420px,100%);min-height:64px;font:inherit;text-align:center;background:#fff6ea;border:0;border-radius:12px;padding:0 16px;font-size:1.6rem;font-weight:800}.name-ask-card button{color:#fff6ea;min-width:180px;min-height:64px;font:inherit;background:#2f2016;border:0;border-radius:12px;font-size:1.2rem;font-weight:800}.name-ask-card button:disabled{opacity:.45}.name-card-preview{place-items:center;display:grid}.name-card-preview span{text-align:center;color:#2f2016;padding:16px;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800}@keyframes confetti-fall{to{opacity:.15;transform:translateY(105vh)rotate(220deg)}}.find-screen{z-index:1;width:auto;max-width:none;height:auto;padding:0 0 env(safe-area-inset-bottom);background:0 0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.find-screen .bar{z-index:4;padding:max(8px, env(safe-area-inset-top)) var(--sound-corner) 8px max(12px, env(safe-area-inset-left));pointer-events:none;background:0 0;flex:none;align-items:center;gap:12px;margin:0;display:flex;position:relative}.find-screen .bar a,.find-screen .bar button,.find-screen .find-tray{pointer-events:auto}.find-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.find-stage{flex:1;min-height:0;margin:10px 12px;position:relative;overflow:hidden;container-type:size}.find-frame{--edge:48px;width:min(calc(100cqw - 2 * var(--edge)), calc((100cqh - 2 * var(--edge)) * var(--find-w) / var(--find-h)));aspect-ratio:var(--find-w) / var(--find-h);border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #fffdf8,0 0 0 13px #e6d4b6,0 0 0 30px #e2a44e,0 5px 0 27px #a86b30,0 0 0 33px #7d4e26,0 38px 18px #3c1e0838}.find-scene{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;width:100%;height:100%;display:block}.find-spot{touch-action:manipulation;background:0 0;border:0;border-radius:18px;padding:0;position:absolute}.find-glow{pointer-events:none;border:4px solid #3eae5f;border-radius:22px;position:absolute;box-shadow:0 0 0 4px #ffffffe6}.find-glow.is-hint{border-color:#f08a24;animation:.9s ease-in-out infinite find-hint}@keyframes find-hint{50%{box-shadow:0 0 0 10px #f08a2473}}.find-screen .find-hint{padding:0 16px}.find-tray li.is-hint{border-color:#f08a24;box-shadow:0 0 0 2px #f08a24,0 8px 18px #502d0a1f}.find-tray{flex:1;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.find-tray li{background:#fff;border:1px solid #fffffff2;border-radius:16px;justify-items:center;gap:1px;width:84px;padding:6px 4px 5px;display:grid;position:relative;box-shadow:0 1px 1px #46280a0a,0 8px 18px #502d0a1f}.find-tray span{color:#3a3228;font-size:.68rem;font-weight:800;line-height:1.1}.find-tray img{object-fit:contain;pointer-events:none;width:46px;height:46px}.find-tray li.is-found{background:#e5f8df;border-color:#3eae5f;box-shadow:0 0 0 2px #3eae5f,0 8px 18px #502d0a1f}@media (height<=619px){.picture-screen .color-pal{display:none}}:root{--sound-corner:calc(56px + 2 * max(14px, env(safe-area-inset-right)))}.sound-corner{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:40;color:#fff;cursor:pointer;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;display:grid;position:fixed;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}.sound-corner .icon{stroke:#fff;width:26px;height:26px}.sound-corner[aria-pressed=true]{background:linear-gradient(#f0a49c,#d9665a)}.sound-corner:active{transform:translateY(2px);box-shadow:0 2px #8a5a33,0 6px 10px #2b235033}body[data-home=nook]:before{background:radial-gradient(520px 240px at 50% 120px,#ffe4aad9,#0000 70%),linear-gradient(#f6efe4 0%,#f3e4d0 100%)}.home-scene.screen{width:min(880px,100%)}.home-scene .home-header{margin-bottom:14px}.home-scene .home-header h1{color:#2a2118;margin:6px 0 0;font-size:2.4rem}.home-scene .home-header p{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#7a5b46;background:0 0;border:0;border-radius:0;margin:4px 0 0;padding:0;font-weight:800;display:block}.home-scene .stamp-link,.home-scene .album-link{box-shadow:none;background:0 0;border:0;padding:0}.home-scene .stamp-book{width:78px}.home-scene .album{width:86px}.home-scene .album-open{background:#f08a24;border-width:2px;width:28px;height:28px;bottom:6px;right:-2px}.nook-window{background:#f7f1e8;border-radius:36px;min-height:460px;padding:18px 18px 22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 12px #fffdf8,0 18px 28px #462a1014}.nook-view{object-fit:cover;pointer-events:none;border-radius:26px;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.nook-dino{z-index:4;pointer-events:none;filter:drop-shadow(0 10px 8px #281e0a2e);width:184px;position:absolute;bottom:8px;left:6px}.nook-papers{z-index:2;justify-content:center;align-items:flex-end;gap:16px;min-height:390px;padding:46px 16px 10px 128px;display:flex;position:relative}.nook-notes{flex-direction:row;align-items:flex-end;gap:10px;width:auto;display:flex}.nook-papers-label{z-index:5;background:#fffcf6eb;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;top:8px;left:132px;box-shadow:0 6px 14px #281e0a14}.nook-papers-label h2{color:#2a2118;letter-spacing:-.03em;margin:0;font-size:1rem}.nook-papers-label .today-progress{margin:0}.nook-papers-label .today-stamps{color:#c45b12;margin:0;font-size:.82rem;font-weight:800}.home-scene .today-progress>span{width:11px;height:11px;box-shadow:none;background:#f3d7b0}.home-scene .today-progress>span:first-child{background:#ffb4b4}.home-scene .today-progress>span:nth-child(2){background:#ffe07a}.home-scene .today-progress>span:nth-child(3){background:#9ee0ae}.home-scene .today-progress>span:nth-child(4){background:#a9d4ff}.home-scene .today-progress>span.is-on:first-child{background:#e23b3b}.home-scene .today-progress>span.is-on:nth-child(2){background:#f0b429}.home-scene .today-progress>span.is-on:nth-child(3){background:#3eae5f}.home-scene .today-progress>span.is-on:nth-child(4){background:#3a7fe8}.home-scene .today-tile{color:#2a2118;background:#fffef8;padding:8px;font-size:.92rem;position:relative;box-shadow:0 14px 18px #281e0a29}.home-scene .today-tile.is-next,.home-scene .today-tile.is-done{opacity:1;background:#fffef8}.home-scene .today-tile.is-done{opacity:.72}.home-scene .today-thumb{aspect-ratio:3/4;width:100%;box-shadow:none;background:#fff;border-radius:2px}.nook-sheet{border-radius:2px;width:min(38%,220px);transform:rotate(-2.5deg)}.nook-sheet:before{content:"";z-index:2;background:#7ec4ffe0;border-radius:2px;width:52px;height:16px;position:absolute;top:-7px;left:18px;transform:rotate(-6deg)}.nook-sheet:after{content:"";z-index:2;border-top:0 solid #f4e7cc;border-bottom:16px solid #0000;border-left:0 solid #0000;border-right:16px solid #f4e7cc;position:absolute;top:0;right:0}.nook-sheet.is-next{box-shadow:0 0 0 3px #f08a24,0 16px 20px #281e0a2e}.nook-note{border-radius:3px;width:108px}.nook-note:before{content:"";z-index:2;background:#ffd0e2;border-radius:2px;width:36px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-3deg)}.nook-note:nth-child(2){transform:rotate(2.5deg)}.nook-note:nth-child(2):before{background:#ffe08a}.nook-note:nth-child(3){transform:rotate(-3deg)}.nook-note:nth-child(3):before{background:#b7e6ff}.nook-sill{z-index:3;background:linear-gradient(#fffdf8,#f0e2cc);border-radius:4px;height:16px;margin:-14px 28px 0;position:relative;box-shadow:0 8px #e6d2b4}.nook-table{background:linear-gradient(#efd2ae,#e4bc90);border-radius:0 0 28px 28px;padding:22px 14px 14px;box-shadow:0 16px 24px #502e1014}.nook-runner{background:repeating-linear-gradient(90deg,#fff7ec 0 22px,#ffe4ee 22px 40px,#fff7ec 40px 62px,#e7f6cf 62px 80px);border-radius:18px;padding:14px 12px 8px}.home-scene .week-card{background:#fffdf8;border:0;border-radius:6px;width:min(100%,460px);margin:0 0 16px auto;padding:8px;transform:rotate(1.2deg);box-shadow:0 10px 16px #3c240c24}.home-scene .week-copy h2,.home-scene .week-copy p{color:#3a2a22}.home-scene .week-send{color:#fff;background:#f08a24;border:0;border-radius:999px}.home-scene .nook-objects{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px}.home-scene .nook-objects .theme-card{box-shadow:none;text-align:center;background:0 0;border:0;grid-template-columns:1fr;gap:8px;padding:0}.home-scene .nook-objects .theme-art{padding:0;position:relative;background:0 0!important}.home-scene .nook-objects .sheet{aspect-ratio:3/4;border-radius:4px;box-shadow:0 12px 16px #321e0a29}.home-scene .nook-objects .theme-copy h2{color:#3a2a22;font-size:1.05rem}.home-scene .nook-objects .theme-copy p,.home-scene .nook-objects .meta{color:#6d513c;font-size:.78rem}.home-scene .nook-book{transform:rotate(-4deg)}.home-scene .nook-book .theme-art{border-radius:3px 12px 12px 3px;padding:7px 7px 7px 16px;box-shadow:0 12px 16px #281e0a29;background:linear-gradient(90deg,#3a7fe8 0 12px,#7eb6ff 12px)!important}.home-scene .nook-book .sheet{border-radius:2px 8px 8px 2px}.home-scene .nook-pad{transform:rotate(3deg)}.home-scene .nook-pad .theme-art{border-radius:12px;padding:18px 7px 7px;box-shadow:0 12px 16px #281e0a24;background:#fff!important}.nook-spiral{z-index:2;pointer-events:none;background:radial-gradient(circle at 5px 5px,#8aa0b0 3.5px,#d5dee6 4px,#0000 5px) 0 0/18px 10px repeat-x;height:10px;position:absolute;top:7px;left:14px;right:14px}.home-scene .nook-card{transform:rotate(-1.5deg)}.home-scene .nook-card .theme-art{border-radius:16px;padding:7px;box-shadow:0 12px 16px #281e0a24;background:#ffe59a!important}.home-scene .nook-card .sheet{border-radius:10px}.home-scene .nook-keys{transform:rotate(2.5deg)}.home-scene .nook-keys .sheet{aspect-ratio:4/5;border-radius:12px 12px 8px 8px}.home-scene .nook-find{transform:rotate(-2deg)}.home-scene .nook-find .theme-art{border-radius:22px;padding:7px;box-shadow:0 12px 16px #281e0a24;background:#b6ee86!important}.home-scene .nook-find .sheet{border-radius:16px}.home-scene .nook-find .choice-preview{object-fit:cover}@media (width<=720px){.nook-dino{width:132px}.nook-papers{gap:8px;min-height:320px;padding:52px 8px 8px 88px}.nook-note{width:78px}.nook-papers-label{left:12px}.home-scene .nook-objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}}@media (hover:hover){.home-scene .nook-book:hover{transform:rotate(-4deg)translateY(-4px)}.home-scene .nook-pad:hover{transform:rotate(3deg)translateY(-4px)}.home-scene .nook-card:hover{transform:rotate(-1.5deg)translateY(-4px)}.home-scene .nook-keys:hover{transform:rotate(2.5deg)translateY(-4px)}.home-scene .nook-find:hover{transform:rotate(-2deg)translateY(-4px)}.home-scene .theme-card:hover,.home-scene .stamp-link:hover,.home-scene .album-link:hover,.home-scene .today-tile:hover{box-shadow:0 16px 20px #281e0a29}}.look.screen{background:0 0;width:min(1120px,100%);padding:20px 24px 76px}.look-switch{z-index:40;background:#fffcf8f5;border:1px solid #1c19171a;border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #1c19171f}.look-switch a{color:#1c1917;letter-spacing:-.01em;border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:800;text-decoration:none}.look-switch a[aria-current=page]{color:#f6f2eb;background:#1c1917}.look-board{gap:16px;min-height:calc(100dvh - 108px);display:grid}.look-hello{justify-content:space-between;align-items:center;gap:16px;display:flex}.look-hello h1{color:#1c1917;letter-spacing:-.045em;margin:6px 0 0;font-size:2.35rem;font-weight:800;line-height:.95}.look-hello p{color:#8a8175;margin:6px 0 0;font-size:.95rem;font-weight:700}.look .brand-dots{gap:6px}.look .brand-dots span{width:8px;height:8px;box-shadow:none}.look-tools{align-items:center;gap:8px;display:flex}.look .stamp-link,.look .album-link{box-shadow:none;background:0 0;border:0;padding:0}.look .stamp-book{width:64px}.look .album-link .album{width:74px}.look .today-tile{color:#1c1917;background:#fff;border-radius:16px;gap:8px;padding:8px;text-decoration:none;box-shadow:0 1px 1px #1c19170a,0 12px 28px #1c191712}.look .today-tile.is-next,.look .today-tile.is-done{opacity:1;background:#fff}.look .today-tile.is-next{box-shadow:0 0 0 1.5px #1c1917,0 12px 28px #1c191714}.look .today-tile.is-done{opacity:.62}.look .today-thumb{aspect-ratio:3/4;width:100%;box-shadow:none;border-radius:10px}.look .today-progress{gap:5px;margin:0;display:flex}.look .today-progress>span{width:7px;height:7px;box-shadow:none;background:#cfc6b8}.look .today-progress>span.is-on:first-child{background:#e23b3b}.look .today-progress>span.is-on:nth-child(2){background:#e2b43a}.look .today-progress>span.is-on:nth-child(3){background:#3eae5f}.look .today-progress>span.is-on:nth-child(4){background:#3a7fe8}.look-today-label{align-items:center;gap:10px;display:flex}.look-today-label h2{color:#8a8175;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.look-today-label .today-stamps{color:#9a5b24;margin:0;font-size:.78rem;font-weight:800}.look .week-card{box-shadow:none;background:#fff;border:1px solid #1c19170f;border-radius:16px;gap:12px;margin:0;padding:8px 12px 8px 8px}.look .week-copy h2{color:#1c1917;letter-spacing:-.03em;font-size:1.15rem}.look .week-copy p{color:#8a8175}.look .week-send{color:#f6f2eb;background:#1c1917;border:0;border-radius:999px;padding:10px 16px}.look-choices{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:14px;display:grid}.look-choice{color:#1c1917;text-align:left;justify-items:start;gap:8px;min-width:0;text-decoration:none;display:grid}.look-face{background:#fff;border-radius:12px;width:100%;height:92px;display:block;overflow:hidden;box-shadow:0 1px 1px #1c19170a,0 8px 18px #1c19170d}.look-face img{object-fit:cover;width:100%;height:100%}.look-copy{gap:1px;min-width:0;display:grid}.look-copy strong{letter-spacing:-.03em;font-size:.98rem}.look-copy em,.look-copy small{color:#8a8175;white-space:normal;font-size:.74rem;font-style:normal;font-weight:700;line-height:1.3}.look-keys{background:#f7f4ee;height:100%;display:flex;position:relative;overflow:hidden}.look-keys i{background:#fff;border-right:1px solid #e4ddd2;flex:1}.look-keys i:last-of-type{border-right:0}.look-keys b{background:#1c1917;width:11%;height:58%;position:absolute;top:0}.look-dino{pointer-events:none;width:128px}body[data-look=folio]:before{background:#f3eee6}.look-folio .look-board{grid-template-rows:auto minmax(0,1fr) auto auto}.look-folio .look-stage{background:#fff;border-radius:24px;justify-content:center;align-items:center;min-height:0;padding:22px 22px 18px 150px;display:flex;position:relative;box-shadow:0 1px 1px #1c19170a,0 18px 40px #1c19170d}.look-folio .look-today{grid-template-columns:188px auto;grid-template-areas:"label label""sheet notes";align-items:end;gap:12px 16px;display:grid}.look-folio .look-today-label{grid-area:label}.look-folio .look-sheet{grid-area:sheet;width:188px}.look-folio .look-notes{grid-area:notes;align-items:end;gap:12px;display:flex}.look-folio .look-note{width:104px}.look-folio .look-dino{width:120px;position:absolute;bottom:18px;left:18px}body[data-look=salon]:before{background:#141210}.look-salon.screen{padding:22px 22px 76px}.look-salon .look-board{background:#f6f2eb;border-radius:28px;grid-template:"hello week""stage stage"minmax(0,1fr)"choices choices"/minmax(0,1fr) 300px;align-items:center;padding:22px 24px 18px;box-shadow:0 24px 70px #00000059}.look-salon .look-hello{flex-direction:column;grid-area:hello;align-items:flex-start;gap:12px}.look-salon .week-card{grid-area:week}.look-salon .look-choices{border-top:1px solid #1c191714;grid-area:choices;padding-top:14px}.look-salon .look-stage{grid-area:stage;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.look-salon .look-dino{width:124px;position:absolute;bottom:0;left:0}.look-salon .look-today{grid-template-columns:176px 168px;grid-template-areas:"label label""sheet notes";align-items:center;gap:14px 28px;display:grid}.look-salon .look-today-label{grid-area:label/1}.look-salon .look-sheet{grid-area:sheet;width:176px}.look-salon .look-notes{flex-direction:column;grid-area:notes;gap:8px;display:flex}.look-salon .look-note{text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:center;width:168px;padding:6px;display:grid}.look-salon .look-note .today-thumb{aspect-ratio:auto;border-radius:8px;width:48px;height:48px}body[data-look=maison]:before{background:#e5dfd3}.look-maison .look-board{grid-template:"hello stage""dino stage"minmax(0,1fr)"week stage""choices choices"/292px minmax(0,1fr);align-items:stretch;gap:0 28px;position:relative}.look-maison .look-board:before{content:"";background:#fff;border-radius:24px;grid-area:1/1/4;box-shadow:0 1px 1px #1c19170a,0 18px 40px #1c19170d}.look-maison .look-hello,.look-maison .look-dino,.look-maison .week-card,.look-maison .look-today,.look-maison .look-choices{z-index:1;position:relative}.look-maison .look-hello{flex-direction:column;grid-area:hello;align-items:flex-start;padding:22px 22px 0}.look-maison .look-dino{grid-area:dino;align-self:end;width:116px;margin:0 0 8px 22px}.look-maison .week-card{grid-area:week;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"art copy""art send";align-self:end;margin:8px 14px 16px}.look-maison .week-art{grid-area:art}.look-maison .week-copy{grid-area:copy}.look-maison .week-send{grid-area:send;justify-self:start}.look-maison .look-stage{display:contents}.look-maison .look-today{grid-area:stage;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:14px;min-height:0;padding:8px;display:grid}.look-maison .look-today-label,.look-maison .look-notes{justify-self:center}.look-maison .look-sheet{width:min(210px,70%)}.look-maison .look-notes{align-items:end;gap:12px;padding-bottom:8px;display:flex}.look-maison .look-note{width:96px}.look-maison .look-choices{background:#fff;border-radius:20px;grid-area:choices;margin-top:16px;padding:14px 14px 12px}@media (width<=860px){.look-folio .look-board,.look-salon .look-board,.look-maison .look-board{flex-direction:column;height:auto;display:flex}.look-maison .look-board:before{display:none}.look-maison .look-stage,.look-salon .look-stage{display:block;position:relative}.look-salon .look-dino,.look-maison .look-dino,.look-folio .look-dino{margin:0;position:static}.look-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.look-folio .look-today,.look-salon .look-today,.look-maison .look-today{flex-direction:column;align-items:flex-start;display:flex}.look-salon .look-notes,.look-maison .look-notes,.look-folio .look-notes{flex-direction:row}}body[data-look=meadow]:before{background:#b7e38a url(/scenes/crayon-land.jpg) 50%/cover no-repeat}.look-meadow.screen{width:100%;max-width:none;min-height:100dvh;padding:0;position:relative}.look-meadow .look-board{height:100dvh;min-height:100dvh;box-shadow:none;background:0 0;padding:0;display:block;position:absolute;inset:0}.look-meadow .look-hello{z-index:3;background:#fffcf6f0;border-radius:18px;gap:12px;padding:8px 12px 8px 14px;position:absolute;top:16%;left:2.4%;box-shadow:0 10px 22px #28461424}.look-meadow .look-hello h1{font-size:1.45rem}.look-meadow .look-hello p{margin-top:2px;font-size:.78rem}.look-meadow .look-dino{z-index:4;width:108px;position:fixed;bottom:16%;left:1.2%}.look-meadow .look-stage{z-index:2;position:absolute;top:42%;left:33%}.look-meadow .look-today{align-items:flex-end;gap:12px;display:flex;position:relative}.look-meadow .look-today-label{background:#fffcf6f0;border-radius:999px;padding:4px 10px;position:absolute;top:-30px;left:8px;box-shadow:0 6px 14px #2846141a}.look-meadow .look-sheet{width:142px}.look-meadow .look-note{width:82px}.look-meadow .look-notes{align-items:flex-end;gap:10px;display:flex}.look-meadow .week-card{z-index:3;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"art copy""send send";width:min(250px,24vw);padding:8px;position:absolute;top:44%;right:2.5%}.look-meadow .week-art{grid-area:art}.look-meadow .week-copy{grid-area:copy}.look-meadow .week-copy h2{font-size:1rem}.look-meadow .week-send{grid-area:send;justify-self:start}.look-meadow .look-choices{z-index:3;box-shadow:none;background:0 0;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:18px;padding:0;display:grid;position:absolute;bottom:12%;left:18%;right:27%}.look-meadow .look-face{border-radius:12px;height:68px;box-shadow:0 8px 16px #28461429}.look-meadow .look-choice{justify-items:center;width:100%}.look-meadow .look-copy{text-align:center;background:#fffcf6f0;border-radius:10px;width:100%;margin-top:4px;padding:4px 6px 5px}.look-meadow .look-copy em,.look-meadow .look-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.look-meadow .look-copy strong{font-size:.84rem}.look-meadow .look-copy em,.look-meadow .look-copy small{font-size:.66rem}@media (orientation:portrait){body[data-look=meadow]:before{background-image:url(/scenes/crayon-land-portrait.jpg)}.look-meadow .look-hello{top:37%;left:5%}.look-meadow .look-hello h1{font-size:1.7rem}.look-meadow .week-card{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"art copy send";width:min(240px,42vw);top:37%;right:5%}.look-meadow .look-stage{top:49%;left:26%;transform:none}.look-meadow .look-sheet{width:150px}.look-meadow .look-note{width:86px}.look-meadow .look-dino{width:120px;bottom:18%;left:3%}.look-meadow .look-choices{gap:12px;bottom:14%;left:20%;right:18%}.look-meadow .look-face{height:64px}}body[data-look=village]:before{background:url(/scenes/crayon-village-tall.jpg) 50%/min(100vw,75dvh) no-repeat,linear-gradient(#bfe3f7 45%,#9ad27a 60%)}.look-village.screen{place-items:center;width:100%;max-width:none;min-height:100dvh;padding:0;display:grid}.look-village .look-switch{top:8px;bottom:auto}.look-village.is-comparing .village-stage{--top-gap:52px}.village-stage{--top-gap:0px;aspect-ratio:3/4;width:min(100vw,75dvh);position:relative;overflow:hidden;container-type:size}.village-top{z-index:3;top:calc(var(--top-gap) + 3.5cqmin);flex-direction:column;align-items:flex-start;gap:2.2cqmin;display:flex;position:absolute;left:4cqmin;right:42cqmin}.village-hello,.village-today .look-today{background:linear-gradient(#fff 0%,#f3f9ff 42%,#d7ebfc 100%);border:.5cqmin solid #6aa6d8;border-radius:3cqmin;box-shadow:0 .8cqmin 2.4cqmin #4682b42e}.village-hello{max-width:100%;padding:2cqmin 3cqmin 2.2cqmin}.village-hello .brand-dots{gap:.8cqmin}.village-hello .brand-dots span{width:1.6cqmin;height:1.6cqmin;box-shadow:none}.village-hello h1{color:#2b2350;letter-spacing:-.03em;margin:.8cqmin 0 0;font-size:5cqmin;font-weight:800;line-height:1.05}.village-hello p{color:#5d5680;margin:.6cqmin 0 0;font-size:2.5cqmin;font-weight:700}.village-hello .account-actions{margin-top:1cqmin}.village-hello .sign-out,.village-hello .switch-kid{font-size:1.8cqmin}.village-today{min-width:0;max-width:100%}.village-today .look-today{grid-template-columns:10.5cqmin max-content;grid-template-areas:"label label""sheet notes";justify-content:start;align-items:center;gap:1cqmin 1.2cqmin;width:max-content;max-width:100%;padding:1.4cqmin 1.6cqmin;display:grid}.village-today .look-today-label{flex-wrap:wrap;grid-area:label;align-items:center;gap:.5cqmin 1.1cqmin;width:0;min-width:100%;display:flex}.village-today .today-again,.village-today .look-today-label .today-stamps{flex-basis:100%;margin:0;font-size:1.6cqmin;line-height:1.15}.village-today .look-today-label h2{color:#2b2350;margin:0;font-size:2cqmin;line-height:1.1}.village-today .today-progress>span{width:1.2cqmin;height:1.2cqmin}.village-today .look-sheet{grid-area:sheet;width:10.5cqmin}.village-today .look-notes{grid-area:notes;gap:1.2cqmin;display:flex}.village-today .look-note{width:8cqmin}.village-today .today-tile{background:#fff;border-radius:1.8cqmin;gap:.6cqmin;padding:.8cqmin;font-size:1.9cqmin;box-shadow:inset 0 0 0 1px #6aa6d859}.village-today .today-progress>span{background:#d5e8f8;box-shadow:inset 0 0 0 1px #5a96c847}.village-today .today-thumb{border-radius:1.2cqmin}.village-tools{z-index:3;top:calc(var(--top-gap) + 3.5cqmin);right:calc(var(--sound-corner) + 1cqmin);grid-template-columns:auto auto;grid-template-areas:"stamp album"".story";place-items:center;gap:1.4cqmin 2cqmin;display:grid;position:absolute}.village-tools .stamp-link{grid-area:stamp}.village-tools .album-link{grid-area:album}.village-tools .story-link{grid-area:story}.look-village .story-link,.look-village .stamp-link,.look-village .album-link{filter:drop-shadow(0 .8cqmin 1.2cqmin #2b235033)}.look-village .stamp-book{width:12.5cqmin}.look-village .album-link .album{width:14cqmin}.look-village .story-link .storybook{width:13cqmin;display:block}.storybook-art{width:100%;height:auto;display:block}.village-week{z-index:3;top:calc(var(--top-gap) + 18%);max-width:46cqmin;position:absolute;right:4cqmin}.village-week .week-card{background:#fffaf0f2;border-radius:2.4cqmin;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4cqmin;padding:1cqmin 1.2cqmin;box-shadow:0 .8cqmin 2.4cqmin #2b235029}.village-week .week-art{border-radius:1.4cqmin;width:7cqmin}.village-week .week-copy h2{font-size:2.4cqmin}.village-week .week-copy p{font-size:1.7cqmin}.village-week .week-letters{gap:.6cqmin;margin-top:.6cqmin}.village-week .week-letters span{border-radius:1cqmin;min-width:3.4cqmin;height:3.4cqmin;padding:0 .6cqmin;font-size:1.8cqmin}.village-week .week-send{padding:1cqmin 2.2cqmin;font-size:2cqmin}.village-dino{z-index:2;pointer-events:none;filter:drop-shadow(0 1.2cqmin 1cqmin #2b23502e);width:26cqmin;position:absolute;top:36.6%;left:38.5%}.village-friend{z-index:2;pointer-events:none;height:auto;position:absolute}.village-friend-ptero{width:12cqmin;top:19.5%;left:52%}.village-friend-trike{width:9cqmin;top:91%;left:32%}.village-friend-longneck{width:9cqmin;top:71.5%;left:70.5%}.village-spot{display:contents}.village-anim{z-index:1;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:reduce){.village-anim{display:none!important}}.village-house{z-index:1;top:var(--py);left:var(--px);width:var(--pw);height:var(--ph);-webkit-tap-highlight-color:transparent;border-radius:4cqmin;transition:background-color .15s;position:absolute;translate:-50% -50%}.village-house:active{background:#ffffff38}.village-sign{z-index:2;top:var(--psy);left:var(--psx);color:#fff;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(#e6b67f,#c98a52);border:.5cqmin solid #8a5a33;border-radius:2.2cqmin;padding:1cqmin 2.6cqmin 1.2cqmin;text-decoration:none;transition:scale .15s;position:absolute;translate:-50%;box-shadow:0 .7cqmin #8a5a33,0 1.4cqmin 2cqmin #2b235040}.village-sign:before{content:"";background:#8a5a33;border-radius:.4cqmin;width:1.2cqmin;height:2.2cqmin;position:absolute;top:-2.2cqmin;left:50%;translate:-50%}.village-sign:active,.village-house:active+.village-sign{scale:.95}.village-sign:focus-visible{outline-offset:.6cqmin;outline:.6cqmin solid #2b2350}.village-sign strong{text-shadow:0 .3cqmin #8a5a33;font-size:3.6cqmin;font-weight:800;line-height:1.1;display:block}.village-sign small{color:#fff5e6;font-size:1.9cqmin;font-weight:800;display:block}@media (orientation:landscape){body[data-look=village]:before{background:url(/scenes/crayon-village-wide.jpg) 50%/calc(1.90039*min(100vw,133.333dvh)) no-repeat,linear-gradient(#bfe3f7 45%,#9ad27a 60%)}.village-stage{aspect-ratio:4/3;width:min(100vw,133.333dvh)}.village-top{flex-flow:wrap;align-items:flex-start}.village-week{top:calc(var(--top-gap) + 21%);right:3cqmin}.village-dino{width:24cqmin;top:31.5%;left:40.5%}.village-friend-ptero{width:10cqmin;top:17.5%;left:70%}.village-friend-trike{width:9cqmin;top:85%;left:68.5%}.village-friend-longneck{width:7.5cqmin;top:32%;left:58.5%}.village-house{top:var(--ly);left:var(--lx);width:var(--lw);height:var(--lh)}.village-sign{top:var(--lsy);left:var(--lsx)}}.learn-room{width:100%;height:100dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex;overflow:auto}.learn-hello{padding-right:calc(var(--sound-corner) - 16px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.learn-back{align-self:start}.learn-nav{flex-direction:column;align-self:start;align-items:center;gap:8px;display:flex}.learn-greet{background:#fffaf0f2;border-radius:22px;justify-self:stretch;max-width:100%;padding:12px 16px 14px;box-shadow:0 8px 24px #2b235024}.learn-greet h1{color:#2b2350;letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1}.learn-greet p{color:#5d5680;margin:4px 0 0;font-size:1rem;font-weight:700}.learn-stars{color:#c45b12;font-size:.92rem}.learn-dino{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 12px #2b23502e);width:108px}.learn-desk{flex:1;grid-template:"letters song"1.25fr"numbers trace"1fr"name stickers"1fr/1fr 1fr;gap:14px;min-height:0;padding:4px;display:grid}.learn-letters{grid-area:letters}.learn-song{grid-area:song}.learn-numbers{grid-area:numbers}.learn-trace{grid-area:trace}.learn-name{grid-area:name}.learn-stickers{grid-area:stickers}.learn-block{--ink:#3a322c;--front:#f09a96;--window:#fff6f2;border:5px solid var(--ink);background:var(--front);border-radius:22px;flex-direction:column;min-width:0;height:100%;min-height:0;padding:10px 10px 8px;text-decoration:none;transition:transform .15s;display:flex;position:relative;box-shadow:0 10px 22px #3a322c1f}.learn-letters{--front:#f09a96;--window:#fff6f2}.learn-song{--front:#f6a95c;--window:#fff4e6}.learn-numbers{--front:#7eb6ea;--window:#f4f9ff}.learn-trace{--front:#f3d56a;--window:#fff9e8}.learn-name{--front:#c4a6e8;--window:#faf6ff}.learn-stickers{--front:#8fce72;--window:#f5fbea}.learn-block>.stamp-new{z-index:2;top:-8px;right:-8px}.block-window{border:4px solid var(--ink);background:var(--window);border-radius:14px;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.learn-block:active{transform:translateY(2px)}.learn-sheet,.learn-name-sheet{place-items:center;width:100%;height:100%;min-height:0;display:grid}.learn-sheet>img,.block-window>img{object-fit:contain;width:auto;max-width:100%;height:100%;min-height:0}.learn-name-sheet span{max-width:92%;color:var(--ink);letter-spacing:-.03em;text-align:center;border-bottom:4px solid #3a322c47;padding:0 6px 8px;font-weight:800;line-height:1;display:block}.learn-sheet>.learn-sticker-mascot,.block-window>.learn-sticker-mascot{width:min(150px,72%);height:auto;max-height:84%;box-shadow:none;background:0 0}.learn-sticker-thumbs{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:10px;display:flex}.learn-sticker-thumbs img{object-fit:contain;background:0 0;border-radius:0;width:auto;max-width:30%;height:min(120px,68%);margin:0;padding:0}.learn-sticker-thumbs img:only-child{max-width:58%;height:min(160px,74%)}.learn-caption{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count""note note";align-items:end;gap:1px 8px;padding:8px 6px 2px;display:grid}.learn-caption strong,.learn-caption small,.learn-caption em{color:var(--ink)}.learn-caption strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;grid-area:title;font-size:clamp(1.05rem,2.4vh,1.45rem);font-weight:800;line-height:1.05;overflow:hidden}.learn-caption small{text-overflow:ellipsis;white-space:nowrap;grid-area:note;font-size:clamp(.78rem,1.7vh,.95rem);font-weight:700;line-height:1.15;overflow:hidden}.learn-caption em{white-space:nowrap;grid-area:count;align-self:center;font-size:clamp(.75rem,1.6vh,.9rem);font-style:normal;font-weight:800}.learn-block{container:learn-card/inline-size}@container learn-card (width<=220px){.learn-caption{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""note""count"}.learn-caption em{justify-self:start}.learn-caption strong{font-size:min(clamp(1.05rem,2.4vh,1.45rem),15cqi)}}@media (height>=740px){@container learn-card (width<=220px){.learn-caption small{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}}}@media (width>=900px) and (height>=640px){.learn-room{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(200px,240px) minmax(0,1fr);align-items:stretch;gap:18px;max-width:1280px;height:100dvh;padding:16px 20px;display:grid;overflow:hidden}.learn-hello{flex-direction:column;align-items:stretch;min-height:0;display:flex}.learn-greet{padding:16px 18px 18px}.learn-dino{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:46%;margin-top:auto}.learn-desk{grid-template:"letters numbers name"minmax(0,1fr)"song trace stickers"minmax(0,1fr)/1.25fr 1fr 1fr;gap:16px;height:100%;padding:2px}}@media (hover:hover){.learn-block:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.learn-block,.learn-block:hover,.learn-block:active{transition:none;transform:none}}.learn-song .block-window{position:relative}.learn-song-sheet{position:absolute;inset:0}.learn-song-sheet img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.learn-song-play,.song-big-play{color:#fff;background:#e8673c;border:4px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #3a322c4d}.learn-song-play{width:58px;height:58px}.learn-song-play .icon,.song-big-play .icon{stroke:#fff;stroke-width:2.6px;width:60%;height:60%;margin-left:6%}.song-stage{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:14px 0 18px;display:flex}.song-frame{aspect-ratio:9/16;background:#2c2840;border:6px solid #fff;border-radius:22px;flex:1;max-width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000047}.song-frame video{object-fit:cover;width:100%;height:100%;display:block}.song-frame.is-full{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;background:#000;border:0;border-radius:0}.song-frame.is-full video{object-fit:contain}.song-exit-full{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:#fff;background:#2c28408c;border:4px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:absolute}.song-exit-full .icon{stroke:#fff;stroke-width:2.6px;width:30px;height:30px}.song-big-play{border-width:6px;width:112px;height:112px;padding:0}.song-big-play:active{transform:translate(-50%,-50%)scale(.95)}.song-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.song-btn,.song-pill{color:#fff;min-height:60px;font:inherit;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}.song-btn:active,.song-pill:active{transform:translateY(2px);box-shadow:0 2px #8a5a33,0 6px 10px #2b235033}.song-btn .icon,.song-pill .icon{stroke:#fff;stroke-width:2.6px;width:26px;height:26px}.song-toggle{background:linear-gradient(#f28a5c,#e0602f);border-color:#b14420;box-shadow:0 4px #b14420,0 8px 14px #2b235033}.song-abc{font-size:1.3rem;line-height:1}.song-screen{position:relative}.song-friends{pointer-events:none;align-items:flex-end;gap:4px;height:92px;display:flex;position:absolute;top:clamp(12px,2.6dvh,22px);right:clamp(16px,3vw,30px)}.song-friends .friend{filter:drop-shadow(0 6px 8px #00000038);width:auto;height:100%;animation:2.2s ease-in-out infinite friend-bob}.song-friends .friend-trike{height:78%;animation-delay:-.7s}.song-friends .friend-ptero{align-self:flex-start;height:80%;animation-delay:-1.4s}@media (orientation:landscape) and (width>=700px){.song-friends{height:auto;display:block;inset:0}.song-friends .friend{height:auto;position:absolute}.song-friends .friend-longneck{width:min(22%,34dvh);bottom:14px;left:3%}.song-friends .friend-trike{width:min(17%,26dvh);bottom:16px;right:3%}.song-friends .friend-ptero{width:min(19%,28dvh);top:6%;right:4%}}.song-pill{flex-shrink:0;min-height:52px;margin-left:auto;margin-right:72px;padding:0 18px;font-size:1.05rem}@media (orientation:landscape) and (width>=700px){.song-stage{flex-direction:row;justify-content:center;gap:28px}.song-frame{flex:none;height:100%}.song-controls{flex-direction:column;align-items:stretch}}@media (width<=560px){.song-pill span{display:none}.song-pill{padding:0 14px}}.block-card{--ink:#3a322c;--front:#f3d28a;--window:#fffdf8;border:5px solid var(--ink);background:var(--front);border-radius:22px;flex-direction:column;min-width:0;height:auto;min-height:0;padding:10px 10px 8px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 10px 22px #3a322c1f}.block-card:active{transform:translateY(2px)}.frame-dinosaurs{--front:#8fce72;--window:#f7fbea}.frame-flowers{--front:#f4a4c8;--window:#fff5f8}.frame-puppies{--front:#8ebff0;--window:#f4f9ff}.frame-superheroes{--front:#f08a7a;--window:#fff5f2}.block-card.is-easel{--front:#f3d28a;--window:#fffdf8}.mat-meadow{--window:#f3fbe6}.mat-beach{--window:#eef8ff}.mat-sea{--window:#e7f6f4}.mat-space{--window:#f4eefe}.mat-dinos{--window:#f8f3e4}.mat-snow{--window:#f4f8fc}.mat-farm{--window:#fbf6e8}.mat-candy{--window:#fff0f6}.color-room .block-window,.draw-room .block-window,.picture-room .block-window{container-type:size}.color-room .block-window>.sheet,.draw-room .block-window>.sheet,.picture-room .block-window>.sheet{aspect-ratio:auto;width:min(100cqw,74.6cqh);height:min(100cqh,134.048cqw);box-shadow:none;border-radius:8px}.draw-room .learn-caption strong{white-space:normal}.block-card.is-easel .block-window{position:relative}.block-card.is-easel .block-window:before{content:"";z-index:2;border:3px solid var(--ink);pointer-events:none;background:#c4894a;border-radius:4px;width:22%;min-width:28px;max-width:48px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%,-40%)}.color-side{flex-direction:row;align-items:center;gap:6px;min-width:0;display:flex}.color-side .album-link{border-radius:16px;padding:4px 8px 2px 4px}.color-side .album,.color-side .album-link .album{width:54px}.color-side .album-open{width:22px;height:22px;bottom:2px;right:-6px}.color-side .learn-dino{width:88px}.learn-greet p.color-save{color:#5d5680;margin-top:6px;font-size:.82rem;font-weight:700}.color-desk,.draw-desk,.picture-desk{gap:14px;min-width:0;min-height:0;padding:2px;display:grid}.color-desk{flex:1 0 auto;grid-template-columns:1fr;align-content:start;min-height:auto}.picture-desk,.draw-desk{flex:none;min-height:auto}.color-desk .block-window,.draw-desk .block-window,.picture-desk .block-window{aspect-ratio:3/4;flex:none}.draw-desk,.picture-desk{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}@media (width>=720px){.color-desk{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;height:100%}.draw-desk,.picture-desk{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=720px) and (orientation:portrait){.color-desk{grid-template-columns:repeat(2,minmax(0,min(36vw,22dvh)));justify-content:center;column-gap:28px}}@media (width>=1100px){.picture-desk{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=900px) and (height>=640px){.color-room.learn-room{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.color-room .learn-hello,.picture-room .learn-hello{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.color-room .learn-dino,.picture-room .learn-dino{width:108px;max-height:none;margin-top:0}.draw-desk{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:12px;height:100%;min-height:0}.draw-desk .block-card{height:100%}.draw-desk .block-window{aspect-ratio:3/4;flex:1;align-self:center;width:auto;max-width:100%}.draw-desk .learn-caption{align-self:stretch}.picture-room.learn-room{flex-direction:column;max-width:1100px;height:auto;min-height:100dvh;display:flex;overflow:auto}}@media (hover:hover){.block-card:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.block-card,.block-card:hover,.block-card:active{transition:none;transform:none}}body[data-room=color] .learn-hello .learn-back,body[data-room=draw] .learn-hello .learn-back,body[data-room=color] .learn-nav .home-btn{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:3;width:56px;height:56px;margin:0;position:fixed}body[data-room=color] .learn-nav .home-btn{left:calc(max(14px, env(safe-area-inset-left)) + 66px)}body[data-room=color] .learn-hello,body[data-room=draw] .learn-hello{--clear:82px;padding-left:max(0px, calc(var(--clear) - max(0px, (100vw - 1280px) / 2) - 16px))}body[data-room=color] .learn-hello:has(.learn-nav){--clear:148px}@media (width>=900px) and (width<=1403px) and (height>=640px){body[data-room=draw] .learn-hello{padding-top:54px;padding-left:0}}@media (width<=600px){body[data-room=color] .learn-hello:has(.learn-nav){padding-top:54px;padding-left:0}}@media (orientation:landscape) and (width>=720px){body[data-room=color] .picture-screen .rail-top,body[data-room=draw] .picture-screen .rail-top{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));gap:10px;position:fixed}body[data-room=color] main.picture-screen{grid-template-rows:56px auto auto auto auto minmax(0,1fr) auto}body[data-room=draw] main.picture-screen{grid-template-rows:56px auto auto auto minmax(0,1fr) auto}}@media (orientation:portrait),(width<=719px){body[data-room=color] .picture-screen,body[data-room=draw] .picture-screen{padding-top:max(14px, env(safe-area-inset-top));padding-left:max(14px, env(safe-area-inset-left))}body[data-room=color] .picture-screen .rail-top,body[data-room=draw] .picture-screen .rail-top{gap:10px}body[data-room=color] .picture-screen .rail-top .icon-btn,body[data-room=draw] .picture-screen .rail-top .icon-btn{width:56px;min-width:56px;height:56px}}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen){padding-top:max(14px, env(safe-area-inset-top))}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen)>.bar{--clear:82px;min-height:56px;padding-left:max(0px, calc(var(--clear) - max(0px, (100vw - 1080px) / 2) - 20px));align-items:flex-start}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen)>.bar:has(.home-btn){--clear:148px}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen)>.bar>a.bar-btn{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:3;color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;width:56px;min-width:56px;height:56px;position:fixed;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen)>.bar>a.home-btn{left:calc(max(14px, env(safe-area-inset-left)) + 66px)}main:is(.piano-screen,.shelf-screen,.stamps-screen,.story-screen)>.bar .bar-title{margin-top:6px}body[data-room=find] main.find-screen .bar{padding-top:max(14px, env(safe-area-inset-top));padding-left:max(14px, env(safe-area-inset-left))}body[data-room=find] main.find-screen .bar>a.bar-btn{width:56px;min-width:56px;height:56px}@media (width<=600px){main.piano-screen>.bar .mascot-bar{display:none}}body[data-room=color]:before{background:#f3d36b url(/room/room.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=color]:before{background-image:url(/room/room-portrait.jpg)}}body[data-room=color] .learn-back,body[data-room=color] .learn-nav .home-btn,body[data-room=color] .color-screen .rail-top .icon-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=color] .learn-back,body[data-room=color] .learn-nav .home-btn{width:56px;height:56px}body[data-room=color] .learn-nav{margin-top:4px}body[data-room=color] .learn-greet{background:#fffaf0f2;border-radius:22px;justify-self:start;padding:12px 18px 14px;box-shadow:0 6px 18px #2b235029}body[data-room=color] .learn-greet h1{color:#2b2350}body[data-room=color] .color-side .album-link{background:#fffaf0f2;border-radius:20px;box-shadow:0 6px 18px #2b23502e}body[data-room=color] .block-card{--ink:#2b2350;border-radius:14px 22px 22px 14px;padding-left:22px;box-shadow:inset 14px 0 #00000021,0 14px 24px #50321452}body[data-room=color] .color-desk .block-card:nth-child(3n+1){rotate:-2deg}body[data-room=color] .color-desk .block-card:nth-child(3n+2){rotate:1.5deg}body[data-room=color] .color-desk .block-card:nth-child(3n){rotate:2.5deg}body[data-room=color] .block-card .learn-caption{color:#fff;text-align:center;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"title""count""note";align-self:center;justify-items:center;margin-top:10px;padding:4px 16px 6px;box-shadow:0 4px #8a5a33}@media (orientation:portrait){body[data-room=color] .color-desk{align-content:center}}body[data-room=color] .block-card .learn-caption small,body[data-room=color] .block-card .learn-caption em{color:#fff5e6;text-shadow:none}body[data-room=color] .color-screen .bar,body[data-room=color] .picture-screen .desk,body[data-room=color] .picture-screen .tools{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}body[data-room=color] .color-screen .bar h1{color:#fff;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:16px;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=color] .color-screen .stage .sheet{border-color:#fff;border-radius:10px;box-shadow:0 14px 30px #50321452}body[data-room=color] .color-screen .rail-side .icon-btn,body[data-room=color] .picture-screen .mode,body[data-room=color] .color-screen .undo-btn,body[data-room=color] .color-screen .done-btn,body[data-room=color] .color-screen .eraser,body[data-room=color] .picture-screen .brush{color:#2b2350;background:#fffaf0f5;border:0;box-shadow:0 4px #2b235029,0 8px 16px #2b235024}body[data-room=color] .picture-screen .mode{border-radius:999px;font-weight:900}body[data-room=color] .picture-screen .mode[aria-pressed=true],body[data-room=color] .color-screen .eraser[aria-pressed=true],body[data-room=color] .picture-screen .brush[aria-pressed=true]{background:#fff4c4;box-shadow:0 0 0 4px #f6c430,0 8px 16px #2b23502e}body[data-room=color] .color-screen .done-btn:not(:disabled){background:linear-gradient(#fff4c4,#ffd95a)}body[data-room=color] .color-screen .rail-side .icon-btn.armed{background:#ffe1e1;box-shadow:0 0 0 4px #e23b3b,0 8px 16px #2b23502e}body[data-room=color] .color-screen .room-icon{object-fit:contain;width:40px;height:40px}body[data-room=color] .color-screen .rail-side .room-icon{width:30px;height:30px}body[data-room=color] .color-screen .eraser .room-icon{width:60px;height:60px}body[data-room=color] .picture-screen .palette{gap:4px;padding-top:18px}body[data-room=color] .swatch{border-radius:0;place-items:start center;height:92px;padding:0;overflow:hidden}body[data-room=color] .swatch[aria-pressed=true]{box-shadow:none;background:0 0;transform:translateY(-14px)}body[data-room=color] .room-crayon{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #50321440);width:auto;height:150px;display:block}body[data-room=color] .swatch[aria-pressed=true] .room-crayon{filter:drop-shadow(0 0 6px #fffffff2)drop-shadow(0 6px 4px #5032144d)}@media (orientation:portrait),(width<=719px){body[data-room=color] .picture-screen .palette{padding-top:10px}body[data-room=color] .swatch{height:62px}body[data-room=color] .swatch[aria-pressed=true]{transform:translateY(-10px)}}@media (orientation:landscape) and (width>=720px){body[data-room=color] .picture-screen{padding:12px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));--face:clamp(48px, 8dvh, 72px);justify-content:center;column-gap:12px;row-gap:var(--tool-gap);--tool-gap:1.4dvh;grid-template:auto auto auto auto auto minmax(0,1fr) auto/minmax(150px,230px) minmax(0,80dvh) minmax(150px,230px);display:grid}body[data-room=color] .picture-screen .rail-left,body[data-room=color] .picture-screen .page-actions,body[data-room=color] .picture-screen .desk,body[data-room=color] .picture-screen .rail-right{display:contents}body[data-room=color] .picture-screen .rail-top{z-index:3;flex-direction:row;grid-area:1/1/auto/3;place-self:start}body[data-room=color] .picture-screen .rail-top .icon-btn{width:56px;height:56px}body[data-room=color] .picture-screen .rail-left h1{white-space:nowrap;width:auto;padding:6px 16px 8px;font-size:clamp(1.1rem,3dvh,1.5rem)}body[data-room=color] .picture-screen .mode-cluster{place-self:start center;align-items:center;gap:var(--tool-gap);flex-direction:column;grid-area:2/1/7;width:auto}body[data-room=color] .picture-screen .modes{gap:var(--tool-gap);width:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;justify-items:center;padding:0;display:grid}body[data-room=color] .picture-screen .mode[aria-pressed=true]{box-shadow:none;background:0 0}body[data-room=color] .picture-screen .brushes{grid-template-columns:repeat(2,30px);gap:6px;width:auto;display:grid}body[data-room=color] .picture-screen .brush{flex:none;width:30px;height:30px}body[data-room=color] .picture-screen .color-pal{grid-area:7/1;place-self:end start;width:clamp(80px,16dvh,130px);margin:0;display:block}body[data-room=color] .picture-screen .color-pal .mascot{width:100%}@media (height<=619px){body[data-room=color] .picture-screen .color-pal{display:none}}body[data-room=color] .picture-screen .done-btn{grid-area:2/3}body[data-room=color] .picture-screen .undo-btn{grid-area:3/3}body[data-room=color] .picture-screen .rail-side{display:contents}body[data-room=color] .picture-screen .rail-side .icon-btn{grid-area:4/3}body[data-room=color] .picture-screen .eraser{grid-area:5/3;margin:0}body[data-room=color] .picture-screen .stage{grid-area:1/2/-1;padding:0 0 12dvh}body[data-room=color] .picture-screen .tools{z-index:2;margin-bottom:calc(-10px - env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;grid-area:7/2;align-self:end;padding:0}body[data-room=color] .picture-screen .mode,body[data-room=color] .picture-screen .undo-btn,body[data-room=color] .picture-screen .done-btn,body[data-room=color] .picture-screen .rail-side .icon-btn,body[data-room=color] .picture-screen .eraser{width:calc(var(--face) + 24px);min-width:0;height:calc(var(--face) + 30px);min-height:0;box-shadow:none;color:#2b2350;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;place-content:start center;place-self:start center;justify-items:center;gap:3px;padding:0;font-size:clamp(.8rem,1.9dvh,1rem);font-weight:900;display:grid}body[data-room=color] .picture-screen .done-btn:not(:disabled){background:0 0}body[data-room=color] .picture-screen .mode .room-icon,body[data-room=color] .picture-screen .undo-btn .room-icon,body[data-room=color] .picture-screen .done-btn .room-icon,body[data-room=color] .picture-screen .rail-side .room-icon,body[data-room=color] .picture-screen .eraser .room-icon{box-sizing:border-box;width:var(--face);height:var(--face);padding:calc(var(--face) * .14);background:#fffaf0f5;border:4px solid #0000;border-radius:50%;transition:transform .15s,border-color .15s;box-shadow:0 4px #2b23502e,0 8px 14px #2b235029}body[data-room=color] .picture-screen .mode span,body[data-room=color] .picture-screen .undo-btn span,body[data-room=color] .picture-screen .done-btn span,body[data-room=color] .picture-screen .rail-side .icon-btn:after,body[data-room=color] .picture-screen .eraser:after{white-space:nowrap;background:#fffaf0eb;border-radius:99px;padding:1px 10px 2px}body[data-room=color] .picture-screen .rail-side .icon-btn:after{content:var(--t-clear)}body[data-room=color] .picture-screen .rail-side .icon-btn.armed:after{content:var(--t-sure)}body[data-room=color] .picture-screen .eraser:after{content:var(--t-eraser)}body[data-room=color] .picture-screen .mode[aria-pressed=true] .room-icon,body[data-room=color] .picture-screen .eraser[aria-pressed=true] .room-icon{border-color:#f6c430;transform:translateY(-4px);box-shadow:0 0 0 6px #f6c43059,0 10px 18px #2b235033}body[data-room=color] .picture-screen .rail-side .icon-btn.armed .room-icon{background:#ffe1e1;border-color:#e23b3b}body[data-room=color] .picture-screen .done-btn:not(:disabled) .room-icon{background:linear-gradient(#fff4c4,#ffd95a)}body[data-room=color] .picture-screen .palette{justify-content:center;gap:0;padding:3dvh 0 0;overflow:visible}body[data-room=color] .picture-screen .swatch{flex:none;width:min(6.6dvh,4.8vw);height:10dvh;overflow:visible}body[data-room=color] .picture-screen .room-crayon{width:100%;height:auto}body[data-room=color] .picture-screen .swatch[aria-pressed=true]{transform:translateY(-2.6dvh)}body[data-room=color] .picture-screen .stamp-picker{margin:0 auto calc(14px + env(safe-area-inset-bottom));background:#fffaf0f0;border-radius:22px;padding:8px 10px;box-shadow:0 8px 16px #2b235029}}body[data-room=learn]{--board:#3f6b52;--frame:#b07a46;--frame-dark:#7a4f2a;--chalk:#f4f1e4;--chalk-font:"Patrick Hand", "Nunito", cursive;--board-top:clamp(64px, 13dvh, 130px);--board-bottom:clamp(14px, 3dvh, 32px);--board-width:min(1120px, calc(100% - 2 * max(16px, 7vw)))}body[data-room=learn]:before{background:#f8e3a0 url(/schoolroom/room.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=learn]:before{background-image:url(/schoolroom/room-portrait.jpg)}body[data-room=learn]{--board-top:clamp(64px, 9dvh, 110px);--board-width:calc(100% - 2 * max(14px, 4vw))}}body[data-room=learn] .learn-room,body[data-room=learn] .screen,body[data-room=learn] .color-screen .stage{border:12px solid var(--frame);background:radial-gradient(ellipse at 28% 18%, #ffffff12, transparent 55%), radial-gradient(ellipse at 75% 80%, #ffffff0d, transparent 50%), var(--board);box-shadow:0 0 0 3px var(--frame-dark), inset 0 0 0 3px #00000029, inset 0 0 40px #0000002e, 0 18px 30px #50321447;border-radius:18px}body[data-room=learn] .learn-back,body[data-room=learn] .screen .bar>.bar-btn,body[data-room=learn] .color-screen .bar>.bar-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=learn] .learn-back,body[data-room=learn] .screen .bar>.bar-btn{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:3;width:56px;height:56px;position:fixed}body[data-room=learn] .screen .bar>.home-btn{left:calc(max(14px, env(safe-area-inset-left)) + 66px)}body[data-room=learn] .learn-block,body[data-room=learn] .page-card .sheet{background:#fff;border:0;border-radius:10px;box-shadow:0 10px 18px #0000004d}body[data-room=learn] .learn-block:before,body[data-room=learn] .page-card:before{content:"";z-index:3;background:var(--magnet,#e23b3b);border:3px solid #2b2350;border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:-11px;left:50%;box-shadow:inset -4px -4px #0003,0 3px 5px #00000059}body[data-room=learn] .learn-room{width:var(--board-width);max-width:none;height:calc(100dvh - var(--board-top) - var(--board-bottom));margin:var(--board-top) auto var(--board-bottom);flex-direction:column;gap:clamp(12px,3dvh,28px);padding:clamp(14px,3dvh,26px) clamp(16px,3vw,34px);display:flex;overflow:hidden}body[data-room=learn] .learn-hello{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}body[data-room=learn] .learn-greet{box-shadow:none;font-family:var(--chalk-font);background:0 0;flex-wrap:wrap;align-items:baseline;column-gap:22px;padding:0;display:flex}body[data-room=learn] .learn-greet .brand-dots{display:none}body[data-room=learn] .learn-greet h1{color:var(--chalk);font-family:var(--chalk-font);letter-spacing:0;text-shadow:0 0 6px #ffffff4d;margin:0;font-size:clamp(2.4rem,7dvh,3.8rem);font-weight:400}body[data-room=learn] .learn-greet p{color:#f4f1e4d9;margin:0;font-size:clamp(1.15rem,2.8dvh,1.5rem);font-weight:400}body[data-room=learn] .learn-greet .learn-stars{color:#f6d77a}body[data-room=learn] .learn-greet .learn-stars:before{content:"★ "}body[data-room=learn] .learn-dino{width:clamp(70px,11dvh,110px);max-height:none;margin:0}body[data-room=learn] .learn-desk{flex:1;grid-template:"letters song"1.25fr"numbers trace"1fr"name stickers"1fr/1fr 1fr;gap:clamp(18px,3dvh,28px) clamp(14px,3vw,28px);height:auto;min-height:0;padding:12px 4px 4px}body[data-room=learn] .learn-block{padding:10px 10px 6px}body[data-room=learn] .learn-letters{--magnet:#e23b3b;rotate:-1.5deg}body[data-room=learn] .learn-song{--magnet:#e8673c;rotate:1deg}body[data-room=learn] .learn-numbers{--magnet:#3a7fe8;rotate:1.5deg}body[data-room=learn] .learn-trace{--magnet:#f6c430;rotate:-1deg}body[data-room=learn] .learn-name{--magnet:#8b5cf6;rotate:2deg}body[data-room=learn] .learn-stickers{--magnet:#3eae5f;rotate:-2deg}body[data-room=learn] .learn-block .block-window{background:#fff;border:0;border-radius:6px}body[data-room=learn] .learn-block .learn-caption{padding:6px 4px 0}body[data-room=learn] .learn-block .learn-caption strong{color:#2b2350;font-weight:900}body[data-room=learn] .learn-block .learn-caption small,body[data-room=learn] .learn-block .learn-caption em{color:#5d5680}@media (orientation:landscape){body[data-room=learn]{--board-top:clamp(64px, 18dvh, 180px);--board-width:min(1240px, calc(100% - 2 * max(16px, 4.5vw)))}body[data-room=learn] .learn-name-sheet span{font-size:clamp(1.4rem,4.6dvh,2.6rem)!important}body[data-room=learn] .learn-desk{grid-template:minmax(0,1fr)/repeat(6,minmax(0,1fr));align-items:center;gap:2vw}body[data-room=learn] .learn-desk .learn-block{aspect-ratio:3/4.1;grid-area:auto;height:auto;max-height:100%}body[data-room=learn] .learn-block .learn-caption{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""count"}body[data-room=learn] .learn-block .learn-caption small{display:none}body[data-room=learn] .learn-room>.learn-hello .learn-dino{z-index:2;width:clamp(90px,19dvh,180px);position:fixed;bottom:max(6px,1dvh);left:max(6px,1vw)}}body[data-room=learn] .screen{width:var(--board-width);height:calc(100dvh - var(--board-top) - var(--board-bottom));margin:var(--board-top) auto var(--board-bottom);flex-direction:column;padding:clamp(12px,2.6dvh,22px) clamp(16px,3vw,30px) 0;display:flex;overflow:hidden}body[data-room=learn] .screen .bar{margin:0}body[data-room=learn] .screen .bar-title h1{color:var(--chalk);font-family:var(--chalk-font);letter-spacing:0;text-shadow:0 0 6px #ffffff4d;margin:0;font-size:clamp(2.2rem,6.4dvh,3.4rem);font-weight:400}body[data-room=learn] .screen .bar-title p{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f4f1e4d9;font-family:var(--chalk-font);background:0 0;border:0;margin:0;padding:0;font-size:clamp(1.1rem,2.6dvh,1.4rem);font-weight:400}body[data-room=learn] .screen .mascot-bar{width:clamp(54px,9dvh,84px)}body[data-room=learn] .screen .reward{box-shadow:none;background:0 0;border:0;margin:4px 0 8px;padding:0}body[data-room=learn] .screen .mascot-reward{width:clamp(44px,7dvh,64px)}body[data-room=learn] .screen .reward-copy{max-width:420px}body[data-room=learn] .screen .reward-copy p{color:#f6d77a;font-family:var(--chalk-font);margin-bottom:4px;font-size:clamp(1.1rem,2.6dvh,1.4rem);font-weight:400}body[data-room=learn] .screen .reward-track{background:#ffffff2e}body[data-room=learn] .screen .page-grid{scrollbar-width:none;flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,18dvh,190px),1fr));align-content:start;gap:26px 20px;min-height:0;padding:16px 6px 26px;overflow:hidden auto}body[data-room=learn] .page-card{justify-items:center;gap:6px;display:grid;position:relative}body[data-room=learn] .page-card:nth-child(4n+1){--magnet:#e23b3b;rotate:-1.5deg}body[data-room=learn] .page-card:nth-child(4n+2){--magnet:#3a7fe8;rotate:1.5deg}body[data-room=learn] .page-card:nth-child(4n+3){--magnet:#f6c430;rotate:-1deg}body[data-room=learn] .page-card:nth-child(4n){--magnet:#3eae5f;rotate:2deg}body[data-room=learn] .page-card .sheet{width:100%;padding:6px}body[data-room=learn] .page-card>span{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--chalk);font-family:var(--chalk-font);letter-spacing:0;background:0 0;border:0;padding:0;font-size:clamp(1.1rem,2.6dvh,1.35rem);font-weight:400}body[data-room=learn] .color-screen .bar,body[data-room=learn] .color-screen .tools{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}body[data-room=learn] .color-screen .bar h1{color:#fff;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:16px;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=learn] .color-screen .bar h1 .hear-title{font-size:clamp(1.1rem,3dvh,1.5rem)}body[data-room=learn] .color-screen .bar h1 .icon{stroke:#fff}body[data-room=learn] .color-screen .stage{padding:clamp(10px,2.6dvh,24px)}body[data-room=learn] .color-screen .stage .sheet{border:0;border-radius:8px;box-shadow:0 12px 22px #00000059}body[data-room=learn] .color-screen .bar-actions .icon-btn,body[data-room=learn] .color-screen .eraser{width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;color:#2b2350;background:0 0;border:0;border-radius:0;justify-items:center;gap:3px;padding:0;font-size:clamp(.8rem,1.9dvh,1rem);font-weight:900;display:grid}body[data-room=learn] .color-screen .bar-actions .icon-btn>.icon,body[data-room=learn] .color-screen .eraser>.icon{box-sizing:border-box;width:var(--slate,60px);height:var(--slate,60px);padding:calc(var(--slate,60px) * .12);border:5px solid var(--frame);background:var(--board);box-shadow:0 4px 0 var(--frame-dark), 0 8px 14px #2b235038;object-fit:contain;border-radius:14px;transition:transform .15s,border-color .15s}body[data-room=learn] .color-screen .bar-actions .icon-btn:after,body[data-room=learn] .color-screen .eraser:after{white-space:nowrap;background:#fffaf0eb;border-radius:99px;padding:1px 10px 2px}body[data-room=learn] .color-screen .bar-actions .icon-btn:is([aria-label=Undo],[aria-label=Annuler],[aria-label=Deshacer],[aria-label=還原],[aria-label=撤销]):after{content:var(--t-undo)}body[data-room=learn] .color-screen .bar-actions .icon-btn:is([aria-label=Clear],[aria-label=Effacer],[aria-label=清除]):after{content:var(--t-clear)}body[data-room=learn] .color-screen .bar-actions .icon-btn.armed:after{content:var(--t-sure)}body[data-room=learn] .color-screen .eraser:after{content:var(--t-eraser)}body[data-room=learn] .color-screen .bar-actions .icon-btn:disabled{opacity:.5}body[data-room=learn] .color-screen .bar-actions .icon-btn.armed>.icon{border-color:#e23b3b}body[data-room=learn] .color-screen .eraser[aria-pressed=true]>.icon{border-color:#f6c430;transform:translateY(-4px);box-shadow:0 0 0 6px #f6c43066,0 10px 18px #2b235038}body[data-room=learn] .color-screen .name-edit{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33}body[data-room=learn] .color-screen .palette{background:linear-gradient(#c98a52,#a8703f);border:4px solid #8a5a33;border-bottom:0;border-radius:18px 18px 0 0;justify-content:center;align-items:flex-end;gap:clamp(6px,1.2dvh,12px);padding:clamp(12px,3dvh,26px) clamp(14px,2.6dvh,26px) clamp(10px,2dvh,18px);overflow:visible;box-shadow:inset 0 8px #0000001f}body[data-room=learn] .color-screen .swatch{width:clamp(30px,5.6dvh,54px);height:clamp(64px,12.5dvh,116px);box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0}body[data-room=learn] .color-screen .swatch[aria-pressed=true]{box-shadow:none;background:0 0;transform:translateY(-14px)}body[data-room=learn] .room-chalk{border:3px solid #2b2350;border-radius:999px 999px 8px 8px;width:100%;height:100%;display:block;box-shadow:inset -8px 0 #00000024,inset 7px 0 #ffffff4d}body[data-room=learn] .swatch[aria-pressed=true] .room-chalk{box-shadow:inset -8px 0 #00000024,inset 7px 0 #ffffff4d,0 0 0 5px #ffffffd9}@media (orientation:portrait),(width<=719px){body[data-room=learn] .color-screen{--slate:52px}body[data-room=learn] .color-screen .bar-actions{align-items:flex-start;gap:10px}body[data-room=learn] .color-screen .tools{margin-bottom:calc(-8px - env(safe-area-inset-bottom));flex-direction:row-reverse;justify-content:center;align-items:flex-end;gap:14px;padding:0;display:flex}body[data-room=learn] .color-screen .tool-row{margin:0 0 14px}body[data-room=learn] .color-screen .swatch{width:clamp(26px,5vw,46px);height:clamp(60px,9dvh,96px)}body[data-room=learn] .color-screen .palette{gap:clamp(4px,1vw,10px);padding-inline:clamp(10px,2vw,20px)}}@media (orientation:landscape) and (width>=720px){body[data-room=learn] .color-screen{--slate:clamp(52px, 9.5dvh, 80px);width:100%;max-width:none;padding:12px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(140px,230px) minmax(0,80dvh) minmax(140px,230px);justify-content:center;gap:1.6dvh 12px;display:grid}body[data-room=learn] .color-screen .bar,body[data-room=learn] .color-screen .tools,body[data-room=learn] .color-screen .tool-row,body[data-room=learn] .color-screen .brushes{display:contents}body[data-room=learn] .color-screen .bar>.bar-btn{grid-area:1/1;place-self:start;width:56px;height:56px}body[data-room=learn] .color-screen .bar>.home-btn{margin-left:64px}body[data-room=learn] .color-screen .bar h1{z-index:2;grid-area:1/1/auto/3;place-self:start;margin:6px 0 0 132px}body[data-room=learn] .color-screen .bar-actions{margin-top:calc(var(--sound-corner) - 24px);width:calc(var(--slate) + 30px);flex-direction:column;grid-area:1/3;place-self:start end;align-items:center;gap:1.6dvh;display:flex}body[data-room=learn] .color-screen .stage{grid-area:1/2/3}body[data-room=learn] .color-screen .palette{grid-area:3/2;justify-self:center}body[data-room=learn] .color-screen .eraser{width:calc(var(--slate) + 30px);grid-area:2/3;place-self:start end;margin:0}}body[data-room=piano]:before{background:#cfeedd url(/music-room/room.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=piano]:before{background-image:url(/music-room/room-portrait.jpg)}}body[data-room=piano] .piano-screen .bar>a.bar-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=piano] .piano-screen .bar-title h1{color:#fff;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:16px;padding:4px 18px 6px;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=piano] .piano-screen .bar-title p{color:#2b2350;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffaf0f0;border:0;box-shadow:0 4px 10px #2b23501f}@media (width>=761px){body[data-room=piano] .piano-stage{grid-template-columns:minmax(0,1fr) minmax(0,4.4fr) minmax(150px,1fr);gap:16px}}@media (orientation:portrait) and (width>=761px){body[data-room=piano] .piano-stage{grid-template-columns:minmax(0,1fr) 150px}body[data-room=piano] .piano-balance{display:none}}body[data-room=piano] .music-book{transform:none}body[data-room=piano] .music-spread{background:#fff;border:4px solid #2b2350;border-radius:22px;gap:0;padding:16px;box-shadow:inset 0 0 0 9px #ffd36b,0 12px 22px #2b235038}body[data-room=piano] .music-page{border-radius:12px 0 0 12px;box-shadow:inset -12px 0 14px -10px #2b235033}body[data-room=piano] .music-page.is-right{border-radius:0 12px 12px 0;box-shadow:inset 12px 0 14px -10px #2b235033}body[data-room=piano] .music-gutter{top:16px;bottom:16px}body[data-room=piano] .music-stage{inset:16px}body[data-room=piano] .desk-ledge,body[data-room=piano] .piano-fall{display:none}body[data-room=piano] .music-hint{color:#2b2350;background:#fffaf0f0;border-radius:99px;align-self:center;padding:3px 14px 4px}body[data-room=piano] .piano-body{background:#fff;border:4px solid #2b2350;border-radius:28px;margin-top:16px;padding:14px 14px 20px;box-shadow:inset 0 -14px #e8e0ff,0 14px 24px #2b235040}body[data-room=piano] .piano-whites{background:0 0;border-radius:0;gap:6px;overflow:visible}body[data-room=piano] .piano-white:first-child{--k:#e25b4b}body[data-room=piano] .piano-white:nth-child(2){--k:#f28c28}body[data-room=piano] .piano-white:nth-child(3){--k:#f6d34d}body[data-room=piano] .piano-white:nth-child(4){--k:#3eae5f}body[data-room=piano] .piano-white:nth-child(5){--k:#3ab7c9}body[data-room=piano] .piano-white:nth-child(6){--k:#3a7fe8}body[data-room=piano] .piano-white:nth-child(7){--k:#8b5cf6}body[data-room=piano] .piano-white:nth-child(8){--k:#f472b6}body[data-room=piano] .piano-white span{background:var(--k);border:3.5px solid #2b2350;border-radius:10px 10px 16px 16px;transition:transform 80ms,box-shadow 80ms;box-shadow:inset 0 -14px #00000029,inset 8px 0 #ffffff40}body[data-room=piano] .piano-white.is-down span{background:var(--k);box-shadow:inset 0 -5px 0 #00000029, 0 0 22px var(--k), 0 0 0 4px #ffffffe6;transform:translateY(4px)}body[data-room=piano] .piano-black span{background:#2b2350;border:3px solid #1d1a2c;border-radius:8px 8px 12px 12px;box-shadow:inset 0 -10px #ffffff1f,0 3px #0000004d}body[data-room=piano] .piano-black.is-down span{background:#3d3466;transform:translateY(3px)}body[data-room=piano] .music-rail{background:#b07a46;border:4px solid #7a4f2a;border-radius:18px;align-self:stretch;gap:8px;min-height:0;padding:10px;overflow:hidden;box-shadow:0 12px 20px #2b235040}body[data-room=piano] .music-tray{scrollbar-width:none;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:0;display:grid}body[data-room=piano] .music-tray .stamp-choice,body[data-room=piano] .music-rail .music-eraser{aspect-ratio:1;background:#fff6e4;border:0;border-radius:10px;width:100%;height:auto;padding:8px;box-shadow:inset 0 5px #00000014}body[data-room=piano] .music-tools{flex:none;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}body[data-room=piano] .music-rail .music-eraser{width:100%}body[data-room=piano] .music-tools .icon-btn{aspect-ratio:1;background:#fff6e4;border:0;border-radius:10px;width:100%;height:auto;padding:8px;box-shadow:inset 0 5px #00000014}body[data-room=piano] .music-tools .room-icon{object-fit:contain;width:100%;height:100%}body[data-room=piano] .music-tools .icon-btn.armed{background:#ffe1e1;box-shadow:0 0 0 4px #e23b3b}body[data-room=piano] .music-eraser .room-icon{object-fit:contain;width:100%;height:100%}body[data-room=piano] .music-tray .stamp-choice[aria-pressed=true],body[data-room=piano] .music-rail .music-eraser[aria-pressed=true]{background:#fff4c4;box-shadow:0 0 0 4px #f6c430}@media (width<=760px){body[data-room=piano] .piano-screen .bar>a.bar-btn{align-self:flex-start}body[data-room=piano] .piano-stage{grid-template-rows:minmax(0,1fr) auto;gap:10px}body[data-room=piano] .piano-body{height:clamp(150px,24dvh,220px);margin-top:10px}body[data-room=piano] .music-rail{flex-direction:row;align-items:center;padding:8px}body[data-room=piano] .music-tools{grid-template-columns:56px 56px;width:auto}body[data-room=piano] .music-tray{flex-direction:row;flex:1;min-width:0;display:flex;overflow:auto hidden}body[data-room=piano] .music-tray .stamp-choice,body[data-room=piano] .music-rail .music-eraser,body[data-room=piano] .music-tools .icon-btn{flex:none;width:56px;height:56px}}body[data-room=play]:before{background:#cfe6fb url(/play-room/room.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=play]:before{background-image:url(/play-room/room-portrait.jpg)}}.play-puzzle-cover{width:88%;height:88%;position:absolute;inset:6%;overflow:visible}.play-puzzle-lift{filter:drop-shadow(0 3px 3px #2b23504d);animation:3s ease-in-out infinite play-puzzle-lift}@keyframes play-puzzle-lift{0%,to{transform:translate(8px,-9px)rotate(4deg)}45%,55%{transform:translate(0)rotate(0)}}.play-shadow-cover{position:absolute;inset:0}.play-shadow-dark,.play-shadow-duck{width:56%;height:56%;position:absolute;top:22%}.play-shadow-dark{opacity:.75;background:#4a3f78;right:6%;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.play-shadow-duck{object-fit:contain;filter:drop-shadow(0 4px 4px #2b235040);animation:3.4s ease-in-out infinite play-shadow-glide;left:6%}@keyframes play-shadow-glide{0%,12%{transform:translate(0)rotate(-6deg)}45%,75%{transform:translate(57.1%)rotate(0)}to{transform:translate(0)rotate(-6deg)}}.play-memory-cover{perspective:600px;justify-content:center;align-items:center;gap:8%;display:flex;position:absolute;inset:0}.play-memory-card{aspect-ratio:4/5;width:36%;transform-style:preserve-3d;animation:3.6s ease-in-out infinite play-memory-flip;position:relative}.play-memory-card+.play-memory-card{animation-delay:.45s}.play-memory-back,.play-memory-face{backface-visibility:hidden;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 3px #2b23502e}.play-memory-back{background:radial-gradient(circle,#ffffff47 0 2px,#0000 2.5px) 0 0/11px 11px,linear-gradient(150deg,#9d7bff,#6b4fd8);border:3px solid #fff}.play-memory-face{background:#fffbea;border:3px solid #f6c430;transform:rotateY(180deg)}.play-memory-back img,.play-memory-face img{width:76%}@keyframes play-memory-flip{0%,15%{transform:rotateY(0)rotate(-3deg)}30%,80%{transform:rotateY(180deg)rotate(3deg)}95%,to{transform:rotateY(360deg)rotate(-3deg)}}.play-sort-cover{position:absolute;inset:0}.play-sort-basket,.play-sort-drop{object-fit:contain;position:absolute;left:50%}.play-sort-basket{width:70%;bottom:10%;translate:-50%}.play-sort-drop{filter:drop-shadow(0 3px 3px #2b235040);width:36%;animation:3s ease-in-out infinite play-sort-drop;top:8%;translate:-50%}@keyframes play-sort-drop{0%{opacity:0;transform:translateY(-15%)rotate(-10deg)}8%,30%{opacity:1;transform:translateY(0)rotate(-6deg)}48%{opacity:1;transform:translateY(62%)rotate(6deg)}54%{opacity:1;transform:translateY(52%)rotate(3deg)}60%,88%{opacity:1;transform:translateY(58%)rotate(4deg)}to{opacity:0;transform:translateY(58%)rotate(4deg)}}.play-feed-cover{position:absolute;inset:0}.play-feed-dino{object-fit:contain;height:84%;position:absolute;bottom:6%;left:4%}.play-feed-apple{filter:drop-shadow(0 3px 3px #2b235040);width:30%;animation:3s ease-in-out infinite play-feed-apple;position:absolute;top:14%;right:6%}@keyframes play-feed-apple{0%{opacity:0;transform:translate(0)scale(1)}12%,35%{opacity:1;transform:translate(0)rotate(-6deg)scale(1)}62%{opacity:1;transform:translate(-157%,20%)rotate(10deg)scale(.45)}66%,to{opacity:0;transform:translate(-157%,20%)scale(.2)}}.play-spot-cover{grid-template-columns:1fr 1fr;align-content:center;gap:6%;display:grid;position:absolute;inset:6%}.play-spot-cover img{aspect-ratio:1;border-radius:6px;width:100%;display:block}.play-spot-changed{position:relative}.play-spot-changed svg{opacity:0;transform-origin:18.8% 16.4%;width:100%;height:100%;animation:3s ease-in-out infinite play-spot-ring;position:absolute;inset:0;overflow:visible}.play-spot-changed circle{fill:none;stroke:#ff6a2b;stroke-width:5px}@keyframes play-spot-ring{0%,15%{opacity:0;transform:scale(1.5)}35%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.play-dress-cover{position:absolute;inset:0}.play-dress-dino{height:78%;position:absolute;bottom:5%;left:50%;translate:-50%}.play-dress-hat{filter:drop-shadow(0 3px 3px #2b235040);width:19%;animation:2.8s ease-in-out infinite play-dress-hat;position:absolute;top:11%;left:49%;translate:-50%}@keyframes play-dress-hat{0%,10%{opacity:0;transform:translateY(-40%)rotate(-12deg)}30%{opacity:1;transform:translateY(10%)rotate(-8deg)}38%{transform:translateY(4%)rotate(-4deg)}46%,80%{opacity:1;transform:translateY(10%)rotate(-8deg)}to{opacity:0;transform:translateY(-40%)rotate(10deg)}}.play-sizes-cover{justify-content:center;align-items:flex-end;gap:4%;display:flex;position:absolute;inset:10% 4% 12%}.play-sizes-cover img{width:calc(48% * var(--size));transform-origin:50% 100%;filter:drop-shadow(0 3px 3px #2b235038);height:auto;animation:3s ease-in-out infinite play-sizes;animation-delay:calc(var(--step) * .25s)}@keyframes play-sizes{0%,6%{transform:scale(0)}16%{transform:scale(1.12)}22%,82%{transform:scale(1)}92%,to{transform:scale(0)}}.play-peek-cover,.play-bath-cover{position:absolute;inset:0}.play-peek-bush{z-index:2;width:72%;position:absolute;bottom:8%;left:50%;translate:-50%}.play-peek-dino{z-index:1;width:56%;animation:3s ease-in-out infinite play-peek;position:absolute;bottom:30%;left:50%;translate:-50%}@keyframes play-peek{0%,12%{transform:translateY(46%)}24%{transform:translateY(-8%)}30%,70%{transform:translateY(0)}82%,to{transform:translateY(46%)}}.play-bath-tub{z-index:2;width:92%;position:absolute;bottom:12%;left:50%;translate:-50%}.play-bath-dino{z-index:1;width:50%;position:absolute;bottom:32%;left:50%;translate:-50%}.play-bath-cover i{left:calc(26% + var(--bubble) * 22%);z-index:3;aspect-ratio:1;opacity:0;will-change:transform, opacity;width:13%;animation:2.4s ease-out infinite play-bubble;animation-delay:calc(var(--bubble) * .8s);background:radial-gradient(circle at 32% 30%,#fff 0 18%,#ffffff59 30%,#bee1ff66 70%,#96c8ffb3 100%);border-radius:50%;position:absolute;bottom:50%;box-shadow:inset 0 0 0 1.5px #78aae699}@keyframes play-bubble{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-260%)scale(1)}}.play-barn-cover{position:absolute;inset:0}.play-barn-barn{height:84%;position:absolute;bottom:6%;left:50%;translate:-50%}.play-barn-cow{transform-origin:50% 100%;height:40%;animation:2.4s ease-in-out infinite play-moo;position:absolute;bottom:7%;left:50%;translate:-50%}@keyframes play-moo{0%,55%,to{transform:none}65%{transform:scale(1.06,.95)}75%{transform:scale(.97,1.05)rotate(-3deg)}85%{transform:scale(1.02,.99)rotate(2deg)}}.play-barn-cover i{opacity:0;border:3px solid #0000;border-radius:50%;width:14%;height:22%;animation:2.4s ease-out infinite play-moo-wave;position:absolute;top:46%}.play-barn-cover i.is-left{border-left-color:#ff8a3d;left:6%}.play-barn-cover i.is-right{border-right-color:#ff8a3d;right:6%}@keyframes play-moo-wave{0%,55%{opacity:0;transform:scale(.5)}70%{opacity:1}to{opacity:0;transform:scale(1.2)}}.play-wash-cover{background:linear-gradient(#0000 80%,#a9b4c6 80%),linear-gradient(#cfeaff,#e9f6ff);position:absolute;inset:0}.play-wash-car{transform-origin:50% 100%;width:84%;animation:2.2s ease-in-out infinite play-wash;position:absolute;bottom:12%;left:50%;translate:-50%}@keyframes play-wash{0%,to{transform:none}50%{transform:translateY(-3%)scale(1.01,.99)}}.play-wash-cover i{left:calc(16% + var(--bubble) * 20%);aspect-ratio:1;opacity:0;will-change:transform, opacity;width:14%;animation:2.4s ease-out infinite play-bubble;animation-delay:calc(var(--bubble) * .6s);background:radial-gradient(circle at 32% 30%,#fff 0 18%,#ffffff59 30%,#bee1ff66 70%,#96c8ffb3 100%);border-radius:50%;position:absolute;bottom:34%;box-shadow:inset 0 0 0 1.5px #78aae699}.play-bedtime-cover{background:linear-gradient(#3b3f95,#7c6cc4);position:absolute;inset:0;overflow:hidden}.play-bedtime-moon{aspect-ratio:1;background:#fff3b0;border-radius:50%;width:20%;position:absolute;top:8%;left:10%;box-shadow:inset -5px -2px #f6d34d,0 0 14px #fff3b0b3}.play-bedtime-trike{transform-origin:50% 100%;height:74%;animation:2.8s ease-in-out infinite bd-breathe;position:absolute;bottom:14%;left:50%;translate:-50%}.play-bedtime-quilt{width:92%;max-width:none;position:absolute;top:56%;left:4%}.play-bedtime-cover b{color:#fff;font:900 calc(1.1rem + var(--z) * .4rem) / 1 system-ui, sans-serif;text-shadow:0 2px #6c5bd0;opacity:0;animation:2.4s ease-out infinite play-zzz;animation-delay:calc(var(--z) * 1.2s);position:absolute;top:18%;right:16%}@keyframes play-zzz{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(10px,-26px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.play-wash-car,.play-wash-cover i,.play-bedtime-trike,.play-bedtime-cover b,.play-barn-cow,.play-barn-cover i,.play-peek-dino,.play-bath-cover i,.play-sizes-cover img,.play-dress-hat,.play-shadow-duck,.play-memory-card,.play-sort-drop,.play-feed-apple,.play-spot-changed svg{opacity:1;animation:none}}.play-laundry-cover{background:linear-gradient(#0000 82%,#c99a66 82%),linear-gradient(#fff4cf,#fbe6a8);position:absolute;inset:0;overflow:hidden}.play-laundry-cover i{border-bottom:3px solid #a7825c;border-radius:0 0 50% 50%;width:112%;height:26%;position:absolute;top:0;left:-6%}.play-laundry-basket{width:42%;position:absolute;bottom:6%;left:4%}.play-laundry-dino{width:46%;position:absolute;bottom:4%;right:2%}.play-laundry-cover span{top:calc(20% + (1 - var(--sock)) * (1 - var(--sock)) * -3%);left:calc(10% + var(--sock) * 29%);aspect-ratio:.64;transform-origin:50% 0;width:22%;animation:1.6s ease-in-out infinite alternate play-sock;animation-delay:calc(var(--sock) * -.5s);position:absolute}.play-laundry-cover svg{width:100%;height:100%;display:block}@keyframes play-sock{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.play-laundry-cover span{animation:none}}.play-think-cover{background:linear-gradient(#0000 78%,#e9cf8f 78%),linear-gradient(#bfe3f7,#e6f5fd);position:absolute;inset:0;overflow:hidden}.play-think-dino{transform-origin:50% 100%;height:74%;animation:2.6s ease-in-out infinite play-think;position:absolute;bottom:6%;left:8%}@keyframes play-think{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}.play-think-cover i,.play-think-cover b{background:#fff;border:2px solid #4a3b5c;border-radius:50%;position:absolute}.play-think-cover i.is-small{aspect-ratio:1;width:6%;top:44%;left:50%}.play-think-cover i.is-big{aspect-ratio:1;width:9%;top:34%;left:56%}.play-think-cover b{aspect-ratio:1.15;place-items:center;width:40%;animation:2.6s ease-in-out infinite play-think-bubble;display:grid;top:6%;right:6%}.play-think-cover b img{filter:brightness(0);opacity:.78;width:62%}@keyframes play-think-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@media (prefers-reduced-motion:reduce){.play-think-dino,.play-think-cover b{animation:none}}.puzzle-screen{width:100%;max-width:none;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.puzzle-screen .bar{padding-right:calc(var(--sound-corner) - 16px);flex:none;margin-bottom:6px}body[data-room=play] .puzzle-screen .bar>a.bar-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=play] .puzzle-screen{padding-left:max(14px, env(safe-area-inset-left))}body[data-room=play] .puzzle-screen .bar{align-items:flex-start;gap:10px}body[data-room=play] .puzzle-screen .bar>a.bar-btn{width:56px;min-width:56px;height:56px}body[data-room=play] .puzzle-screen .bar-title{margin-top:6px}body[data-room=play] .puzzle-screen .bar-heading{align-items:flex-start}@media (width<=600px){body[data-room=play] .puzzle-screen .mascot-bar{display:none}body[data-room=play] .puzzle-screen .bar-title h1{font-size:1.15rem}}body[data-room=play] .puzzle-screen .bar-title h1{color:#fff;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:16px;padding:4px 18px 6px;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=play] .puzzle-screen .bar-title p{color:#2b2350;background:#fffaf0f0;border-radius:999px;margin-top:6px;padding:4px 12px;font-weight:800;display:inline-block;box-shadow:0 4px 10px #2b23501f}.pz-stage{flex:1;min-height:0;position:relative}.pz-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.pz-board{transform-box:view-box;transform-origin:50px 50px}.pz-board.is-shaking-0{animation:.34s ease-out pz-shake-0}.pz-board.is-shaking-1{animation:.34s ease-out pz-shake-1}@keyframes pz-shake-0{0%{transform:scale(.985)}25%{transform:translate(-1.1px,.4px)rotate(-.8deg)}50%{transform:translate(1px,-.3px)rotate(.6deg)}75%{transform:translate(-.5px,.2px)rotate(-.25deg)}to{transform:none}}@keyframes pz-shake-1{0%{transform:scale(.985)}25%{transform:translate(1.1px,.4px)rotate(.8deg)}50%{transform:translate(-1px,-.3px)rotate(-.6deg)}75%{transform:translate(.5px,.2px)rotate(.25deg)}to{transform:none}}.pz-mat{fill:#fffaf0;stroke:#8a5a33;stroke-width:1.6px;transition:stroke .4s}.pz-mat-shade{fill:#2b235029}.pz-shade{fill:#2b235047;transform:translate(.5px,1.6px)}.pz-picture{transition:opacity .7s .15s}.pz-picture.is-faded{opacity:.3}.pz-guide{stroke:#fff;stroke-width:.55px;stroke-dasharray:1.8 1.4;stroke-linecap:round;opacity:0;animation:.6s .5s forwards pz-fade-in}.pz-spot{fill:#ffd65a52;stroke:#ffb020;stroke-width:1px;stroke-linejoin:round;animation:1.2s ease-in-out infinite pz-spot}@keyframes pz-spot{0%,to{fill-opacity:.25;stroke-opacity:.6}50%{fill-opacity:.85;stroke-opacity:1}}.pz-tray{fill:#fffaf0c7;stroke:#8a5a3373;stroke-width:.8px;stroke-dasharray:2.4 1.6;opacity:0;animation:.4s forwards pz-tray-in}@keyframes pz-tray-in{to{opacity:1}}.pz-tap-area{fill:#0000;cursor:pointer}.pz-crack path{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.32s cubic-bezier(.3,.7,.4,1) forwards pz-draw}.pz-crack-dark{stroke:#3b2a1f;stroke-width:1.5px}.pz-crack-light{stroke:#fffdf6;stroke-width:.55px;transform:translate(-.35px,-.35px)}.pz-crack.is-gone{opacity:0;transition:opacity .25s}@keyframes pz-draw{to{stroke-dashoffset:0}}.pz-body,.pz-wobble{transform-box:view-box;transform-origin:0 0}.pz-edge{fill:none;stroke:#fff;stroke-width:1.1px;stroke-linejoin:round;transition:stroke-opacity .5s .25s}.pz-glint{fill:none;stroke:#ffd84d;stroke-width:0;stroke-linejoin:round}.is-placed .pz-edge{stroke-opacity:0}.pz-loose .pz-piece:not(.is-loose) .pz-edge{stroke-opacity:.9;transition-delay:0s}.is-loose{cursor:grab}.pz-held{z-index:40;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.pz-held svg{display:block;overflow:visible}.is-held{cursor:grabbing}.is-held .pz-edge{stroke-width:1.4px}.pz-piece[data-motion=pop],.pz-piece[data-motion=pop] .pz-body{transition:transform .14s ease-out}.pz-piece[data-motion=fly],.pz-piece[data-motion=fly] .pz-body{transition:transform .82s cubic-bezier(.18, 1.3, .42, 1) var(--delay)}.pz-piece[data-motion=back],.pz-piece[data-motion=back] .pz-body{transition:transform .5s cubic-bezier(.3,1.35,.5,1)}.pz-piece[data-motion=snap],.pz-piece[data-motion=snap] .pz-body{transition:transform .18s cubic-bezier(.2,.9,.3,1.15)}.is-snapped .pz-wobble{animation:.5s cubic-bezier(.3,1.6,.5,1) .15s pz-pop}.is-snapped .pz-glint{animation:.9s ease-out .15s pz-glint}@keyframes pz-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pz-glint{0%{stroke-width:0;stroke-opacity:1}30%{stroke-width:2.6px;stroke-opacity:1}to{stroke-width:.5px;stroke-opacity:0}}.is-missed .pz-wobble{animation:.42s ease-in-out pz-no}.is-missed .pz-edge{stroke:#ff9a8a}@keyframes pz-no{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}88%{transform:rotate(2deg)}}.pz-burst{pointer-events:none}.pz-ripple,.pz-ring{fill:none;transform-box:fill-box;transform-origin:50%}.pz-ripple{stroke:#fff;stroke-width:1px;animation:.6s ease-out forwards pz-ripple}.pz-ring{stroke:#ffd84d;stroke-width:1.4px;animation:.8s ease-out forwards pz-ripple}@keyframes pz-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.pz-bit{stroke:#3b2a1f59;stroke-width:.2px;animation:.6s ease-out forwards pz-fly-bit}.is-snap .pz-bit{stroke:none;animation-duration:.85s}.is-shards .pz-bit{animation:1s cubic-bezier(.25,.6,.5,1) forwards pz-fly-shard}@keyframes pz-fly-bit{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--spin)) scale(.3);opacity:0}}@keyframes pz-fly-shard{0%{opacity:.95;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--spin));opacity:0}}.pz-hint{pointer-events:none}.pz-hint-ring,.pz-hint-dot{transform-box:fill-box;transform-origin:50%}.pz-hint-ring{fill:none;stroke:#fff;stroke-width:1.4px;animation:1.4s ease-out infinite pz-hint-ring}.pz-hint-dot{fill:#ffffffd9;stroke:#ff8a3d;stroke-width:.9px;animation:1.4s ease-in-out infinite pz-hint-dot}@keyframes pz-hint-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}@keyframes pz-hint-dot{0%,to{transform:scale(1)}15%{transform:scale(.75)}30%{transform:scale(1)}}@keyframes pz-fade-in{to{opacity:.9}}.pz-taps{background:#fffaf0eb;border-radius:999px;gap:10px;margin:0;padding:8px 14px;list-style:none;transition:opacity .3s;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2b235024}.pz-taps[data-hidden=true]{opacity:0}.pz-taps li{background:#fff;border:2.5px solid #c98a52;border-radius:50%;width:16px;height:16px;transition:background .2s,transform .2s cubic-bezier(.3,1.8,.5,1)}.pz-taps li.is-on{background:#ff8a3d;transform:scale(1.2)}.pz-svg.is-done .pz-mat{stroke:#f6c430;stroke-width:2.6px}.pz-shine{animation:1.2s ease-in-out .2s forwards pz-shine}@keyframes pz-shine{0%{transform:translate(0)}to{transform:translate(180px)}}.pz-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pz-confetti i{border-radius:3px;width:10px;height:15px;animation:1.6s ease-in forwards pz-confetti;position:absolute;top:-6%}@keyframes pz-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(105dvh) rotate(calc(var(--spin) * 540deg));opacity:.2}}@media (prefers-reduced-motion:reduce){.pz-hint-ring,.pz-hint-dot,.pz-confetti i{animation:none}}.sh-stage{--sh:clamp(64px, min(calc((100vw - 140px) / 5.4), calc((100dvh - 250px) / 2.3)), 210px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,20px);min-height:0;display:flex;position:relative}@media (orientation:portrait){.sh-stage{--sh:clamp(64px, min(calc((100vw - 64px) / 3.4), calc((100dvh - 270px) / 4.7)), 210px)}.sh-stage[data-count="3"]{--sh:clamp(64px, min(calc((100vw - 64px) / 3.4), calc((100dvh - 270px) / 2.6)), 210px)}}.sh-rounds{background:#fffaf0eb;border-radius:999px;flex:none;gap:10px;margin:0;padding:8px 14px;list-style:none;display:flex;box-shadow:0 4px 12px #2b235024}.sh-rounds li{background:#fff;border:2.5px solid #c98a52;border-radius:50%;width:16px;height:16px;transition:background .2s,transform .2s cubic-bezier(.3,1.8,.5,1)}.sh-rounds li.is-now{border-color:#ff8a3d}.sh-rounds li.is-on{background:#ff8a3d;transform:scale(1.2)}.sh-shadows,.sh-tray{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2.4vw,28px);max-width:100%;display:flex}@media (orientation:portrait){.sh-shadows,.sh-tray{max-width:calc(var(--sh) * 3 + clamp(10px, 2.4vw, 28px) * 2 + 8px)}.sh-tray{box-sizing:content-box}}.sh-tray{background:#fffaf0c7;border:2.5px dashed #8a5a3373;border-radius:26px;padding:clamp(10px,1.6dvh,16px) clamp(12px,2vw,22px)}.sh-spot{width:var(--sh);height:var(--sh);animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:#ffffffd1;border-radius:24px;position:relative;box-shadow:inset 0 0 0 3px #8a5a332e,0 6px 14px #2b23501f}.sh-silhouette,.sh-filled{width:82%;height:82%;position:absolute;inset:9%}.sh-silhouette{opacity:.78;background:#4a3f78;transition:opacity .3s;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.sh-spot.is-glowing{animation:.8s ease-in-out 3 sh-glow}.sh-spot.is-glowing .sh-silhouette{background:#7a5cff}@keyframes sh-glow{0%,to{box-shadow:inset 0 0 0 3px #8a5a332e,0 6px 14px #2b23501f}50%{box-shadow:inset 0 0 0 4px #ffd34d,0 0 0 6px #ffd34d8c,0 0 26px 8px #ffc83c99}}.sh-spot.is-matched{background:#fffbea;box-shadow:inset 0 0 0 3px #f6c430,0 6px 14px #2b23501f}.sh-spot.is-matched .sh-silhouette{opacity:0}.sh-filled{object-fit:contain;animation:.5s cubic-bezier(.2,.9,.3,1.5) sh-pop}@keyframes sh-pop{0%{transform:scale(.85)}45%{transform:scale(1.18)rotate(-4deg)}to{transform:scale(1)rotate(0)}}.sh-sparks{pointer-events:none;position:absolute;inset:50% auto auto 50%}.sh-sparks i{width:12px;height:12px;rotate:var(--angle);border-radius:3px;margin:-6px;animation:.75s ease-out forwards sh-spark;position:absolute}@keyframes sh-spark{0%{opacity:1;transform:translateY(0)scale(.4)}to{transform:translateY(calc(var(--sh) * -.7)) scale(1) rotate(180deg);opacity:0}}.sh-shadows.is-cheering .sh-spot{animation:sh-hop .6s ease-in-out var(--enter) 2}@keyframes sh-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14%)rotate(-3deg)}70%{transform:translateY(0)rotate(2deg)}}@keyframes sh-in{0%{opacity:0;transform:scale(.6)}}.sh-thing{width:var(--sh);height:var(--sh);cursor:grab;touch-action:none;rotate:var(--tilt);animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) calc(var(--enter) + .2s) backwards;background:0 0;border:0;padding:0;position:relative}.sh-thing img{object-fit:contain;filter:drop-shadow(0 4px 4px #2b235040);pointer-events:none;width:100%;height:100%;transition:transform .15s;display:block}.sh-thing.is-held{z-index:5;cursor:grabbing;rotate:0deg}.sh-thing.is-held img{filter:drop-shadow(0 12px 10px #2b23504d);transform:scale(1.12)}.sh-thing.is-back{z-index:4;transition:transform .38s cubic-bezier(.3,1.4,.5,1)}.sh-thing.is-fly{z-index:5;transition:transform .22s ease-out,rotate .22s ease-out;rotate:0deg}.sh-thing.is-missed{z-index:5;rotate:0deg}.sh-thing.is-missed img{animation:.4s ease-in-out sh-no}@keyframes sh-no{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}.sh-thing.is-gone{visibility:hidden;animation:none}.sh-finish-grid{background:#fffdf5;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.4vw,14px);width:min(44vw,520px);padding:clamp(10px,2vw,22px);display:grid}.sh-finish-grid img{aspect-ratio:1;object-fit:contain;width:100%}@media (orientation:portrait){.sh-finish-grid{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.sh-spot,.sh-thing,.sh-filled,.sh-sparks i,.sh-shadows.is-cheering .sh-spot{animation:none}}.mm-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,18px);min-height:0;display:flex;position:relative}.mm-grid{--cols:3;--rows:2;--gap:clamp(10px, 2vmin, 22px);--card:min(calc((100vw - 48px - var(--gap) * (var(--cols) - 1)) / var(--cols)), calc((100dvh - 230px - var(--gap) * (var(--rows) - 1)) / var(--rows) * .8), 190px);grid-template-columns:repeat(var(--cols), var(--card));gap:var(--gap);display:grid}.mm-grid[data-count="8"]{--cols:4}.mm-grid[data-count="12"]{--cols:4;--rows:3}@media (orientation:portrait){.mm-grid{--cols:2;--rows:3}.mm-grid[data-count="8"]{--cols:2;--rows:4}.mm-grid[data-count="12"]{--cols:3;--rows:4}}.mm-card{--sh:var(--card);width:var(--card);height:calc(var(--card) * 1.25);cursor:pointer;perspective:900px;touch-action:manipulation;rotate:var(--tilt);animation:mm-deal .45s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:0 0;border:0;padding:0;position:relative}@keyframes mm-deal{0%{opacity:0;transform:translateY(40px)scale(.6)}}.mm-flip{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,1.25,.5,1);position:absolute;inset:0}.mm-card.is-up .mm-flip{transform:rotateY(180deg)}.mm-back,.mm-face{border-radius:clamp(12px, calc(var(--card) * .12), 22px);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 5px #2b23502e,0 10px 18px #2b235029}.mm-back{background:radial-gradient(circle,#ffffff47 0 3px,#0000 3.5px) 0 0/18px 18px,linear-gradient(150deg,#9d7bff,#6b4fd8);border:4px solid #fff}.mm-back img{filter:drop-shadow(0 3px 2px #2b23504d);width:62%}.mm-card:not(.is-up):active .mm-back{transform:scale(.96)}.mm-face{background:#fffdf5;border:4px solid #e9dcc6;transform:rotateY(180deg)}.mm-face img{object-fit:contain;width:82%;height:82%}.mm-card.is-matched .mm-face{background:#fffbea;border-color:#f6c430}.mm-card.is-matched .mm-face img{animation:.5s cubic-bezier(.2,.9,.3,1.5) .1s sh-pop}.mm-card.is-pair-try .mm-face img{animation:.5s ease-in-out .45s mm-shrug}@keyframes mm-shrug{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(6deg)}}.mm-sparks{z-index:2}.mm-grid.is-cheering .mm-card{animation:sh-hop .6s ease-in-out var(--enter) 2}.mm-finish-grid{flex-wrap:wrap;justify-content:center;display:flex}.mm-finish-grid img{width:calc(20% - clamp(6px,1.4vw,14px)/1.25)}@media (prefers-reduced-motion:reduce){.mm-card,.mm-grid.is-cheering .mm-card,.mm-card .mm-face img{animation:none}.mm-flip{transition-duration:10ms}}.so-stage{--item:clamp(90px, min(24dvh, 34vw), 220px);--bins:2;--gap:clamp(12px, 3vw, 36px);--bin:min(calc((100vw - 48px - var(--gap) * (var(--bins) - 1)) / var(--bins)), 300px, 34dvh);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,1.6dvh,16px);min-height:0;padding-bottom:clamp(4px,2dvh,20px);display:flex;position:relative}.so-stage[data-bins="3"]{--bins:3}.so-now{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:clamp(6px,1.4dvh,14px);min-height:0;display:flex}.so-spot{width:calc(var(--item) * 1.25);height:calc(var(--item) * 1.25);background:radial-gradient(circle,#fffffff2 0 55%,#fff0 71%);border-radius:50%;place-items:center;display:grid}.so-thing{width:var(--item);height:var(--item);cursor:grab;touch-action:none;background:0 0;border:0;padding:0}.so-arrive{width:100%;height:100%;animation:.45s cubic-bezier(.2,.9,.3,1.4) so-arrive;display:block}@keyframes so-arrive{0%{opacity:0;transform:translate(60%)scale(.4)rotate(20deg)}}.so-thing img{object-fit:contain;filter:drop-shadow(0 6px 6px #2b235040);pointer-events:none;width:100%;height:100%;transition:transform .15s;animation:2.4s ease-in-out .5s infinite so-bob;display:block}@keyframes so-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5%)rotate(2deg)}}.so-thing.is-held,.so-thing.is-back,.so-thing.is-fly,.so-thing.is-missed{z-index:6;position:relative}.so-thing.is-held{cursor:grabbing}.so-thing.is-held img{animation:none;transform:scale(1.1)}.so-thing.is-back{transition:transform .38s cubic-bezier(.3,1.4,.5,1)}.so-thing.is-fly{transition:transform .32s ease-in}.so-thing.is-fly img{transition:transform .32s ease-in;animation:none;transform:scale(.45)}.so-thing.is-missed img{animation:.4s ease-in-out sh-no}.so-queue{background:#fffaf0d9;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;min-height:clamp(26px,4.4dvh,40px);margin:0;padding:4px 10px;list-style:none;display:flex}.so-queue:empty{visibility:hidden}.so-queue img{object-fit:contain;opacity:.85;width:clamp(22px,3.6dvh,34px);height:clamp(22px,3.6dvh,34px);display:block}.so-bins{grid-template-columns:repeat(var(--bins), var(--bin));gap:var(--gap);flex:none;display:grid}.so-bin{width:var(--bin);height:calc(var(--bin) * 1.18);background:var(--tint);cursor:pointer;touch-action:manipulation;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;border:3px dashed #8a5a3359;border-radius:26px;flex-direction:column;align-items:center;padding:6px 8px 8px;display:flex;position:relative;box-shadow:0 6px 16px #2b23501f}.so-pile{flex:1;width:100%;min-height:0;position:relative}.so-pile img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 3px #2b235038);width:40%;transform:translate(-50%, -50%) rotate(var(--tilt));position:absolute}.so-pile img.is-new{animation:.45s cubic-bezier(.2,.9,.3,1.5) so-land}@keyframes so-land{0%{transform:translate(-50%, -80%) rotate(var(--tilt)) scale(1.3)}to{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(1)}}.so-bin-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px #2b23502e);width:74%;height:50%}.so-bin-name{color:#5a3d22;margin-top:2px;font-size:clamp(.9rem,min(2.6dvh,3.6vw),1.4rem);line-height:1.1}.so-bin.is-landed .so-bin-art{animation:.45s cubic-bezier(.2,.9,.3,1.5) so-gulp}@keyframes so-gulp{0%,to{transform:scale(1)}40%{transform:scale(1.12,.9)}70%{transform:scale(.96,1.05)}}.so-bin.is-glowing{border-style:solid;border-color:#ffc83d;animation:.8s ease-in-out 3 sh-glow}.so-bin.is-shaking-0 .so-bin-art{animation:.45s ease-in-out so-no-0}.so-bin.is-shaking-1 .so-bin-art{animation:.45s ease-in-out so-no-1}@keyframes so-no-0{0%,to{transform:translate(0)}25%{transform:translate(-7%)}50%{transform:translate(6%)}75%{transform:translate(-3%)}}@keyframes so-no-1{0%,to{transform:translate(0)}25%{transform:translate(-7%)}50%{transform:translate(6%)}75%{transform:translate(-3%)}}.so-bins.is-cheering .so-bin{animation:sh-hop .6s ease-in-out var(--enter) 2}.so-finish-grid{flex-wrap:wrap;justify-content:center;display:flex}.so-finish-grid img{width:calc(25% - clamp(6px,1.4vw,14px)/1.33333)}@media (prefers-reduced-motion:reduce){.so-arrive,.so-thing img,.so-bin,.so-pile img.is-new,.so-bin.is-landed .so-bin-art,.so-bins.is-cheering .so-bin{animation:none}}.fd-stage{--dino:min(56dvh, 36vw, 420px);--plate:min(42vw, 58dvh, 520px);flex:1;grid-template:"dots dots""dino plate"1fr/auto auto;justify-content:center;align-items:center;gap:6px clamp(16px,6vw,80px);min-height:0;display:grid;position:relative}@media (orientation:portrait){.fd-stage{--dino:min(34dvh, 58vw, 380px);--plate:min(84vw, 38dvh, 480px);grid-template:"dots""dino""plate"1fr/auto;align-content:start}}.fd-rounds{grid-area:dots;justify-self:center}.fd-dino-side{padding-top:calc(var(--dino) * .1);padding-right:calc(var(--dino) * .42);grid-area:dino;justify-self:center;position:relative}.fd-dino{width:calc(var(--dino) * .8);height:var(--dino);position:relative}.fd-dino img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px #2b23502e);transform-origin:50% 100%;width:100%;height:100%;animation:.35s cubic-bezier(.3,1.6,.5,1) fd-squash;position:absolute;inset:0}@keyframes fd-squash{0%{transform:scale(1.06,.92)}to{transform:scale(1)}}.fd-dino.is-hungry img{animation:.35s cubic-bezier(.3,1.6,.5,1) fd-squash,1.6s ease-in-out .4s infinite fd-wait}@keyframes fd-wait{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)rotate(-1deg)}}.fd-dino.is-chewing img{animation:.3s ease-in-out 3 fd-chew}@keyframes fd-chew{0%,to{transform:scale(1)}50%{transform:scale(1.04,.96)}}.fd-dino.is-yuck img{animation:.5s ease-in-out fd-no}@keyframes fd-no{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}}.fd-dino.is-full img{animation:.6s ease-in-out 2 fd-full}@keyframes fd-full{0%,to{transform:translateY(0)}40%{transform:translateY(-8%)scale(1.04)}}.fd-mouth{pointer-events:none;width:26%;height:22%;position:absolute;top:19%;left:29%}.fd-bubble{z-index:2;min-width:calc(var(--dino) * .5);height:calc(var(--dino) * .46);padding:calc(var(--dino) * .04);background:#fffdf5;border:3px solid #e9dcc6;border-radius:28px;place-items:center;animation:.4s cubic-bezier(.2,.9,.3,1.5) fd-pop;display:grid;position:absolute;top:0;right:0;box-shadow:0 6px 16px #2b235029}.fd-bubble:after{content:"";background:#fffdf5;border-bottom:3px solid #e9dcc6;border-right:3px solid #e9dcc6;width:24px;height:24px;position:absolute;bottom:-14px;left:18%;transform:rotate(45deg)skew(12deg,12deg)}@keyframes fd-pop{0%{opacity:0;transform:scale(.4)}}.fd-bubble>img{width:calc(var(--dino) * .36);height:calc(var(--dino) * .36);object-fit:contain}.fd-bubble-text{color:#5a3d22;font-size:calc(var(--dino) * .12);font-weight:800}.fd-swatch{width:calc(var(--dino) * .32);height:calc(var(--dino) * .32);background:var(--swatch);border:4px solid #ffffffe6;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;box-shadow:0 0 0 3px #5a3d2240,inset 0 -8px #00000014}.fd-bubble.is-count{height:auto;min-height:calc(var(--dino) * .46)}.fd-counting{justify-items:center;gap:calc(var(--dino) * .02);display:grid}.fd-number{align-items:baseline;gap:calc(var(--dino) * .03);line-height:1;display:flex}.fd-number b{color:#ff7a2f;font-size:calc(var(--dino) * .2);-webkit-text-stroke:2px #5a3d22;text-shadow:0 4px #5a3d22;font-weight:900}.fd-number small{color:#5a3d22;font-size:calc(var(--dino) * .08);font-weight:800}.fd-tally{gap:4px;display:flex}.fd-slot{justify-items:center;gap:2px;display:grid}.fd-slot img{width:calc(var(--dino) * .13);height:calc(var(--dino) * .13);object-fit:contain;opacity:.3;filter:grayscale();transition:opacity .25s,filter .25s}.fd-slot b{width:calc(var(--dino) * .075);height:calc(var(--dino) * .075);color:#a8957c;font-size:calc(var(--dino) * .05);background:#eee6d8;border-radius:50%;place-items:center;font-weight:900;transition:background .25s,color .25s;display:grid}.fd-slot.is-fed img{opacity:1;filter:none;animation:.45s cubic-bezier(.2,.9,.3,1.5) sh-pop}.fd-slot.is-fed b{color:#fff;background:#ff7a2f;animation:.45s cubic-bezier(.2,.9,.3,1.5) sh-pop}.fd-counted{left:calc(var(--dino) * .34);top:calc(var(--dino) * .3);z-index:7;color:#ff7a2f;font-size:calc(var(--dino) * .3);-webkit-text-stroke:2px #5a3d22;text-shadow:0 4px #5a3d22;pointer-events:none;font-weight:900;line-height:1;animation:1.3s ease-out forwards fd-counted;position:absolute}@keyframes fd-counted{0%{opacity:0;transform:translate(-50%)scale(.3)}20%{opacity:1;transform:translate(-50%,-30%)scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-110%)scale(.9)}}.fd-plate{place-content:center;justify-self:center;gap:calc(var(--plate) * .02);width:var(--plate);height:var(--plate);padding:calc(var(--plate) * .12);filter:drop-shadow(0 10px 14px #2b235029);background:radial-gradient(circle,#fff 0 56%,#f1ebe0 57% 60%,#fff 61% 68%,#e8dfcf 69% 70%,#0000 71%);border-radius:50%;flex-wrap:wrap;grid-area:plate;animation:.45s cubic-bezier(.2,.9,.3,1.2) fd-plate-in;display:flex}@keyframes fd-plate-in{0%{opacity:0;transform:translate(40%)rotate(20deg)}}.fd-plate.is-leaving{animation:.5s ease-in forwards fd-plate-out}@keyframes fd-plate-out{to{opacity:0;transform:translate(-30%)rotate(-15deg)scale(.6)}}.fd-food{--food:calc(var(--plate) * .3);width:var(--food);height:var(--food);cursor:grab;touch-action:none;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) calc(var(--enter) + .15s) backwards;background:0 0;border:0;padding:0;position:relative}.fd-plate[data-count="5"] .fd-food,.fd-plate[data-count="6"] .fd-food,.fd-plate[data-count="7"] .fd-food{--food:calc(var(--plate) * .23)}.fd-food img{object-fit:contain;filter:drop-shadow(0 3px 3px #2b235038);pointer-events:none;width:100%;height:100%;transition:transform .15s;display:block}.fd-food.is-held,.fd-food.is-back,.fd-food.is-fly,.fd-food.is-missed{z-index:6}.fd-food.is-held img{transform:scale(1.15)}.fd-food.is-back{transition:transform .38s cubic-bezier(.3,1.4,.5,1)}.fd-food.is-fly{transition:transform .3s ease-in}.fd-food.is-fly img{transition:transform .3s ease-in;transform:scale(.35)}.fd-food.is-missed img{animation:.4s ease-in-out sh-no}.fd-food.is-gone{visibility:hidden}.fd-food.is-hint img{animation:.8s ease-in-out 3 fd-hint}@keyframes fd-hint{0%,to{filter:drop-shadow(0 3px 3px #2b235038);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #ffc83d)drop-shadow(0 0 4px #ffc83d);transform:scale(1.12)}}.fd-finish{background:#fffdf5;border-radius:8px;place-items:center;width:min(36vw,360px);padding:clamp(10px,2vw,22px);display:grid}.fd-finish img{width:80%}@media (orientation:portrait){.fd-finish{width:min(60vw,320px)}}@media (prefers-reduced-motion:reduce){.fd-dino img,.fd-dino.is-hungry img,.fd-bubble,.fd-plate,.fd-food,.fd-food.is-hint img,.fd-counted{animation:none}}.sp-stage{--pic:min(calc((100vw - 64px) / 2), calc(100dvh - 230px), 640px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,18px);min-height:0;display:flex;position:relative}@media (orientation:portrait){.sp-stage{--pic:min(calc(100vw - 32px), calc((100dvh - 250px) / 2), 640px)}}.sp-found{background:#fffaf0eb;border-radius:999px;flex:none;gap:10px;margin:0;padding:6px 14px;list-style:none;display:flex;box-shadow:0 4px 12px #2b235024}.sp-found svg{fill:#eee6d8;stroke:#c9b89c;stroke-width:1.4px;stroke-linejoin:round;width:30px;height:30px;transition:fill .2s,stroke .2s;display:block}.sp-found li.is-on svg{fill:#ffc83d;stroke:#c98a12;animation:.5s cubic-bezier(.2,.9,.3,1.5) sh-pop}.sp-pair{gap:clamp(10px,2vw,24px);display:flex}@media (orientation:portrait){.sp-pair{flex-direction:column}}.sp-picture{width:var(--pic);height:var(--pic);cursor:pointer;touch-action:manipulation;background:#fff;border:5px solid #fff;border-radius:18px;animation:.45s cubic-bezier(.2,.9,.3,1.3) backwards sh-in;position:relative;overflow:hidden;box-shadow:0 8px 20px #2b23502e}.sp-picture+.sp-picture{animation-delay:.1s}.sp-picture img{pointer-events:none;width:100%;height:100%;display:block}.sp-marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sp-ring circle{fill:none}.sp-ring-back,.sp-ring-line{stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;animation:.5s ease-out forwards sp-draw}.sp-ring-back{stroke:#fff;stroke-width:3.6px}.sp-ring-line{stroke:#ff6a2b;stroke-width:2px}@keyframes sp-draw{to{stroke-dashoffset:0}}.sp-ring circle.sp-spark{stroke:none;opacity:0;animation:.7s ease-out .15s sp-spark}@keyframes sp-spark{0%{opacity:1;transform:translate(0)scale(.5)}to{transform:translate(var(--dx), var(--dy)) scale(1);opacity:0}}.sp-miss{fill:#ffffff8c;stroke:#fff;stroke-width:.8px;transform-box:fill-box;transform-origin:50%;animation:.6s ease-out forwards sp-miss}@keyframes sp-miss{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.sp-hint{fill:none;stroke:#ffb800;stroke-width:3.2px;stroke-dasharray:4 3;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 4px #ff9500);transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite sp-hint}@keyframes sp-hint{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.sp-pair.is-done .sp-picture{animation:.6s ease-in-out 2 sh-hop}.sp-pair.is-done .sp-picture+.sp-picture{animation-delay:.12s}@media (prefers-reduced-motion:reduce){.sp-picture,.sp-pair.is-done .sp-picture,.sp-hint,.sp-miss,.sp-ring circle.sp-spark{animation:none}.sp-ring-back,.sp-ring-line{animation-duration:10ms}}.dr-stage{--dino-h:min(calc(100dvh - 270px), 620px, 56vw);--item:clamp(54px, min(calc((100dvh - 250px) / 6.4), 11vw), 96px);flex:1;justify-content:center;align-items:center;gap:clamp(16px,5vw,64px);min-height:0;display:flex}@media (orientation:portrait){.dr-stage{--dino-h:min(calc(100dvh - 290px - (var(--item) + 10px) * 3 - 40px), 560px, calc((100vw - 40px) / .693));--item:clamp(46px, min(calc((100vw - 90px) / 6), 9dvh), 104px);flex-direction:column;gap:clamp(8px,2dvh,20px)}}.dr-mirror{flex-direction:column;align-items:center;gap:clamp(6px,1.6dvh,14px);display:flex}.dr-dino{width:calc(var(--dino-h) * .693);height:var(--dino-h);position:relative}.dr-dino:before{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#ffffffd9 0 45%,#fff0 70%);border-radius:50%;position:absolute;inset:-6% -24% -4%}.dr-body{z-index:2;filter:drop-shadow(0 8px 8px #2b23502e);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dr-worn{cursor:pointer;touch-action:manipulation;transform:translate(-50%, var(--anchor)) rotate(var(--tilt));background:0 0;border:0;padding:0;animation:.42s cubic-bezier(.25,1.25,.5,1) dr-on;position:absolute}.dr-worn img{pointer-events:none;filter:drop-shadow(0 3px 3px #2b235038);width:100%;height:auto;display:block}@keyframes dr-on{0%{transform:translate(calc(-50% + var(--fx)), calc(var(--anchor) + var(--fy))) rotate(var(--tilt)) scale(.55)}}.dr-dino.is-dancing-0,.dr-dino.is-dancing-1{transform-origin:50% 100%}.dr-dino.is-dancing-0{animation:1.6s ease-in-out dr-dance-0}.dr-dino.is-dancing-1{animation:1.6s ease-in-out dr-dance-1}@keyframes dr-dance-0{0%,to{transform:none}15%{transform:translateY(-6%)rotate(-6deg)}30%{transform:translateY(0)rotate(0)}45%{transform:translateY(-6%)rotate(6deg)}60%{transform:translateY(0)rotate(0)}78%{transform:translateY(-10%)scale(1.04)}}@keyframes dr-dance-1{0%,to{transform:none}15%{transform:translateY(-6%)rotate(-6deg)}30%{transform:translateY(0)rotate(0)}45%{transform:translateY(-6%)rotate(6deg)}60%{transform:translateY(0)rotate(0)}78%{transform:translateY(-10%)scale(1.04)}}.dr-poof{z-index:9;pointer-events:none;position:absolute;top:30%;left:50%}.dr-poof i{width:10px;height:10px;rotate:var(--angle);border-radius:50%;margin:-5px;animation:.35s ease-out forwards dr-poof;position:absolute}@keyframes dr-poof{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.3)}}.dr-actions{gap:10px;display:flex}.dr-action{color:#5a3d22;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffe08a,#f6c430);border:3px solid #8a5a33;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:clamp(.95rem,2.2dvh,1.15rem);font-weight:800;display:inline-flex;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}.dr-action.is-show{color:#fff;text-shadow:0 1px #8a5a33;background:linear-gradient(#ffb3d1,#f472b6)}.dr-action svg{width:22px;height:22px}.dr-action:active{transform:translateY(3px);box-shadow:0 1px #8a5a33,0 4px 8px #2b235033}.dr-closet{grid-template-columns:repeat(3, var(--item));background:linear-gradient(#fff8ec,#f6e7cf);border:4px solid #8a5a33;border-radius:24px;gap:10px;padding:14px;display:grid;box-shadow:inset 0 0 0 3px #fff9,0 10px 20px #2b23502e}@media (orientation:portrait){.dr-closet{grid-template-columns:repeat(6, var(--item))}}.dr-item{width:var(--item);height:var(--item);cursor:grab;touch-action:none;animation:sh-in .35s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:#fff;border:3px solid #0000;border-radius:16px;place-items:center;padding:8%;display:grid;position:relative;box-shadow:0 3px #8a5a3340}.dr-item img{object-fit:contain;pointer-events:none;width:100%;height:100%}.dr-item:active{transform:scale(.94)}.dr-item.is-on{background:#fffbea;border-color:#f6c430}.dr-item.is-on:after{content:"";background:#3eae5f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/80% no-repeat;border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px}.dr-item.is-held img{opacity:.3}.dr-ghost{z-index:50;width:calc(var(--item,80px) * 1.3);pointer-events:none;filter:drop-shadow(0 10px 10px #2b23504d);max-width:130px;position:fixed;transform:translate(-50%,-50%)scale(1.1)}@media (prefers-reduced-motion:reduce){.dr-worn,.dr-item,.dr-dino.is-dancing-0,.dr-dino.is-dancing-1,.dr-poof i{animation:none}}.sz-stage{--sz:clamp(80px, min(calc((100vw - 120px) / 3), calc((100dvh - 330px) / 2.3)), 230px);--block:clamp(12px, 2.6dvh, 26px);--row-gap:clamp(14px, 3vw, 36px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,20px);min-height:0;display:flex;position:relative}.sz-stage[data-count="4"]{--sz:clamp(70px, min(calc((100vw - 120px) / 3.4), calc((100dvh - 350px) / 2.3)), 220px)}.sz-stage[data-kind=pick]{--sz:clamp(110px, min(calc((100vw - 80px) / 1.7), calc((100dvh - 330px) / 1.1)), 340px);--row-gap:clamp(24px, 7vw, 90px)}.sz-ask{color:#5a3d22;background:#fffaf0eb;border-radius:999px;align-items:baseline;gap:.4em;padding:6px 22px;font-size:clamp(1.1rem,3dvh,1.6rem);font-weight:800;line-height:1.1;animation:.35s cubic-bezier(.2,.9,.3,1.3) backwards sh-in;display:flex;box-shadow:0 4px 12px #2b235024}.sz-word.is-big{color:#e2503b;letter-spacing:.02em;font-size:clamp(2.2rem,7dvh,3.6rem);font-weight:900}.sz-word.is-small{color:#3a7fe8;font-size:clamp(.8rem,2dvh,1rem);font-weight:800}.sz-arrow{align-self:center;align-items:center;gap:6px;display:flex}.sz-arrow i{background:#f6a34d;border-radius:50%;width:8px;height:8px}.sz-arrow i:nth-child(2){width:13px;height:13px}.sz-arrow i:nth-child(3){width:19px;height:19px}.sz-row{justify-content:center;align-items:flex-end;gap:var(--row-gap);max-width:100%;display:flex}.sz-item{width:calc(var(--sz) * var(--size));height:calc(var(--sz) * var(--size));cursor:pointer;touch-action:manipulation;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:0 0;border:0;padding:0;position:relative}.sz-item img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px 4px #2b235040);pointer-events:none;width:100%;height:100%;transition:transform .15s,opacity .3s;display:block}.sz-item:active img{transform:scale(.94)}.sz-item.is-glowing img{animation:.8s ease-in-out 3 sz-glow}@keyframes sz-glow{0%,to{filter:drop-shadow(0 4px 4px #2b235040);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #ffd34d)drop-shadow(0 0 18px #ffc83ccc);transform:scale(1.06)}}.sz-item.is-missed-0 img{animation:.4s ease-in-out sz-no-0}.sz-item.is-missed-1 img{animation:.4s ease-in-out sz-no-1}@keyframes sz-no-0{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}@keyframes sz-no-1{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}.sz-item.is-picked img{transform-origin:50% 100%;animation:.6s cubic-bezier(.2,.9,.3,1.5) sz-picked}@keyframes sz-picked{0%{transform:scale(1)}40%{transform:scale(1.18)translateY(-8%)}70%{transform:scale(.96)}to{transform:scale(1)}}.sz-item.is-other img{opacity:.3;transform:scale(.9)}.sz-sparks{--sh:calc(var(--sz) * var(--size))}.sz-item.is-gone{visibility:hidden;animation:none}.sz-stairs{justify-content:center;align-items:flex-end;gap:6px;max-width:100%;display:flex}.sz-step{animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) calc(var(--enter) + .2s) backwards;flex-direction:column;align-items:center;display:flex}.sz-stairs.is-done .sz-step{animation:sh-hop .6s ease-in-out var(--enter) 2}.sz-spot{width:calc(var(--sz) * var(--size));height:calc(var(--sz) * var(--size));border-radius:18px;margin-bottom:2px;position:relative;box-shadow:inset 0 0 0 2.5px #8a5a3338}.sz-spot:has(img){box-shadow:none}.sz-spot img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px 4px #2b235040);width:100%;height:100%;animation:.5s cubic-bezier(.3,1.2,.5,1) sz-hop-on;display:block}@keyframes sz-hop-on{0%{transform:translate(var(--fx), var(--fy))}55%{transform:translate(calc(var(--fx) * .35), calc(var(--fy) * .35 - 30%))}to{transform:none}}.sz-block{width:calc(var(--sz) * var(--size) + 12px);height:calc(var(--block) * (var(--rise) + 1) + 10px);color:#8a5a33;background:linear-gradient(#ffe08a,#f6c430);border:3px solid #8a5a33;border-radius:10px 10px 4px 4px;place-items:center;font-size:clamp(.85rem,2dvh,1.1rem);font-weight:900;display:grid;box-shadow:inset 0 3px #ffffff80,0 6px 12px #2b23502e}.sz-finish{background:#fffdf5;border-radius:8px;justify-content:center;align-items:flex-end;gap:clamp(6px,1.4vw,14px);width:min(44vw,520px);padding:clamp(14px,2.4vw,26px);display:flex}.sz-finish img{width:calc(min(12vw, 140px) * var(--size));height:auto}@media (orientation:portrait){.sz-stage{--sz:clamp(70px, min(calc((100vw - 64px) / 2.6), calc((100dvh - 360px) / 2.4)), 230px)}.sz-stage[data-count="4"]{--sz:clamp(64px, min(calc((100vw - 56px) / 3.1), calc((100dvh - 380px) / 2.4)), 220px);--row-gap:clamp(8px, 2vw, 24px)}.sz-stage[data-kind=pick]{--sz:clamp(110px, min(calc((100vw - 64px) / 1.6), calc((100dvh - 360px) / 1.1)), 360px);--row-gap:clamp(16px, 5vw, 60px)}.sz-finish{width:min(78vw,440px)}.sz-finish img{width:calc(min(20vw, 130px) * var(--size))}}@media (prefers-reduced-motion:reduce){.sz-ask,.sz-item,.sz-item img,.sz-step,.sz-stairs.is-done .sz-step,.sz-spot img{animation:none!important}}.pk-stage{--obj:clamp(90px, min(calc((100vw - 140px) / 3.8), calc((100dvh - 330px) / 1.5)), 300px);--gap:clamp(16px, 4vw, 60px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,20px);min-height:0;display:flex;position:relative}.pk-stage[data-count="2"]{--obj:clamp(110px, min(calc((100vw - 140px) / 2.8), calc((100dvh - 330px) / 1.5)), 330px);--gap:clamp(30px, 9vw, 120px)}@media (orientation:portrait){.pk-stage{--obj:clamp(90px, min(calc((100vw - 48px) / 3.1), calc((100dvh - 360px) / 1.6)), 280px);--gap:clamp(10px, 3vw, 40px)}.pk-stage[data-count="2"]{--obj:clamp(110px, min(calc((100vw - 48px) / 2.2), calc((100dvh - 360px) / 1.6)), 320px);--gap:clamp(20px, 7vw, 70px)}}.pk-ask{color:#5a3d22;background:#fffaf0eb;border-radius:999px;align-items:center;gap:10px;padding:6px 20px 6px 8px;font-size:clamp(1.2rem,3.4dvh,1.8rem);font-weight:900;animation:.35s cubic-bezier(.2,.9,.3,1.3) backwards sh-in;display:flex;box-shadow:0 4px 12px #2b235024}.pk-ask img{object-fit:contain;width:clamp(44px,7dvh,64px);height:clamp(44px,7dvh,64px)}.pk-ask.is-found{color:#e2503b;animation:.5s cubic-bezier(.2,.9,.3,1.5) pk-cheer}@keyframes pk-cheer{50%{transform:scale(1.15)}}.pk-row{justify-content:center;align-items:flex-end;gap:var(--gap);max-width:100%;display:flex}.pk-spot{width:var(--obj);height:calc(var(--obj) * var(--ratio));margin-top:calc(var(--obj) * .62);cursor:pointer;touch-action:manipulation;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:0 0;border:0;padding:0;position:relative}.pk-thing{z-index:2;filter:drop-shadow(0 6px 6px #2b235038);pointer-events:none;transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0}.pk-spot.is-missed-0 .pk-thing{animation:.45s ease-in-out pk-no-0}.pk-spot.is-missed-1 .pk-thing{animation:.45s ease-in-out pk-no-1}@keyframes pk-no-0{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}45%{transform:rotate(5deg)}70%{transform:rotate(-3deg)}}@keyframes pk-no-1{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}45%{transform:rotate(5deg)}70%{transform:rotate(-3deg)}}.pk-spot.is-found .pk-thing{animation:.5s cubic-bezier(.3,1.4,.5,1) pk-jump}@keyframes pk-jump{0%{transform:scale(1)}30%{transform:scale(1.08,.88)}60%{transform:scale(.96,1.06)translateY(-4%)}to{transform:none}}.pk-hider{--h:calc(var(--obj) * .82);z-index:1;width:auto;height:var(--h);transform-origin:50% 100%;filter:drop-shadow(0 4px 4px #2b235033);max-width:none;position:absolute;left:50%;translate:-50%}.pk-hider.is-wide{--h:calc(var(--obj) * .6)}.pk-hider.is-top{bottom:calc(var(--obj) * var(--ratio) * .9 - var(--h) * (1 - var(--peek)))}.pk-hider.is-wide.is-top{bottom:calc(var(--obj) * var(--ratio) * .9 - var(--h) * (1 - var(--peek) * 1.6))}.pk-hider.is-left,.pk-hider.is-right{--h:calc(var(--obj) * var(--ratio) * .88);bottom:2%}.pk-hider.is-left{translate:calc(var(--peek) * -100%) 0;left:0;rotate:-8deg}.pk-hider.is-right{translate:calc(var(--peek) * 100%) 0;left:auto;right:0;rotate:8deg}.pk-hider.is-hinting{animation:1.4s ease-in-out infinite pk-wiggle}@keyframes pk-wiggle{0%,60%,to{transform:none}15%{transform:translateY(-5%)rotate(-5deg)}30%{transform:translateY(-2%)rotate(4deg)}45%{transform:translateY(-4%)rotate(-2deg)}}.pk-hider.is-out{--h:calc(var(--obj) * .95);bottom:calc(var(--obj) * var(--ratio) * .42);z-index:3;animation:.55s cubic-bezier(.25,1.4,.5,1) pk-out}.pk-hider.is-out.is-wide{--h:calc(var(--obj) * .75)}@keyframes pk-out{0%{transform:translateY(45%)scale(.6)}}.pk-sparks{--sh:var(--obj);z-index:4;inset:10% auto auto 50%}.pk-finish{background:#fffdf5;border-radius:8px;justify-content:center;align-items:flex-end;gap:clamp(4px,1vw,10px);width:min(44vw,520px);padding:clamp(12px,2vw,22px);display:flex}.pk-finish img{width:23%;height:auto}@media (orientation:portrait){.pk-finish{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.pk-ask,.pk-spot,.pk-thing,.pk-spot .pk-thing,.pk-hider{animation:none!important}}.bt-stage{--room:min(calc(100vw - 40px), calc((100dvh - 300px) * 1.5), 1100px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.6dvh,16px);min-height:0;display:flex;position:relative}.bt-view{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.bt-caption{max-width:min(var(--room), 680px)}.bt-room{width:var(--room);height:calc(var(--room) / 1.5);touch-action:none;-webkit-user-select:none;user-select:none;background:#bfe6d4;border-radius:clamp(14px,2.4vw,26px);flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 clamp(4px,.8vw,8px) #fff8ec,0 10px 24px #2b23504d}.bt-room>*{position:absolute}.bt-backdrop{pointer-events:none;width:100%;height:100%;inset:0}.bt-bather{z-index:2;pointer-events:none;transition:left .8s ease-in-out,top .8s cubic-bezier(.4,-.6,.6,1),width .8s ease-in-out,height .8s ease-in-out;animation:.6s cubic-bezier(.25,1.3,.5,1) backwards bt-in}.bt-bather img{object-fit:contain;transform-origin:50% 90%;width:100%;height:100%;display:block}@keyframes bt-in{0%{opacity:0;transform:translateY(40%)}}.bt-bather.is-out{z-index:6}.bt-bather.is-hot img{filter:saturate(1.3)hue-rotate(-12deg);animation:.5s ease-out bt-ouch}.bt-bather.is-cold img{filter:saturate(.7)brightness(1.05)hue-rotate(20deg);animation:.12s linear 8 bt-shiver}.bt-bather.is-giggle img{animation:.3s ease-in-out 5 bt-giggle}.bt-bather.is-happy img{animation:.6s ease-in-out bt-hop}@keyframes bt-ouch{30%{transform:translateY(-10%)scale(1.04)}}@keyframes bt-shiver{25%{transform:translate(-1.5%)}75%{transform:translate(1.5%)}}@keyframes bt-giggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bt-hop{40%{transform:translateY(-8%)scale(1.03)}70%{transform:translateY(0)scale(.98,1.02)}}.bt-water{z-index:3;pointer-events:none;border-radius:50%;overflow:hidden}.bt-water i{background:linear-gradient(#96d2f5e0,#5aaae6eb 30%);border-top:2px solid #ffffffd9;transition:top .2s linear;position:absolute;inset:0 -5% -400%}.bt-swirl{aspect-ratio:1;border:3px dashed #ffffffe6;border-radius:50%;width:22%;animation:.6s linear infinite bt-swirl;position:absolute;bottom:18%;left:30%;scale:1 .4}@keyframes bt-swirl{to{transform:rotate(360deg)}}.bt-stream{z-index:3;width:calc(var(--room) * .012);pointer-events:none;background:repeating-linear-gradient(#ffffffe6 0 6px,#96d2f5f2 6px 14px) 0 0/100% 28px;border-radius:0 0 6px 6px;animation:.3s linear infinite bt-run;translate:-50%}.bt-stream.is-hot{background-image:repeating-linear-gradient(#fff0e6f2 0 6px,#ffaa96e6 6px 14px)}.bt-stream.is-cold{background-image:repeating-linear-gradient(#f0fafff2 0 6px,#6eaff0f2 6px 14px)}@keyframes bt-run{to{background-position:0 28px}}.bt-steam{z-index:6;pointer-events:none}.bt-steam i{width:calc(var(--room) * .05);aspect-ratio:1;filter:blur(3px);background:#ffffffbf;border-radius:50%;animation:1.6s ease-out infinite bt-steam;position:absolute}.bt-steam i:nth-child(2){margin-left:calc(var(--room) * -.03);animation-delay:.5s}.bt-steam i:nth-child(3){margin-left:calc(var(--room) * .02);animation-delay:1s}@keyframes bt-steam{0%{opacity:.9;transform:translate(-50%)scale(.5)}to{transform:translate(-50%, calc(var(--room) * -.12)) scale(1.6);opacity:0}}.bt-foam{z-index:4;pointer-events:none;transition:opacity .3s linear;inset:0}.bt-foam i{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff 0 30%,#f3f8ff 60%,#d5e7fa 100%);border-radius:50%;transition:top .2s linear;animation:.35s cubic-bezier(.25,1.6,.5,1) backwards bt-pop-in;position:absolute;translate:-50% -55%;box-shadow:inset 0 0 0 1.5px #8cb4e1b3}@keyframes bt-pop-in{0%{scale:0}}.bt-duck{z-index:4;width:calc(var(--room) * .075);cursor:pointer;background:0 0;border:0;padding:0;transition:top .2s linear;animation:2.4s ease-in-out infinite bt-bob,.4s ease-out bt-squeak;translate:-50% -60%}.bt-duck img{pointer-events:none;width:100%;display:block}@keyframes bt-bob{0%,to{transform:rotate(-4deg)}50%{transform:translateY(-8%)rotate(4deg)}}@keyframes bt-squeak{40%{scale:1.2 .85}}.bt-front{z-index:5;pointer-events:none;height:auto}.bt-tap{z-index:1;width:calc(var(--room) * .05);aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;translate:-50% -50%}.bt-tap svg{width:100%;height:100%;display:block;overflow:visible}.bt-tap-handle{transform-origin:20px 20px;transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.bt-tap.is-on .bt-tap-handle{transform:rotate(45deg)}.bt-tap:disabled{cursor:default}.bt-plug{z-index:6;width:calc(var(--room) * .03);aspect-ratio:30/80;translate:-50% calc(-12% - var(--pull,0) * var(--room) / 1.5);cursor:grab;background:0 0;border:0;padding:0}.bt-plug svg{width:100%;height:100%;display:block}.bt-prop{z-index:7;cursor:grab;background:0 0;border:0;padding:0;transition:left .45s cubic-bezier(.3,1.3,.5,1),top .45s cubic-bezier(.3,1.3,.5,1),rotate .25s;animation:.4s ease-out backwards bt-in;translate:-50% -50%}.bt-prop img{pointer-events:none;filter:drop-shadow(0 4px 4px #2b235040);width:100%;height:auto;display:block}.bt-prop.is-held{z-index:9;cursor:grabbing;transition:rotate .25s}.bt-prop.is-bottle{width:calc(var(--room) * .09)}.bt-prop.is-shampoo{width:calc(var(--room) * .055)}.bt-prop.is-cup{width:calc(var(--room) * .09)}.bt-prop.is-towel{width:calc(var(--room) * .14)}.bt-prop.is-sponge{width:calc(var(--room) * .09)}.bt-prop.is-tipped{rotate:160deg}.bt-prop.is-pouring{rotate:-75deg}.bt-prop.is-pumped img{animation:.3s ease-out bt-pump}@keyframes bt-pump{40%{transform:scaleY(.9)}}.bt-prop.is-hint,.bt-tap.is-hint,.bt-plug.is-hint{animation:1.2s ease-in-out infinite bt-nudge}.bt-prop.is-hint img,.bt-tap.is-hint svg{filter:drop-shadow(0 0 8px #ffd34d)drop-shadow(0 0 4px #ffd34d)}@keyframes bt-nudge{0%,to{transform:none}50%{transform:translateY(-10%)scale(1.08)}}.bt-sponge{aspect-ratio:1.45;pointer-events:none;background:radial-gradient(circle,#a06e1459 0 3px,#0000 4px) 0 0/14px 12px,linear-gradient(#ffe36e,#f6c430);border:3px solid #8a5a33;border-radius:16px;width:100%;display:block;box-shadow:inset 0 -6px #8a5a332e,0 6px 10px #2b235040}.bt-prop.is-sponge.is-held{rotate:-10deg}.bt-pour{z-index:8;width:calc(var(--room) * .03);height:calc(var(--room) * .1);pointer-events:none;background:repeating-linear-gradient(#ffffffe6 0 6px,#96d2f5e6 6px 14px) 0 0/100% 28px;border-radius:0 0 50% 50%;animation:.3s linear infinite bt-run;translate:-50%}.bt-suds{z-index:2;width:calc(var(--room) * .05);aspect-ratio:1;filter:drop-shadow(0 0 1px #78aae6e6);pointer-events:none;background:radial-gradient(circle at 30% 35%,#fff 0 22%,#0000 24%),radial-gradient(circle at 68% 40%,#fff 0 20%,#0000 22%),radial-gradient(circle at 48% 68%,#fff 0 24%,#0000 26%);border-radius:50%;transition:top .8s ease-in-out;animation:.4s cubic-bezier(.25,1.6,.5,1) bt-pop-in;translate:-50% -50%}.bt-dollop{z-index:3;width:calc(var(--room) * .04);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff,#c9a6f0 70%);border-radius:50% 50% 45% 45%;animation:.6s cubic-bezier(.3,.8,.4,1) backwards bt-squirt;translate:-50% -50%}@keyframes bt-squirt{0%{transform:translate(calc(var(--room) * .3), calc(var(--room) * .2)) scale(.4)}}.bt-hairdo{--foam:0;z-index:3;width:calc(var(--room) * .1);height:calc(var(--room) * .1 * (.4 + var(--foam) * .75));pointer-events:none;translate:-50% -88%}.bt-hairdo i{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff 0 35%,#f4efff 65%,#dccff5 100%);border-radius:50%;transition:all .2s;position:absolute;box-shadow:inset 0 0 0 1.5px #aa8cdc99}.bt-hairdo i:first-child{width:50%;bottom:0;left:0}.bt-hairdo i:nth-child(2){width:52%;bottom:0;right:0}.bt-hairdo i:nth-child(3){width:56%;bottom:8%;left:22%}.bt-hairdo i:nth-child(4){width:46%;bottom:34%;left:6%}.bt-hairdo i:nth-child(5){width:44%;bottom:38%;right:6%}.bt-hairdo i:nth-child(6){width:48%;bottom:58%;left:24%}.bt-hairdo i:nth-child(7){width:34%;top:0;left:36%}.bt-glow{z-index:3;width:calc(var(--room) * .09);aspect-ratio:1;pointer-events:none;border:4px solid #ffd34d;border-radius:50%;animation:1.1s ease-in-out infinite bt-glow;translate:-50% -50%;box-shadow:0 0 14px #ffd34d}@keyframes bt-glow{50%{opacity:.5;scale:1.2}}.bt-bubbles{z-index:8;pointer-events:none;inset:0;overflow:hidden}.bt-bubbles i{background:radial-gradient(circle at 32% 30%,#fff 0 18%,#ffffff59 30%,#bee1ff59 70%,#96c8ff99 100%);border-radius:50%;margin:-12px;animation:1.2s ease-out forwards bt-bubble;position:absolute;box-shadow:inset 0 0 0 1.5px #78aae68c}@keyframes bt-bubble{0%{opacity:.9;transform:scale(.3)}20%{opacity:1;transform:scale(1)}85%{opacity:1}to{transform:translate(var(--drift), -120px) scale(1.15);opacity:0}}.bt-bubbles b{background:#ff8fc0;border-radius:50%/60% 60% 40% 40%;width:9px;height:12px;animation:.5s ease-in forwards bt-fall;position:absolute}@keyframes bt-fall{to{transform:translateY(var(--fall));opacity:.4}}.bt-wrap{z-index:6;pointer-events:none;filter:drop-shadow(0 4px 6px #2b235040);height:auto;animation:.45s cubic-bezier(.25,1.5,.5,1) bt-pop-in;translate:-50% -50%;scale:1 .55}.bt-sparks{--sh:calc(var(--room) * .3);z-index:8}.bt-finish{background:#fffdf5;border-radius:8px;justify-content:center;align-items:flex-end;width:min(44vw,520px);padding:clamp(12px,2vw,22px);display:flex}.bt-finish img{object-fit:contain;width:auto;height:clamp(110px,18vw,200px)}@media (orientation:portrait){.bt-stage{--room:min(calc(100vw - 40px), calc((100dvh - 240px) * 1.5), 1100px)}.bt-finish{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.bt-bather,.bt-bather img,.bt-duck,.bt-steam i,.bt-swirl,.bt-glow,.bt-prop,.bt-prop.is-hint{animation:none}}.sb-stage{--barn:clamp(200px, min(calc(100dvh - 400px), calc(70vw * 1.17)), 540px);--card:clamp(84px, min(calc((100vw - 80px) / 3.6), 19dvh), 170px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2dvh,20px);min-height:0;display:flex;position:relative}.sb-scene{position:relative}.sb-barn{width:calc(var(--barn) / 1.17);height:var(--barn);cursor:pointer;touch-action:manipulation;transform-origin:50% 100%;background:0 0;border:0;padding:0;display:block;position:relative}.sb-building{filter:drop-shadow(0 8px 10px #2b235038);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sb-way{perspective:900px;pointer-events:none;width:47.9%;height:49.2%;position:absolute;top:47.8%;left:26%}.sb-door{z-index:2;border:clamp(4px, calc(var(--barn) * .014), 8px) solid #fdf3e3;backface-visibility:visible;background:linear-gradient(to top right,#0000 calc(50% - 4px),#fdf3e3 calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px)),linear-gradient(to bottom right,#0000 calc(50% - 4px),#fdf3e3 calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px)),repeating-linear-gradient(90deg,#dc4a38 0 22%,#b93a2b 22% 25%);border-radius:3px;width:50%;transition:transform .6s cubic-bezier(.3,1.25,.5,1);position:absolute;top:0;bottom:0;box-shadow:0 0 0 2px #5a2a14,inset 0 0 0 2px #5a2a1480}.sb-door.is-left{transform-origin:0;left:0}.sb-door.is-right{transform-origin:100%;right:0}.sb-barn.is-calling-0:not(.is-open) .sb-door{animation:.9s ease-in-out sb-rattle-0}.sb-barn.is-calling-1:not(.is-open) .sb-door{animation:.9s ease-in-out sb-rattle-1}.sb-barn.is-calling-0:not(.is-open) .sb-door.is-right,.sb-barn.is-calling-1:not(.is-open) .sb-door.is-right{animation-direction:reverse}@keyframes sb-rattle-0{0%,to{transform:none}15%,55%{transform:rotateY(-16deg)}35%,75%{transform:rotateY(6deg)}}@keyframes sb-rattle-1{0%,to{transform:none}15%,55%{transform:rotateY(-16deg)}35%,75%{transform:rotateY(6deg)}}.sb-barn.is-open .sb-door.is-left{transform:rotateY(-115deg)}.sb-barn.is-open .sb-door.is-right{transform:rotateY(115deg)}.sb-inside{z-index:1;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:86%;height:86%;animation:.6s cubic-bezier(.25,1.4,.5,1) .15s backwards sb-out;position:absolute;bottom:4%;left:50%;translate:-50%}@keyframes sb-out{0%{opacity:0;transform:scale(.5)}}.sb-sparks{--sh:var(--barn);z-index:4;inset:55% auto auto 50%}.sb-waves{z-index:3;pointer-events:none;width:22%;height:26%;position:absolute;top:52%}.sb-waves.is-left{right:100%}.sb-waves.is-right{left:100%}.sb-waves i{border:clamp(5px, calc(var(--barn) * .017), 10px) solid transparent;opacity:0;animation:sb-wave-left 1.1s ease-out calc(var(--wave) * .22s) 2;border-radius:50%;position:absolute;inset:0}.sb-waves.is-left i{border-left-color:#ff8a3d}.sb-waves.is-right i{border-right-color:#ff8a3d;animation-name:sb-wave-right}@keyframes sb-wave-left{0%{opacity:0;transform:translate(70%)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-10%)scale(1.1)}}@keyframes sb-wave-right{0%{opacity:0;transform:translate(-70%)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(10%)scale(1.1)}}.sb-listen{z-index:5;width:clamp(52px, calc(var(--barn) * .16), 76px);aspect-ratio:1;color:#fff;background:#ff8a3d;border:4px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4%;right:-6%;box-shadow:0 4px 10px #2b235047}.sb-listen svg{width:58%;height:58%}.sb-barn:active .sb-listen{transform:scale(.92)}.sb-choices{justify-content:center;gap:clamp(12px,3vw,36px);display:flex}.sb-choice{width:var(--card);height:var(--card);cursor:pointer;touch-action:manipulation;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:#fffaf0;border:4px solid #fff;border-radius:24%;padding:0;transition:opacity .3s,transform .3s;position:relative;box-shadow:0 6px #d9b48a,0 8px 14px #2b235033}.sb-choice img{object-fit:contain;pointer-events:none;width:82%;height:82%;position:absolute;inset:9%}.sb-choice:active{transform:translateY(3px)}.sb-choice.is-missed-0{animation:.45s ease-in-out pk-no-0}.sb-choice.is-missed-1{animation:.45s ease-in-out pk-no-1}.sb-choice.is-right{border-color:#ffd34d;animation:.5s ease-out sh-pop}.sb-choice.is-other{opacity:.35}.sb-finish{background:#fffdf5;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.4vw,14px);width:min(40vw,440px);padding:clamp(12px,2vw,22px);display:grid}.sb-finish img{aspect-ratio:1;object-fit:contain;width:100%}@media (orientation:portrait){.sb-finish{width:min(70vw,400px)}}@media (prefers-reduced-motion:reduce){.sb-barn .sb-door,.sb-inside,.sb-waves i,.sb-choice{animation:none!important}}.cw-stage{--car:clamp(240px, min(84vw, calc((100dvh - 360px) * 1.33)), 720px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.8dvh,18px);min-height:0;display:flex;position:relative}.cw-bay{width:min(calc(100vw - 24px), calc(var(--car) * 1.3));height:calc(var(--car) * .92);cursor:pointer;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.cw-arch{border:clamp(8px, calc(var(--car) * .03), 18px) solid #3a7fe8;border-radius:calc(var(--car) * .12) calc(var(--car) * .12) 0 0;background:repeating-linear-gradient(90deg, #ffffff80 0 2px, transparent 2px calc(var(--car) * .08)), repeating-linear-gradient(0deg, #ffffff80 0 2px, transparent 2px calc(var(--car) * .08)), linear-gradient(#cfeaff, #e9f6ff);pointer-events:none;border-bottom:0;position:absolute;inset:0 2% 8%;box-shadow:inset 0 0 0 4px #fff,0 8px 18px #2b23502e}.cw-arch:before{content:"";background:repeating-linear-gradient(90deg,#ff6b6b 0 10%,#fff 10% 20%);border-radius:0 0 14px 14px;height:9%;position:absolute;top:0;left:18%;right:18%}.cw-brush{border-radius:999px;width:7%;position:absolute;top:16%;bottom:2%;overflow:hidden}.cw-brush:before{content:"";background:repeating-linear-gradient(0deg,#ff8fb3 0 8px,#ffd34d 8px 16px,#6ec8ff 16px 24px);animation:.9s linear infinite cw-spin;position:absolute;inset:-24px 0 0}.cw-brush:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset -6px 0 #2b23501f}.cw-brush.is-left{left:2%}.cw-brush.is-right{right:2%}.cw-brush.is-right:before{animation-direction:reverse}@keyframes cw-spin{to{transform:translateY(24px)}}.cw-floor{pointer-events:none;background:radial-gradient(30% 40% at 50% 40%,#6ec8ff8c,#0000 70%),linear-gradient(#a9b4c6,#8f9bb0);border-radius:10px;height:10%;position:absolute;inset:auto 0 0;box-shadow:0 6px 12px #2b235026}.cw-vehicle{z-index:2;width:var(--car);height:calc(var(--car) * .75);margin-bottom:calc(var(--car) * .05);pointer-events:none;animation:.9s cubic-bezier(.25,1.15,.5,1) backwards cw-in;position:relative}@keyframes cw-in{0%{transform:translate(-110vw)}}.cw-vehicle.is-leaving{transition:transform 1s cubic-bezier(.6,0,.9,.6);transform:translate(110vw)}.cw-vehicle img.cw-ride,.cw-vehicle canvas{width:100%;height:100%;position:absolute;inset:0}.cw-ride{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;transition:filter .4s}.cw-ride.is-dirty{filter:saturate(.75)brightness(.95)}.cw-vehicle.is-clean .cw-ride{animation:.5s ease-in-out 2 cw-bounce}@keyframes cw-bounce{0%,to{transform:none}40%{transform:translateY(-5%)scale(1.02,.98)}70%{transform:translateY(0)scale(.98,1.02)}}.cw-shine{background:linear-gradient(110deg,#0000 38%,#ffffffe6 50%,#0000 62%) 0 0/260% 100% no-repeat;animation:.9s ease-in-out .1s 2 backwards cw-gleam;position:absolute;inset:0;-webkit-mask-position:50% 100%;mask-position:50% 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes cw-gleam{0%{background-position:100% 0}to{background-position:-60% 0}}.cw-sparks{--sh:var(--car);z-index:4;inset:40% auto auto 50%}.cw-tool{z-index:6;pointer-events:none;position:absolute}.cw-sponge{aspect-ratio:1.45;background:radial-gradient(circle,#a06e1459 0 3px,#0000 4px) 0 0/14px 12px,linear-gradient(#ffe36e,#f6c430);border:3px solid #8a5a33;border-radius:16px;width:clamp(56px,8dvh,80px);box-shadow:inset 0 -6px #8a5a332e,0 6px 10px #2b235040}.cw-hose,.cw-towel{filter:drop-shadow(0 6px 8px #2b235040);width:clamp(72px,11dvh,116px);height:auto}.cw-tool.is-showing{animation:1.6s ease-in-out infinite cw-show;top:38%;left:50%}@keyframes cw-show{0%,to{transform:translate(-100%,-50%)rotate(-12deg)}50%{transform:translateY(-30%)rotate(8deg)}}.cw-tool.is-held{z-index:40;position:fixed;transform:translate(-50%,-75%)rotate(-10deg)}.cw-hose.is-held{transform:translate(-8%,-40%)}.cw-fx{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.cw-fx i{margin:-10px;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute}.cw-fx i.is-bubble{background:radial-gradient(circle at 32% 30%,#fff 0 18%,#ffffff59 30%,#bee1ff59 70%,#96c8ff99 100%);border-radius:50%;animation-name:cw-float;box-shadow:inset 0 0 0 1.5px #78aae68c}@keyframes cw-float{0%{opacity:.9;transform:scale(.3)}20%{opacity:1;transform:scale(1)}85%{opacity:1}to{transform:translate(var(--drift), -110px) scale(1.15);opacity:0}}.cw-fx i.is-drop{background:radial-gradient(circle at 35% 35%,#fff 0 15%,#8fd0ff 40%,#3a9be8 100%);border-radius:50%/62% 62% 38% 38%;animation-name:cw-splash}@keyframes cw-splash{0%{opacity:1;transform:scale(.4)}to{transform:translate(var(--drift), 90px) scale(1);opacity:0}}.cw-fx i.is-twinkle{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd34d;animation-name:cw-twinkle}@keyframes cw-twinkle{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(45deg)}to{transform:translate(var(--drift), -40px) scale(.6) rotate(90deg);opacity:0}}.cw-jobs{flex:none;gap:clamp(10px,2.4vw,24px);margin:0;padding:0;list-style:none;display:flex}.cw-jobs li{aspect-ratio:1;opacity:.55;background:#fffaf0;border:4px solid #fff;border-radius:50%;place-items:center;width:clamp(54px,8.5dvh,84px);transition:opacity .3s,transform .3s;display:grid;position:relative;box-shadow:0 4px #d9b48a,0 6px 12px #2b23502e}.cw-jobs li.is-now{opacity:1;border-color:#ffd34d;transform:scale(1.15)}.cw-jobs li.is-done{opacity:1}.cw-jobs li.is-done:after{content:"✓";aspect-ratio:1;color:#fff;background:#3eae5f;border:3px solid #fff;border-radius:50%;place-items:center;width:44%;font:900 clamp(.8rem,2dvh,1.2rem)/1 system-ui,sans-serif;display:grid;position:absolute;bottom:-6px;right:-6px}.cw-jobs .cw-tool{width:66%;position:static}.cw-jobs .cw-sponge{background-size:8px 7px,auto;border-width:2px;border-radius:8px;width:64%;box-shadow:inset 0 -3px #8a5a332e}.cw-finish{background:#fffdf5;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:clamp(6px,1.4vw,14px);width:min(40vw,440px);padding:clamp(12px,2vw,22px);display:grid}.cw-finish img{aspect-ratio:4/3;object-fit:contain;width:100%}@media (orientation:portrait){.cw-stage{--car:clamp(240px, min(84vw, calc((100dvh - 380px) * 1.33)), 680px)}.cw-finish{width:min(70vw,400px)}}@media (prefers-reduced-motion:reduce){.cw-vehicle,.cw-vehicle.is-clean .cw-ride,.cw-shine,.cw-brush:before,.cw-tool.is-showing{animation:none}}.bd-stage{--bed:clamp(170px, min(44vw, calc((100dvh - 390px) / 1.55)), 420px);--card:clamp(76px, min(calc((100vw - 80px) / 3.6), 15dvh), 140px);--room:min(calc(100vw - 24px), calc(var(--bed) * 2.2));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.8dvh,18px);min-height:0;display:flex;position:relative}.bd-view{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.bd-caption{z-index:7;max-width:min(var(--room), 640px);color:#2b2350;text-align:center;background:#fffaf0;border:3px solid #fff;border-radius:999px;flex:none;margin:0;padding:clamp(6px,1.2dvh,10px) clamp(14px,2.4vw,22px);font-size:clamp(1rem,2.4vw,1.35rem);font-weight:900;line-height:1.2;position:relative;box-shadow:0 5px 12px #2b235033}.bd-caption:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fffaf0;width:16px;height:10px;position:absolute;top:100%;left:50%;translate:-50% -1px}.bd-caption span{animation:.35s cubic-bezier(.25,1.4,.5,1) bd-say;display:inline-block}@keyframes bd-say{0%{opacity:0;transform:scale(.85)}}.bd-room{width:var(--room);height:calc(var(--bed) * 1.5);background:linear-gradient(#0000 86%,#c98d5a 86% 87%,#e0a873 87%),radial-gradient(circle at 1px 1px,#ffffff38 1.5px,#0000 2px) 0 0/26px 26px,linear-gradient(#7c6cc4,#a596e0);border:clamp(4px,.8vw,8px) solid #fff8ec;border-radius:clamp(14px,2.4vw,26px);flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #2b23504d}.bd-window{z-index:0;aspect-ratio:.8;border:clamp(4px, calc(var(--bed) * .022), 9px) solid #fff8ec;background:linear-gradient(#1d2463,#3b3f95);border-radius:999px 999px 10px 10px;width:24%;position:absolute;top:7%;left:5%;overflow:hidden;box-shadow:0 4px 10px #2b235040}.bd-window:after{content:"";background:linear-gradient(90deg,#0000 calc(50% - 2px),#fff8ec calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)),linear-gradient(#0000 calc(55% - 2px),#fff8ec calc(55% - 2px) calc(55% + 2px),#0000 calc(55% + 2px));position:absolute;inset:0}.bd-moon{aspect-ratio:1;width:34%;box-shadow:inset calc(var(--bed) * -.03) calc(var(--bed) * -.01) 0 #f6d34d, 0 0 calc(var(--bed) * .06) #fff3b0b3;background:#fff3b0;border-radius:50%;transition:transform 1.4s,box-shadow 1.4s;position:absolute;top:14%;right:14%}.bd-star{left:calc(10% + var(--star) * 16%);top:calc(46% + var(--star) * 9%);aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:9%;animation:bd-twinkle 2.2s ease-in-out calc(var(--star) * -.45s) infinite;background:#fff;position:absolute}@keyframes bd-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}.bd-dark{z-index:2;opacity:0;pointer-events:none;background:#0e123273;transition:opacity 1.6s;position:absolute;inset:0}.bd-room.is-night .bd-dark{opacity:1}.bd-room.is-lamp .bd-dark{opacity:.4}.bd-room.is-night .bd-moon{box-shadow:inset calc(var(--bed) * -.03) calc(var(--bed) * -.01) 0 #f6d34d, 0 0 calc(var(--bed) * .14) #fff3b0f2;transform:scale(1.2)}.bd-scene{z-index:1;width:var(--bed);margin-bottom:calc(var(--bed) * .04);animation:.5s cubic-bezier(.25,1.3,.5,1) backwards bd-in;position:relative}@keyframes bd-in{0%{opacity:0;transform:translateY(12%)}}.bd-bed{width:var(--bed);height:calc(var(--bed) * 1.25);position:relative}.bd-bed>img{pointer-events:none;max-width:none;position:absolute}.bd-headboard{width:100%;height:auto;top:0;left:0}.bd-sleeper{top:calc(var(--bed) * .17);width:auto;height:calc(var(--bed) * .66);transform-origin:50% 90%;left:50%;translate:-50%}.bd-bed.is-yawning-0 .bd-sleeper{animation:1s ease-in-out bd-yawn-0}.bd-bed.is-yawning-1 .bd-sleeper{animation:1s ease-in-out bd-yawn-1}@keyframes bd-yawn-0{0%,to{transform:none}40%,60%{transform:scale(1.04,1.07)rotate(-3deg)}}@keyframes bd-yawn-1{0%,to{transform:none}40%,60%{transform:scale(1.04,1.07)rotate(-3deg)}}.bd-bed.is-no-0 .bd-sleeper{animation:.5s ease-in-out bd-no-0}.bd-bed.is-no-1 .bd-sleeper{animation:.5s ease-in-out bd-no-1}@keyframes bd-no-0{0%,to{transform:none}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bd-no-1{0%,to{transform:none}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.bd-bed.is-asleep .bd-sleeper{animation:2.8s ease-in-out infinite bd-breathe}@keyframes bd-breathe{0%,to{transform:none}50%{transform:scale(1.02,.98)}}.bd-cover{height:calc(var(--bed) * 1.12);pointer-events:none;position:absolute;top:0;left:4%;right:4%;overflow:hidden}.bd-quilt{top:calc(var(--bed) * (.76 - .12 * var(--pull)));cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 -3px 4px #2b23502e);width:100%;max-width:none;height:auto;transition:top .4s cubic-bezier(.3,1.2,.5,1);position:absolute;left:0}.bd-quilt.is-pulling{cursor:grabbing;transition:none}.bd-gift{top:calc(var(--bed) * (.62 - .12 * var(--pull)));width:calc(var(--bed) * .26);height:calc(var(--bed) * .26);object-fit:contain;object-position:50% 100%;transition:top .4s cubic-bezier(.3,1.2,.5,1);animation:.5s cubic-bezier(.25,1.4,.5,1) backwards bd-gift;left:60%}@keyframes bd-gift{0%{opacity:0;transform:translateY(80%)scale(.4)}}.bd-footboard{width:100%;height:calc(var(--bed) * .48);bottom:0;left:0}.bd-poke{top:calc(var(--bed) * .24);width:56%;height:calc(var(--bed) * .36);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;left:22%}.bd-zzz{pointer-events:none;position:absolute;top:10%;right:6%}.bd-zzz i{color:#fff;font:900 calc(var(--bed) * (.07 + var(--z) * .025)) / 1 system-ui, sans-serif;text-shadow:0 2px #6c5bd0;opacity:0;animation:bd-zzz 2.4s ease-out calc(var(--z) * .7s) infinite;position:absolute}@keyframes bd-zzz{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1}to{transform:translate(calc(var(--bed) * .1), calc(var(--bed) * -.22)) scale(1.1);opacity:0}}.bd-wish{color:#6c5bd0;cursor:pointer;touch-action:manipulation;top:calc(var(--bed) * -.02);z-index:6;width:calc(var(--bed) * .4);aspect-ratio:1;background:#fffaf0;border:4px solid #fff;border-radius:50%;place-items:center;padding:0;animation:.5s cubic-bezier(.25,1.4,.5,1) 1.2s backwards bd-think,2s ease-in-out 1.7s infinite bd-bob;display:grid;position:absolute;left:78%;box-shadow:0 6px 14px #2b235040}.bd-wish:before,.bd-wish:after{content:"";background:#fffaf0;border-radius:50%;position:absolute;box-shadow:0 3px 8px #2b235033}.bd-wish:before{aspect-ratio:1;width:18%;bottom:-6%;left:0}.bd-wish:after{aspect-ratio:1;width:10%;bottom:-24%;left:-14%}.bd-wish img{object-fit:contain;pointer-events:none;width:70%;height:70%;animation:.4s cubic-bezier(.25,1.4,.5,1) bd-think}.bd-wish .icon{pointer-events:none;width:46%;height:46%}.bd-stand{bottom:calc(var(--bed) * .02);right:calc(100% + var(--bed) * .02);width:min(calc(var(--bed) * .34), calc((var(--room) - var(--bed)) / 2 - var(--bed) * .06));height:calc(var(--bed) * .36);background:linear-gradient(#d99a63,#c2834e);border:3px solid #8a5a33;border-radius:8px 8px 4px 4px;position:absolute;box-shadow:0 6px 10px #2b235040}.bd-stand-top{height:calc(var(--bed) * .06);background:#e3a874;border:3px solid #8a5a33;border-radius:6px;justify-content:center;align-items:flex-end;gap:4%;display:flex;position:absolute;bottom:100%;left:-8%;right:-8%}.bd-stand-thing{max-width:46%;height:calc(var(--bed) * .15);margin-bottom:calc(var(--bed) * .045);object-fit:contain;object-position:50% 100%;animation:.5s cubic-bezier(.25,1.4,.5,1) backwards bd-gift}.bd-stand-thing.is-toothbrush{height:calc(var(--bed) * .07)}.bd-stand-thing.is-moon{filter:drop-shadow(0 0 calc(var(--bed) * .05) #ffec8c)}.bd-stand-drawer{border:3px solid #8a5a33;border-radius:5px;height:34%;position:absolute;top:18%;left:14%;right:14%}.bd-stand-drawer:after{content:"";aspect-ratio:1;background:#8a5a33;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;translate:-50% -50%}.bd-do{z-index:6;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;transition:transform .35s cubic-bezier(.3,1.3,.5,1);animation:.5s cubic-bezier(.25,1.4,.5,1) backwards bd-gift;position:absolute;translate:-50%}.bd-do img{pointer-events:none;filter:drop-shadow(0 6px 8px #2b23504d);width:100%;height:auto;display:block}.bd-do:not(.is-carried) img{animation:1.4s ease-in-out infinite bd-ready}@keyframes bd-ready{0%,to{transform:none}50%{transform:translateY(-6%)scale(1.04)}}.bd-do.is-carried{z-index:8;cursor:grabbing;transition:none}.bd-do.is-carried img{filter:drop-shadow(0 12px 12px #2b235059);transform:scale(1.1)}.bd-do.is-pajamas{top:calc(var(--bed) * .5);width:calc(var(--bed) * .36);left:50%}.bd-do.is-teddy{top:calc(var(--bed) * .9);left:calc(100% + min(var(--bed) * .28, (var(--room) - var(--bed)) / 4));width:min(calc(var(--bed) * .3), calc((var(--room) - var(--bed)) / 2 * .8))}.bd-hug-heart{top:calc(var(--bed) * .3);z-index:7;color:#ff7aa2;font:900 calc(var(--bed) * .16) / 1 system-ui, sans-serif;text-shadow:0 2px #fff;pointer-events:none;font-style:normal;animation:1.4s ease-out forwards bd-note;position:absolute;left:58%}.bd-note{color:#6c5bd0;font:900 calc(var(--room) * .06) / 1 system-ui, sans-serif;text-shadow:0 2px #fff;pointer-events:none;font-style:normal;animation:1.1s ease-out forwards bd-note;position:absolute}@keyframes bd-note{0%{opacity:1;transform:translate(0)scale(.6)}to{transform:translate(calc(60% + var(--lean,0) * 80%), -160%) scale(1.2);opacity:0}}.bd-hint,.bd-lift-hint,.bd-carry-hint,.bd-swipe-hint,.bd-switch-hint{z-index:6;width:clamp(30px, calc(var(--room) * .065), 56px);aspect-ratio:1;translate:-50% -50%;rotate:var(--point,0deg);pointer-events:none;background:#ffd34d;border:4px solid #fff;border-radius:50%;animation:1.3s ease-in-out infinite bd-hint;position:absolute;box-shadow:0 4px 10px #2b23504d}.bd-hint:after,.bd-lift-hint:after,.bd-carry-hint:after,.bd-swipe-hint:after,.bd-switch-hint:after{content:"";border:0 solid #fff;border-width:4px 0 0 4px;position:absolute;inset:34% 30% 20%;rotate:45deg}@keyframes bd-hint{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-70%)}}.bd-hint{top:calc(var(--bed) * .86);width:calc(var(--bed) * .16);left:50%}.bd-carry-hint{--point:90deg;top:50%;left:108%}.bd-carry-hint.is-teddy{--point:-50deg;top:10%;left:-12%}.bd-room.is-closeup{height:calc(var(--room) / 1.5)}.bd-room-in.is-zoom{animation:.55s cubic-bezier(.25,1,.5,1) backwards bd-zoom}@keyframes bd-zoom{0%{opacity:0;transform:scale(.55)}}.bd-glass{z-index:5;cursor:grab;touch-action:none;transform-origin:50% 7%;width:15%;translate:-50% -7%;rotate:var(--tip);background:0 0;border:0;padding:0;transition:left .45s cubic-bezier(.3,1.2,.5,1),top .45s cubic-bezier(.3,1.2,.5,1),rotate .3s;position:absolute}.bd-glass.is-held{cursor:grabbing;transition:rotate .3s}.bd-glass-art{pointer-events:none;filter:drop-shadow(0 8px 10px #2b23504d);width:100%;height:auto;display:block}.bd-lift-hint{--point:-70deg;top:56%;left:76%}.bd-book{cursor:grab;touch-action:none;perspective:1800px;position:absolute;inset:12.5% 12% 18.5%}.bd-page{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;width:49.4%;padding:5% 4.5%;display:flex;position:absolute;top:0;bottom:0}.bd-page.is-left{left:0}.bd-page.is-right{right:0}.bd-leaf{transform-origin:0;width:49.4%;transform:rotateY(calc(var(--turn) * -180deg));transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;bottom:0;right:0}.bd-leaf.is-let-go{transition:transform .4s ease-in-out}.bd-leaf .bd-page{backface-visibility:hidden;background:linear-gradient(90deg,#eadfc8,#fbf3e2 14%,#fdf6e7);border-radius:0 6px 6px 0;width:100%;inset:0}.bd-leaf .bd-page.is-back{background:linear-gradient(270deg,#eadfc8,#fbf3e2 14%,#fdf6e7);border-radius:6px 0 0 6px;transform:rotateY(180deg)}.bd-page-picture{mix-blend-mode:multiply;border-radius:8px;width:100%;height:auto}.bd-page-cover{width:64%;height:auto}.bd-page-title,.bd-page-line{color:#3a2e4f;text-align:center;text-wrap:balance;margin:0}.bd-page-title{font-size:calc(var(--room) * .045);font-weight:900;line-height:1.15}.bd-page-line{font-size:calc(var(--room) * .033);font-weight:800;line-height:1.35}.bd-swipe-hint{--point:-90deg;bottom:6%;right:2%;translate:0}.bd-set.is-musicbox{cursor:grab;touch-action:none}.bd-box{pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 8px 8px #2b235040);width:36%;height:auto;position:absolute;bottom:20%;left:26%}.bd-box.is-go-0{animation:.4s ease-in-out bd-rock-0}.bd-box.is-go-1{animation:.4s ease-in-out bd-rock-1}@keyframes bd-rock-0{0%,to{transform:none}50%{transform:rotate(-2deg)scale(1.02)}}@keyframes bd-rock-1{0%,to{transform:none}50%{transform:rotate(2deg)scale(1.02)}}.bd-crank,.bd-crank-guide{aspect-ratio:1;pointer-events:none;position:absolute;top:57.2%;left:52.2%;overflow:visible;translate:-50% -50%}.bd-crank{filter:drop-shadow(0 4px 4px #2b23504d);width:28%}.bd-crank-arm{transform:rotate(var(--angle))}.bd-crank-guide{width:42%;animation:3s linear infinite bd-spin}.bd-crank-guide.is-turning{opacity:.35}@keyframes bd-spin{to{transform:rotate(360deg)}}.bd-set.is-musicbox .bd-note{top:26%;left:40%}.bd-lamp-dark{z-index:1;pointer-events:none;background:#1012349e;transition:opacity 1.2s;position:absolute;inset:0}.bd-set.is-lamp.is-on .bd-lamp-dark{opacity:.12}.bd-lamp-glow{z-index:2;opacity:0;pointer-events:none;background:radial-gradient(circle at 40% 62%,#ffe68ca6,#ffe68c00 42%);transition:opacity .8s;position:absolute;inset:0}.bd-set.is-lamp.is-on .bd-lamp-glow{opacity:1}.bd-cord{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bd-lamp{z-index:3;pointer-events:none;filter:brightness(.45)saturate(.35);width:20%;height:auto;transition:filter .6s;position:absolute;bottom:20%;left:40%;translate:-50%}.bd-set.is-lamp.is-on .bd-lamp{filter:brightness(1.08) drop-shadow(0 0 calc(var(--room) * .04) #ffe98a)}.bd-switch{z-index:4;width:13%;height:31%;padding:calc(var(--room) * .012) 0;box-sizing:border-box;cursor:pointer;touch-action:none;background:#fffaf0;border:3px solid #2b2350;border-radius:14%;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:4%;display:grid;position:absolute;top:18%;left:74%;translate:-50%;box-shadow:0 6px 12px #0a0a1e59}.bd-switch b{font-size:calc(var(--room) * .03);pointer-events:none;font-weight:900;line-height:1}.bd-switch-on{color:#2f9e44}.bd-switch-off{color:#c0392b}.bd-switch-slot{pointer-events:none;background:#e6dccb;border:3px solid #2b2350;border-radius:10px;width:44%;position:relative}.bd-switch-lever{box-sizing:border-box;background:linear-gradient(#fff,#e9e4dc);border:3px solid #2b2350;border-radius:8px;height:46%;transition:bottom .15s;position:absolute;bottom:4%;left:6%;right:6%}.bd-switch.is-on .bd-switch-lever{bottom:50%}.bd-switch.is-nudged-0{animation:.45s ease-in-out bd-no-0}.bd-switch.is-nudged-1{animation:.45s ease-in-out bd-no-1}.bd-switch-hint{top:52%;left:50%}@keyframes bd-think{0%{opacity:0;transform:scale(0)}}@keyframes bd-bob{0%,to{translate:0}50%{translate:0 -6%}}.bd-hint{top:calc(var(--bed) * .78);z-index:6;width:calc(var(--bed) * .16);aspect-ratio:1;pointer-events:none;background:#ffd34d;border:4px solid #fff;border-radius:50%;animation:1.3s ease-in-out infinite bd-hint;position:absolute;left:50%;translate:-50%;box-shadow:0 4px 10px #2b23504d}.bd-hint:after{content:"";border:0 solid #fff;border-width:5px 0 0 5px;position:absolute;inset:30% 30% 22%;rotate:45deg}.bd-room-in{animation:.5s cubic-bezier(.25,1,.5,1) backwards bd-room-in;position:absolute;inset:0}@keyframes bd-room-in{0%{opacity:0;transform:translate(14%)}}.bd-set{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.bd-room.is-kitchen,.bd-room.is-bathroom{height:calc(var(--room) / 1.5);background:#f3e6cf}.bd-backdrop{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bd-diner{pointer-events:none;width:60%;height:55%;position:absolute;top:0;left:50%;overflow:hidden;translate:-50%}.bd-diner img{transform-origin:50% 100%;width:auto;max-width:none;height:100%;animation:.5s cubic-bezier(.25,1.3,.5,1) .2s backwards bd-in;position:absolute;top:30%;left:50%;translate:-50%}.bd-diner.is-yawning-0 img,.bd-standing.is-yawning-0 img{animation:1s ease-in-out bd-yawn-0}.bd-diner.is-yawning-1 img,.bd-standing.is-yawning-1 img{animation:1s ease-in-out bd-yawn-1}.bd-diner.is-no-0 img,.bd-standing.is-no-0 img{animation:.5s ease-in-out bd-no-0}.bd-diner.is-no-1 img,.bd-standing.is-no-1 img{animation:.5s ease-in-out bd-no-1}.bd-set.is-kitchen .bd-poke{width:28%;height:40%;top:12%;left:36%}.bd-set.is-bathroom .bd-poke{width:46%;height:76%;top:4%;left:28%}.bd-set.is-kitchen .bd-wish,.bd-set.is-bathroom .bd-wish{width:18%;top:5%;left:70%}.bd-set.is-bathroom .bd-wish{left:76%}.bd-spot{aspect-ratio:1.1;width:3%;translate:-50% -50%;rotate:calc(var(--wobble) * 25deg);pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff2a8,#e2c25a 70%);border-radius:46% 54% 42% 58%;transition:opacity .35s,transform .35s;position:absolute;box-shadow:0 0 0 1.5px #a0802866}.bd-spot.is-clean{opacity:0;transform:scale(.3)}.bd-twinkle{aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #9fd3f5);pointer-events:none;background:#fff;width:3.4%;animation:1.2s ease-in-out backwards bd-shine;position:absolute;translate:-50% -50%}@keyframes bd-shine{0%{opacity:0;transform:scale(0)rotate(0)}40%{opacity:1;transform:scale(1.4)rotate(60deg)}to{opacity:0;transform:scale(.6)rotate(120deg)}}.bd-brushpad{z-index:5;cursor:pointer;touch-action:none;position:absolute;inset:0}.bd-brush{pointer-events:none;filter:drop-shadow(0 6px 8px #2b23504d);width:26%;max-width:none;height:auto;position:absolute;translate:-20% -45%;rotate:-8deg}.bd-brush.is-waiting{animation:1.2s ease-in-out infinite bd-scrub}@keyframes bd-scrub{0%,to{transform:none}50%{transform:translate(-12%)}}.bd-standing{bottom:calc(var(--bed) * -.02);left:calc(var(--room) * .89 - var(--bed) * .7);z-index:4;width:calc(var(--bed) * .7);height:calc(var(--bed) * .82);pointer-events:none;position:absolute}.bd-standing img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;animation:.5s cubic-bezier(.25,1.3,.5,1) .2s backwards bd-in;position:absolute;inset:0}.bd-standing.is-dressed img{animation:.7s cubic-bezier(.25,1.3,.5,1) bd-twirl}@keyframes bd-twirl{0%{opacity:.4;transform:scale(.8,1.1)rotateY(90deg)}to{opacity:1;transform:none}}.bd-set.is-bedroom .bd-poke{top:auto;bottom:0;left:calc(var(--room) * .89 - var(--bed) * .63);width:calc(var(--bed) * .56);height:calc(var(--bed) * .8)}.bd-set.is-bedroom .bd-wish{top:calc(var(--bed) * .04);left:calc(var(--room) * .89 - var(--bed) * .52);width:calc(var(--bed) * .34)}.bd-set.is-bedroom{justify-content:flex-start;padding-left:7%}.bd-set.is-bedroom .bd-stand{display:none}.bd-set.is-bedroom .bd-window{width:18%;left:46%}.bd-choices{justify-content:center;gap:clamp(12px,3vw,36px);display:flex}.bd-choice{width:var(--card);height:var(--card);cursor:pointer;touch-action:manipulation;animation:sh-in .4s cubic-bezier(.2, .9, .3, 1.3) var(--enter) backwards;background:#fffaf0;border:4px solid #fff;border-radius:24%;padding:0;transition:opacity .3s,transform .3s;position:relative;box-shadow:0 6px #d9b48a,0 8px 14px #2b235033}.bd-choice img{object-fit:contain;pointer-events:none;width:76%;height:76%;position:absolute;inset:12%}.bd-choice:active{transform:translateY(3px)}.bd-choice.is-missed-0{animation:.45s ease-in-out pk-no-0}.bd-choice.is-missed-1{animation:.45s ease-in-out pk-no-1}.bd-choice.is-right{border-color:#ffd34d;animation:.5s ease-out sh-pop}.bd-choice.is-other,.bd-choice:disabled{opacity:.35}.bd-finish{background:#2b2f6e;border-radius:8px;justify-content:center;align-items:flex-end;gap:clamp(4px,1vw,10px);width:min(44vw,520px);padding:clamp(12px,2vw,22px);display:flex}.bd-finish img{object-fit:contain;object-position:50% 100%;width:auto;max-width:24%;height:clamp(60px,10vw,110px)}@media (orientation:portrait){.bd-stage{--bed:clamp(170px, min(58vw, calc((100dvh - 470px) / 1.55)), 440px);--room:min(calc(100vw - 24px), calc(var(--bed) * 2.2))}.bd-finish{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.bd-scene,.bd-sleeper,.bd-bed .bd-sleeper,.bd-gift,.bd-zzz i,.bd-wish,.bd-wish img,.bd-hint,.bd-stand-thing,.bd-do,.bd-do img,.bd-note,.bd-hug-heart,.bd-lift-hint,.bd-carry-hint,.bd-swipe-hint,.bd-switch-hint,.bd-switch,.bd-box,.bd-crank-guide,.bd-star,.bd-caption span,.bd-room-in,.bd-diner img,.bd-standing img,.bd-brush,.bd-twinkle,.bd-choice{animation:none!important}}@media (width<=600px){.bd-set.is-bedroom .bd-window{display:none}}@media (orientation:landscape) and (height<=540px){.bd-stage{--bed:clamp(100px, calc((100dvh - 190px) / 1.5), 240px);--card:clamp(52px, calc((100dvh - 180px) / 3), 96px);grid-template-rows:auto auto;grid-template-areas:"view rounds""view choices";place-content:center;gap:10px clamp(16px,4vw,40px);display:grid}.bd-stage .sh-rounds{grid-area:rounds;place-self:end center}.bd-view{grid-area:view;align-self:center}.bd-choices{flex-direction:column;grid-area:choices;place-self:start center;gap:10px}}.ld-stage{--room:min(calc(100vw - 40px), calc((100dvh - 300px) * 1.5), 1100px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.6dvh,16px);min-height:0;display:flex;position:relative}.ld-view{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.ld-caption{max-width:min(var(--room), 680px)}.ld-room{width:var(--room);height:calc(var(--room) / 1.5);touch-action:none;-webkit-user-select:none;user-select:none;background:#f6e7b8;border-radius:clamp(14px,2.4vw,26px);flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 clamp(4px,.8vw,8px) #fff8ec,0 10px 24px #2b23504d}.ld-room>*{position:absolute}.ld-backdrop{pointer-events:none;width:100%;height:100%;inset:0}.ld-drum{z-index:1;pointer-events:none;background:radial-gradient(circle at 40% 35%,#6f879b,#34495c 72%);border-radius:50%;overflow:hidden}.ld-drum:after{content:"";border-top:3px solid #ffffff8c;border-radius:50%;width:34%;height:22%;position:absolute;inset:10% 14% auto auto;rotate:30deg}.ld-drum.is-open{background:radial-gradient(circle,#252e38 0 50%,#59646f 52% 58%,#38434e 60%)}.ld-drum.is-open:after{display:none}.ld-tumble{position:absolute;inset:0}.ld-drum.is-spinning .ld-tumble{animation:.7s linear infinite ld-spin}@keyframes ld-spin{to{transform:rotate(360deg)}}.ld-tumble-sock{width:30%;height:46%;position:absolute}.ld-tumble-sock svg,.ld-sock svg,.ld-hung svg,.ld-finish-socks svg{width:100%;height:100%;display:block}.ld-tumble-sock:first-child{top:46%;left:12%;rotate:-60deg}.ld-tumble-sock:nth-child(2){top:52%;left:40%;rotate:80deg}.ld-tumble-sock:nth-child(3){top:38%;left:60%;rotate:20deg}.ld-tumble-sock:nth-child(4){top:14%;left:30%;rotate:150deg}.ld-door{z-index:2;opacity:0;transform-origin:0;backface-visibility:visible;pointer-events:none;background:radial-gradient(at 46% 52%,#46607a 0 55%,#f1eee9 57% 76%,#cfc9c1 79% 100%);border-radius:50%;transition:transform .6s cubic-bezier(.3,1.25,.5,1),opacity 80ms;box-shadow:inset 0 0 0 2px #6d6470}.ld-door.is-open{opacity:1;transform:perspective(calc(var(--room) * .7)) rotateY(-115deg)}.ld-machine{z-index:3;cursor:pointer;background:0 0;border:0;padding:0}.ld-machine.is-spinning{animation:.12s linear infinite ld-rumble}@keyframes ld-rumble{50%{transform:translate(1px)}}.ld-machine-glow{opacity:0;pointer-events:none;border:4px solid #ffd34d;border-radius:50%;width:64%;height:54%;position:absolute;translate:-50% -50%;box-shadow:0 0 14px #ffd34d}.ld-machine.is-hint .ld-machine-glow{animation:1.1s ease-in-out infinite ld-glow}@keyframes ld-glow{0%,to{opacity:1;scale:1}50%{opacity:.45;scale:1.12}}.ld-sock{z-index:5;color:inherit;touch-action:none;cursor:grab;background:0 0;border:0;padding:0;transition:left .45s ease-in-out,top .45s ease-in-out,scale .45s ease-in-out,transform .3s ease-out;translate:-50% -50%}.ld-sock:disabled{opacity:1;cursor:default}.ld-sock.is-held{z-index:20;cursor:grabbing}.ld-sock.is-basket{z-index:3;pointer-events:none;scale:.78}.ld-turn{width:100%;height:100%;rotate:var(--turn,0deg);transition:rotate .45s ease-in-out;display:block}.ld-sock.is-out{animation:.65s cubic-bezier(.3,.6,.5,1) backwards ld-out}@keyframes ld-out{0%{transform:translate(calc(var(--dx) * var(--room)), calc(var(--dy) * var(--room) / 1.5)) scale(.3) rotate(-220deg)}55%{transform:translate(calc(var(--dx) * var(--room) * .4), calc(var(--dy) * var(--room) / 1.5 * .4 - var(--room) * .07)) scale(.95) rotate(-60deg)}to{transform:none}}.ld-sock.is-choice{animation:.5s cubic-bezier(.3,1.4,.5,1) backwards ld-drop}@keyframes ld-drop{0%{opacity:0;transform:translateY(-60%)scale(.6)}}.ld-sock.is-hint .ld-turn{animation:.5s ease-in-out infinite ld-wiggle}@keyframes ld-wiggle{25%{transform:rotate(-9deg)scale(1.06)}75%{transform:rotate(9deg)scale(1.06)}}.ld-basket{z-index:4;pointer-events:none}.ld-line{z-index:2;pointer-events:none;inset:0}.ld-line>*{position:absolute}.ld-hung{pointer-events:auto;cursor:pointer;animation:.45s cubic-bezier(.3,1.5,.5,1) backwards ld-hang;animation-delay:calc(var(--at) * .15s + .1s);background:0 0;border:0;padding:0;translate:-50% -50%}.ld-hung .ld-turn{transform-origin:50% 0}@keyframes ld-hang{0%{opacity:0;transform:translateY(-25%)scale(.5)}}.ld-hung.is-new{animation-delay:0s}.ld-peg{background:linear-gradient(90deg,#d9a66a,#f0c890 50%,#d9a66a);border:1.5px solid #6b4a2a;border-radius:3px;width:16%;height:17%;position:absolute;top:-5%;left:50%;translate:-50%}.ld-gap{place-items:center;display:grid;translate:-50% -50%}.ld-gap svg{width:100%;height:100%;position:absolute;inset:0}.ld-gap path{fill:#fff9;stroke:#8b6b4a;stroke-width:3px;stroke-dasharray:7 6;stroke-linejoin:round}.ld-gap b{font-size:calc(var(--room) * .035);color:#8b6b4a;font-weight:900;position:relative}.ld-gap.is-hint{animation:1.1s ease-in-out infinite ld-glow}.ld-line.is-breeze .ld-turn{animation:1.4s ease-in-out infinite alternate ld-sway}.ld-line.is-breeze .ld-hung:nth-child(2n) .ld-turn{animation-delay:-.7s}@keyframes ld-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.ld-friend{z-index:6;pointer-events:none;animation:.6s cubic-bezier(.25,1.3,.5,1) backwards ld-in}.ld-friend img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;display:block}@keyframes ld-in{0%{opacity:0;transform:translate(40%)}}.ld-friend.is-happy img{animation:.6s ease-in-out ld-hop}.ld-friend.is-no img{animation:.45s ease-in-out ld-shake}.ld-friend.is-cheering img{animation:.7s ease-in-out infinite ld-hop}@keyframes ld-hop{40%{transform:translateY(-8%)scale(1.03)}70%{transform:translateY(0)scale(1.03,.97)}}@keyframes ld-shake{20%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}}.ld-sparks{--sh:calc(var(--room) * .25);z-index:9}.ld-finish{background:#fffdf5;border-radius:8px;justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,24px);width:min(44vw,520px);padding:clamp(12px,2vw,22px);display:flex}.ld-finish img{object-fit:contain;width:auto;height:clamp(110px,18vw,200px)}.ld-finish-socks{gap:4px;padding-bottom:6px;display:flex}.ld-finish-socks span{aspect-ratio:.64;width:clamp(30px,4.4vw,50px)}.ld-finish-socks span:nth-child(odd){rotate:-8deg}.ld-finish-socks span:nth-child(2n){rotate:8deg}@media (orientation:portrait){.ld-stage{--room:min(calc(100vw - 40px), calc((100dvh - 240px) * 1.5), 1100px)}.ld-finish{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.ld-friend,.ld-friend img,.ld-sock,.ld-sock .ld-turn,.ld-hung,.ld-line.is-breeze .ld-turn,.ld-drum.is-spinning .ld-tumble,.ld-machine,.ld-machine.is-hint .ld-machine-glow,.ld-gap.is-hint{animation:none}}.tk-stage{--room:min(calc(100vw - 40px), calc((100dvh - 300px) * 1.5), 1100px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.6dvh,16px);min-height:0;display:flex;position:relative}.tk-view{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.tk-caption{max-width:min(var(--room), 680px)}.tk-place{width:var(--room);height:calc(var(--room) / 1.5);touch-action:none;-webkit-user-select:none;user-select:none;background:#cfe8f5;border-radius:clamp(14px,2.4vw,26px);flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 clamp(4px,.8vw,8px) #fff8ec,0 10px 24px #2b23504d}.tk-place>*,.tk-thought>*{position:absolute}.tk-backdrop{pointer-events:none;width:100%;height:100%;inset:0}.tk-thing{z-index:4;cursor:pointer;background:0 0;border:0;padding:0;animation:.5s cubic-bezier(.3,1.5,.5,1) backwards tk-in;translate:-50% -100%}.tk-thing.is-back{z-index:2}.tk-thing:nth-of-type(2){animation-delay:80ms}.tk-thing:nth-of-type(3){animation-delay:.16s}.tk-thing:nth-of-type(4){animation-delay:.24s}.tk-thing:nth-of-type(5){animation-delay:.32s}.tk-thing:nth-of-type(6){animation-delay:.4s}@keyframes tk-in{0%{opacity:0;transform:translateY(20%)scale(.4)}}.tk-thing img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;display:block}.tk-thing img.is-shaking{animation:.45s ease-in-out tk-shake}@keyframes tk-shake{20%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}.tk-thing.is-right img{animation:.7s ease-in-out 2 tk-hop}@keyframes tk-hop{40%{transform:translateY(-14%)scale(1.08)}70%{transform:translateY(0)scale(1.06,.94)}}.tk-thing.is-found:after{content:"";aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffc93d;width:26%;animation:.5s cubic-bezier(.3,1.8,.5,1) backwards tk-star;position:absolute;top:-6%;right:4%}@keyframes tk-star{0%{transform:scale(0)rotate(-90deg)}}.tk-thing.is-hint:before{content:"";background:radial-gradient(closest-side,#ffdc5ad9,#ffdc5a00);border-radius:50%;animation:1.1s ease-in-out infinite tk-glow;position:absolute;inset:-8%}.tk-thing.is-hint img{animation:1.1s ease-in-out infinite tk-hop}@keyframes tk-glow{50%{opacity:.35;scale:1.15}}.tk-dino{z-index:3;pointer-events:none;animation:.6s cubic-bezier(.25,1.3,.5,1) backwards tk-dino-in}.tk-dino img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;display:block}@keyframes tk-dino-in{0%{opacity:0;transform:translateY(30%)}}.tk-dino.is-happy img{animation:.6s ease-in-out 2 tk-hop}.tk-dino.is-no img{animation:.5s ease-in-out tk-shake}.tk-thought{z-index:6;pointer-events:none;inset:0}.tk-puff{width:calc(var(--room) * .022);aspect-ratio:1;background:#fff;border:3px solid #4a3b5c;border-radius:50%;animation:.35s cubic-bezier(.3,1.8,.5,1) backwards tk-pop;translate:-50% -50%}.tk-puff.is-big{width:calc(var(--room) * .034);animation-delay:.15s}.tk-bubble{animation:.45s cubic-bezier(.3,1.6,.5,1) .3s backwards tk-pop}@keyframes tk-pop{0%{opacity:0;transform:scale(0)}}.tk-bubble svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tk-bubble path{fill:#fff;stroke:#4a3b5c;stroke-width:4px;vector-effect:non-scaling-stroke}.tk-bubble img{object-fit:contain;width:56%;height:66%;position:absolute;inset:18% 22% 16%}.tk-bubble img.is-shadow{filter:brightness(0);opacity:.78}.tk-bubble img.is-revealed{animation:.5s cubic-bezier(.3,1.6,.5,1) tk-reveal}@keyframes tk-reveal{0%{transform:scale(.6)rotate(-10deg)}}.tk-sparks{--sh:calc(var(--room) * .25);z-index:9}.tk-finish{background:#fffdf5;border-radius:8px;justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,24px);width:min(44vw,520px);padding:clamp(12px,2vw,22px);display:flex}.tk-finish-dino{object-fit:contain;width:auto;height:clamp(100px,16vw,180px)}.tk-finish-things{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tk-finish-things img{object-fit:contain;width:clamp(34px,5vw,60px);height:clamp(34px,5vw,60px)}@media (orientation:portrait){.tk-stage{--room:min(calc(100vw - 40px), calc((100dvh - 240px) * 1.5), 1100px)}.tk-finish{width:min(78vw,440px)}}@media (prefers-reduced-motion:reduce){.tk-thing,.tk-thing img,.tk-thing:before,.tk-thing:after,.tk-dino,.tk-dino img,.tk-puff,.tk-bubble,.tk-bubble img{animation:none}}.pl-back{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}.pl-back svg{width:26px;height:26px}.pl-hello h1{color:#2b2350;letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1}.pl-hello p{color:#6b5f86;margin:4px 0 0;font-weight:700}.pl-hello{background:#fffaf0f0;border-radius:18px;padding:8px 18px 10px;box-shadow:0 6px 16px #2b235029}.pl-hello h1{font-size:clamp(1.3rem,2.4vw,1.8rem)}.pl-hello p{font-size:.85rem}.pl-window{aspect-ratio:1;background:#fff;border-radius:20px;width:100%;display:block;position:relative;overflow:hidden}.pl-piano{object-fit:contain;width:82%;height:82%;position:absolute;inset:9%}.pl-island{background:#8fd6dc;height:100dvh;position:relative;overflow:hidden}.pl-float{top:max(14px, env(safe-area-inset-top));z-index:5;align-items:center;gap:12px;display:flex;position:absolute;left:16px}.pl-map-scroll{cursor:grab;overscroll-behavior-x:contain;scrollbar-width:none;position:absolute;inset:0;overflow:auto hidden}.pl-map-scroll::-webkit-scrollbar{display:none}.pl-map{aspect-ratio:2520/1069;height:100%;position:relative;container-type:size}.pl-map-picture{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pl-map-dino{pointer-events:none;height:20%;position:absolute;bottom:31%;left:2.6%}.pl-stop{flex-direction:column;align-items:center;width:15cqh;text-decoration:none;display:flex;position:absolute;translate:-50% -50%}.pl-stop .pl-window{box-shadow:0 0 0 .6cqh #fff, 0 0 0 1.2cqh var(--tint), 0 1.6cqh 2.4cqh #2b235052;animation:3.2s ease-in-out infinite pl-bob;animation-delay:calc(var(--bob) * -.8s);border-radius:50%}@keyframes pl-bob{50%{transform:translateY(-5%)}}.pl-stop:active .pl-window{scale:.94}.pl-stop strong{color:#2b2350;white-space:nowrap;background:#fffaf0;border-radius:999px;margin-top:1.8cqh;padding:.5cqh 1.4cqh .6cqh;font-size:clamp(.7rem,2.1cqh,1.05rem);font-weight:900;box-shadow:0 4px 10px #2b23502e}.pl-arrow{z-index:3;color:#fff;cursor:pointer;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:50%;place-items:center;width:64px;height:64px;transition:opacity .2s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}.pl-arrow svg{width:28px;height:28px}.pl-arrow.is-left{left:clamp(16px,3vw,36px)}.pl-arrow.is-right{right:clamp(16px,3vw,36px)}.pl-arrow.is-right svg{rotate:180deg}.pl-arrow:disabled{opacity:0;pointer-events:none}.pl-stop{z-index:2}.pl-thing{z-index:1;height:calc(var(--high) * 100cqh);transform-origin:50% 100%;cursor:pointer;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--wait) * -.7s);background:0 0;border:0;padding:0;position:absolute;translate:-50% -100%}.pl-thing img{pointer-events:none;width:auto;height:100%;display:block}.pl-thing.is-float{animation-name:pl-float;animation-duration:5s}.pl-thing.is-sway{animation-name:pl-sway}.pl-thing.is-drift{animation-name:pl-drift;animation-duration:7s}.pl-thing.is-hop{animation-name:pl-hop;animation-duration:3.4s}.pl-thing.is-leap{animation-name:pl-leap;animation-duration:3.6s}.pl-thing.is-flutter{animation-name:pl-flutter;animation-duration:3s}.pl-thing.is-shine{animation-name:pl-shine;animation-duration:2.4s}@keyframes pl-float{50%{transform:translateY(-10%)rotate(2deg)}}@keyframes pl-sway{25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}@keyframes pl-drift{50%{transform:translate(14%)rotate(-2deg)}}@keyframes pl-hop{0%,70%,to{transform:none}78%{transform:translateY(-18%)scale(.98,1.04)}86%{transform:none}90%{transform:translateY(-8%)}95%{transform:scale(1.04,.96)}}@keyframes pl-leap{0%,55%,to{transform:none}72%{transform:translate(6%,-22%)rotate(-10deg)}88%{transform:translate(10%,-4%)rotate(8deg)}}@keyframes pl-flutter{25%{transform:translate(8%,-10%)rotate(-4deg)}50%{transform:translate(-4%,-16%)rotate(3deg)}75%{transform:translate(-8%,-6%)rotate(-2deg)}}@keyframes pl-shine{50%{filter:brightness(1.15)drop-shadow(0 0 .8cqh #ffe680)}}.pl-thing.is-glow:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffec8ce6,#ffec8c00 65%);border-radius:50%;width:150%;animation:2.6s ease-in-out infinite pl-lamp;position:absolute;top:8%;left:50%;translate:-50% -50%}@keyframes pl-lamp{0%,to{opacity:.15;scale:.7}50%{opacity:1;scale:1}}.pl-thing img.is-tapped{transform-origin:50% 100%;animation:.55s cubic-bezier(.3,1.6,.5,1) pl-tapped}@keyframes pl-tapped{30%{transform:scale(1.18,.86)}60%{transform:scale(.92,1.12)translateY(-8%)}}.pl-thing.is-new img{transform-origin:50% 100%;animation:1.1s cubic-bezier(.3,1.4,.5,1) .5s backwards pl-arrive}@keyframes pl-arrive{0%{opacity:0;transform:translateY(-120%)scale(.3)rotate(-20deg)}60%{opacity:1}}.pl-thing.is-new:before{content:"";aspect-ratio:2.4;opacity:0;pointer-events:none;border:.6cqh solid #ffd34d;border-radius:50%;width:160%;animation:1.2s ease-out 1.3s 2 pl-ring;position:absolute;bottom:0;left:50%;translate:-50% 50%;box-shadow:0 0 2cqh #ffe680}@keyframes pl-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:1.6}}.pl-count{color:#2b2350;background:#fffaf0f0;border-radius:999px;align-items:center;gap:6px;margin:0;padding:8px 14px;font-size:1.05rem;font-weight:900;display:flex;box-shadow:0 6px 16px #2b235029}.pl-count svg{width:26px;height:26px}@media (width<=600px){.pl-float{gap:8px}.pl-back{width:46px;height:46px}.pl-hello{padding:6px 12px 7px}.pl-hello h1{font-size:1.1rem}.pl-hello p{display:none}.pl-count{padding:6px 10px;font-size:.9rem}.pl-count svg{width:20px;height:20px}}@media (height<=500px){.pl-back{width:44px;height:44px}.pl-hello{padding:6px 14px 7px}.pl-hello h1{font-size:1.1rem}.pl-hello p{display:none}.pl-arrow{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.pl-stop .pl-window,.pl-thing,.pl-thing:after,.pl-thing img{animation:none}}.gift{z-index:40;background:#2b23508c;place-items:center;padding:24px 16px;animation:.3s ease-out gift-fade;display:grid;position:fixed;inset:0}@keyframes gift-fade{0%{opacity:0}}.gift-card{background:radial-gradient(circle at 50% 38%,#fffbe8,#ffe9c4 70%);border-radius:32px;flex-direction:column;align-items:center;gap:clamp(10px,2dvh,18px);width:min(92vw,480px);padding:44px 22px 22px;animation:.5s cubic-bezier(.3,1.4,.5,1) gift-in;display:flex;position:relative;box-shadow:0 0 0 6px #fff,0 22px 44px #2b235066}@keyframes gift-in{0%{opacity:0;transform:scale(.6)translateY(40px)}}.gift-ribbon{z-index:3;color:#fff;white-space:nowrap;text-shadow:0 2px #8a2d22;background:linear-gradient(#f0675a,#d9443a);border:3px solid #8a2d22;border-radius:12px;margin:0;padding:6px 26px 8px;font-size:1.3rem;font-weight:900;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 6px 12px #2b23504d}.gift-stage{aspect-ratio:1;place-items:center;width:min(70vw,300px,36dvh);display:grid;position:relative}.gift-box{cursor:pointer;touch-action:manipulation;width:72%;height:72%;scale:calc(1 + var(--taps) * .07);transform-origin:50% 100%;background:0 0;border:0;padding:0;animation:2.4s ease-in-out infinite gift-wiggle;position:relative}@keyframes gift-wiggle{0%,70%,to{transform:none}76%{transform:rotate(-6deg)}82%{transform:rotate(6deg)}88%{transform:rotate(-3deg)}94%{transform:rotate(2deg)}}.gift-box.is-shaken{animation:.45s ease-in-out gift-shake,2.4s ease-in-out .45s infinite gift-wiggle}@keyframes gift-shake{20%{transform:rotate(-10deg)translateY(-6%)}45%{transform:rotate(9deg)translateY(-3%)}70%{transform:rotate(-5deg)}}.gift-body{background:linear-gradient(90deg,#0000 42%,#ffd34d 42% 58%,#0000 58%),radial-gradient(circle,#ffffff80 3px,#0000 4px) 0 0/22px 22px,#ff7aa8;border:4px solid #b23d6d;border-radius:10px;position:absolute;inset:34% 6% 0;box-shadow:inset 0 -10px #b23d6d40}.gift-lid{z-index:1;background:linear-gradient(90deg,#ff8fb7 42%,#ffd34d 42% 58%,#ff8fb7 58%);border:4px solid #b23d6d;border-radius:10px;height:20%;position:absolute;inset:18% 0 auto}.gift-lid:before,.gift-lid:after{content:"";background:#ffd34d;border:4px solid #c99a1c;border-radius:50% 50% 10%;width:30%;height:120%;position:absolute;bottom:100%}.gift-lid:before{transform-origin:100% 100%;right:50%;rotate:-18deg}.gift-lid:after{transform-origin:0 100%;border-radius:50% 50% 50% 10%;left:50%;rotate:18deg}.gift-box.is-open{pointer-events:none;animation:none}.gift-box.is-open .gift-lid{animation:.7s cubic-bezier(.3,.6,.5,1) forwards gift-lid}@keyframes gift-lid{to{opacity:0;transform:translate(60%,-160%)rotate(40deg)}}.gift-box.is-open .gift-body{animation:.6s ease-in .15s forwards gift-body}@keyframes gift-body{to{opacity:0;transform:translateY(30%)scale(.8)}}.gift-thing{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 10px #2b235040);max-width:92%;max-height:92%;animation:.9s cubic-bezier(.3,1.5,.5,1) .15s backwards gift-rise,2.6s ease-in-out 1.1s infinite gift-bob;position:absolute}@keyframes gift-rise{0%{opacity:0;transform:translateY(35%)scale(.2)}}@keyframes gift-bob{50%{transform:translateY(-4%)rotate(2deg)}}.gift-rays{background:repeating-conic-gradient(#ffd34d8c 0 12deg, transparent 12deg 30deg);border-radius:50%;animation:9s linear infinite gift-rays,.6s ease-out gift-fade;position:absolute;inset:-12%;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}@keyframes gift-rays{to{rotate:360deg}}.gift-burst{z-index:3;position:absolute;inset:50% auto auto 50%}.gift-burst i{opacity:0;border-radius:3px;width:12px;height:12px;animation:.9s ease-out gift-spark;position:absolute}@keyframes gift-spark{0%{transform:rotate(var(--angle)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--angle)) translateY(-150px) scale(1) rotate(180deg);opacity:0}}.gift-taps{gap:10px;margin:0;padding:0;list-style:none;display:flex}.gift-taps li{background:#fff;border:3px solid #c99a1c;border-radius:50%;width:18px;height:18px}.gift-taps li.is-on{background:#ffd34d;animation:.35s cubic-bezier(.3,1.6,.5,1) gift-dot}@keyframes gift-dot{0%{scale:.4}}.gift-choices{grid-template-columns:1.6fr 1fr;gap:12px;width:100%;animation:.4s ease-out .9s backwards gift-fade;display:grid}.gift-choices .finish-choice{min-height:72px}.gift-choices .finish-choice img{width:44px;height:44px}@media (height<=520px){.gift-card{padding-top:34px}.gift-stage{width:min(48dvh,220px)}}@media (prefers-reduced-motion:reduce){.gift-box,.gift-box.is-shaken,.gift-thing,.gift-rays{animation:none}}.daily-streak{color:#8a5a33;background:#fff3c4;border-radius:999px;margin:0;padding:6px 16px;font-size:1.15rem;font-weight:800}.daily-gift .gift-thing{filter:drop-shadow(0 10px 14px #2b235040)}.grownups-link{color:#5d5680;border:2px solid #5d568040;border-radius:999px;margin-top:1.2cqmin;padding:.6cqmin 1.8cqmin .7cqmin;font-size:max(12px,1.7cqmin);font-weight:800;text-decoration:none;display:inline-block}.grownups-link:active{background:#5d56801a}.gate-veil{z-index:60}.gate-card{text-align:center;background:#fffaf0;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(400px,100%);padding:26px 22px 24px;animation:.35s cubic-bezier(.2,.9,.2,1) finish-pop;display:flex;position:relative;box-shadow:0 22px 40px #2b23504d}.gate-close{background:#f1e8d8;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.gate-kicker{color:#8a5a33;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:900}.gate-ask{color:#2b2350;margin:0;font-size:1.25rem;font-weight:800}.gate-words{color:#2b2350;margin:0;font-size:1.7rem;font-weight:900}.gate-dots{gap:10px;display:flex}.gate-dots i{border:2px solid #2b2350;border-radius:50%;width:14px;height:14px}.gate-dots i.is-in{background:#2b2350}.gate-keys{grid-template-columns:repeat(3,1fr);gap:10px;width:min(270px,100%);display:grid}.gate-keys.is-slip-0,.gate-keys.is-slip-1{animation:.4s gate-slip-a}.gate-keys.is-slip-0{animation-name:gate-slip-b}@keyframes gate-slip-a{25%,75%{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes gate-slip-b{25%,75%{transform:translate(-8px)}50%{transform:translate(8px)}}.gate-key{aspect-ratio:1.3;color:#2b2350;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:16px;font-size:1.6rem;font-weight:900;box-shadow:0 4px #d9c4a8}.gate-key:active{transform:translateY(3px);box-shadow:0 1px #d9c4a8}.break-veil{z-index:55;background:#2b2350b8}.break-card{color:#fff;text-align:center;background:linear-gradient(#2f3a78,#4b4f9c);border-radius:32px;flex-direction:column;align-items:center;gap:8px;width:min(420px,100%);padding:22px 24px 24px;animation:.45s cubic-bezier(.2,.9,.2,1) finish-pop;display:flex;box-shadow:0 0 0 6px #fff,0 22px 44px #14103273}.break-dino{width:min(240px,60vw,32dvh);height:auto;animation:3.6s ease-in-out infinite break-breathe}@keyframes break-breathe{50%{transform:scale(1.03,.98)}}.break-title{margin:0;font-size:2rem;font-weight:900}.break-line{color:#d9dcff;margin:0;font-size:1.15rem;font-weight:700}.break-grownups{color:#fff;font:inherit;cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:999px;margin-top:10px;padding:8px 18px;font-size:.95rem;font-weight:800}.gu-screen{z-index:1;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) clamp(16px, 4vw, 40px) 40px;color:#2b2350;position:relative}.gu-screen:before{content:"";z-index:-1;background:#fbf6ec;position:fixed;inset:0}.gu-top{width:min(100%,1040px);padding-right:calc(var(--sound-corner) - clamp(16px, 4vw, 40px));align-items:center;gap:16px;margin:0 auto 20px;display:flex}.gu-back{flex:none}.gu-heading{flex:1;min-width:0}.gu-kicker{color:#8a5a33;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:900}.gu-heading h1{letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:900;line-height:1.1}.gu-dino{flex:none;width:clamp(64px,9vw,96px);height:auto}.gu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,1040px);margin:0 auto;display:grid}.gu-card{background:#fff;border-radius:24px;flex-direction:column;gap:12px;min-width:0;padding:20px 22px;display:flex;box-shadow:0 1px 2px #2b23500f,0 10px 26px #50371414}.gu-card h2{margin:0;font-size:1.15rem;font-weight:900}.gu-empty,.gu-note{color:#6b6385;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.gu-note strong{color:#2b2350}.gu-wide{grid-column:1/-1}.gu-week{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:24px}.gu-stats{flex-wrap:wrap;gap:14px 34px;display:flex}.gu-stats p{flex-direction:column;margin:0;display:flex}.gu-stats strong{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;line-height:1.1}.gu-stats span{color:#6b6385;font-size:.9rem;font-weight:700}.gu-days{flex:none;gap:8px;height:92px;margin:0;padding:0;list-style:none;display:flex}.gu-days li{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:30px;display:flex}.gu-days li.is-today{width:44px}.gu-days i{width:100%;height:max(4px, calc(var(--share) * 64px));background:#b9b0d9;border-radius:8px}.gu-days li.is-today i{background:#7c6cf0}.gu-days b{color:#f2b51c;font-size:1rem;line-height:1}.gu-days span{color:#6b6385;font-size:.75rem;font-weight:800}.gu-skills{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gu-skills li{grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) 4.6rem;align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:grid}.gu-skill-bar{background:#f1ece2;border-radius:999px;height:12px}.gu-skill-bar i{width:calc(max(var(--share), .04) * 100%);border-radius:inherit;background:var(--tint);height:100%;display:block}.gu-skill-time{color:#6b6385;text-align:right;font-weight:800}.gu-favs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gu-favs li{align-items:center;gap:10px;font-weight:800;display:flex}.gu-favs i{background:var(--tint);border-radius:50%;flex:none;width:12px;height:12px}.gu-favs span{flex:1}.gu-favs em{color:#6b6385;font-size:.92rem;font-style:normal}.gu-collect{color:#6b6385;align-items:baseline;gap:8px;margin:0;font-weight:700;display:flex}.gu-collect strong{color:#2b2350;font-size:1.35rem;font-weight:900}.gu-surprises{flex-wrap:wrap;gap:6px;display:flex}.gu-surprises img{object-fit:contain;background:#e8f5f6;border-radius:12px;width:44px;height:44px;padding:4px}.gu-chips{flex-wrap:wrap;gap:8px;display:flex}.gu-chips button{color:#2b2350;font:inherit;cursor:pointer;background:#fff;border:2px solid #e6dccb;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:800}.gu-chips button.is-on{color:#fff;background:#7c6cf0;border-color:#7c6cf0}.gu-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.gu-toggle:disabled{opacity:.45;cursor:default}.gu-toggle span{flex-direction:column;display:flex}.gu-toggle strong{font-weight:800}.gu-toggle small{color:#6b6385;font-size:.85rem;font-weight:600}.gu-toggle i{background:#d9d2c4;border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.gu-toggle i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:translate .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #2b235033}.gu-toggle[aria-checked=true] i{background:#3eae5f}.gu-toggle[aria-checked=true] i:after{translate:22px}.gu-privacy{color:#8a8199;text-align:center;width:min(100%,1040px);margin:20px auto 0;font-size:.85rem;font-weight:600}@media (width<=760px){.gu-grid{grid-template-columns:minmax(0,1fr)}.gu-week{flex-direction:column;align-items:stretch}.gu-days{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.gate-card,.gate-keys,.break-card,.break-dino{animation:none!important}}body[data-room=draw]:before{background:#f6ead2 url(/studio/room.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=draw]:before{background-image:url(/studio/room-portrait.jpg)}}body[data-room=draw] .learn-back,body[data-room=draw] .color-screen .rail-top .icon-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=draw] .learn-back{width:56px;height:56px;margin-top:4px}body[data-room=draw] .learn-greet{background:#fffaf0f2;border-radius:22px;justify-self:start;padding:12px 18px 14px;box-shadow:0 6px 18px #2b235029}body[data-room=draw] .draw-desk{--rows:3;--chrome:360px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--rows), auto);flex:1;align-content:center;gap:22px 18px;height:auto;min-height:0;padding:10px 6px 16px}@media (orientation:landscape){body[data-room=draw] .draw-desk{--rows:2;--chrome:250px;grid-template-columns:repeat(10,minmax(0,1fr))}body[data-room=draw] .draw-desk .block-card{grid-column:span 2}body[data-room=draw] .draw-desk .block-card:nth-child(6){grid-column:2/span 2}}body[data-room=draw] .draw-desk .block-card{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:0}body[data-room=draw] .draw-desk .block-card:nth-child(3n+1){rotate:-2deg}body[data-room=draw] .draw-desk .block-card:nth-child(3n+2){rotate:1.5deg}body[data-room=draw] .draw-desk .block-card:nth-child(3n){rotate:-1deg}body[data-room=draw] .draw-desk .block-window{width:min(100%, calc((100dvh - var(--chrome)) / var(--rows) * .746));aspect-ratio:896/1200;background:0 0;border:0;flex:none;align-self:center;place-items:center;max-width:none;display:grid;overflow:visible}body[data-room=draw] .draw-desk .block-window:before{display:none}body[data-room=draw] .draw-desk .block-window>.sheet{border:3px solid #d9cfbf;border-radius:6px;box-shadow:6px 6px #e9e1d3,8px 10px 0 1px #50321429,0 14px 22px #50321442}body[data-room=draw] .draw-desk .learn-caption{text-align:center;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:10px;align-self:center;padding:2px 14px 4px;display:block;box-shadow:0 3px #8a5a33}body[data-room=draw] .draw-desk .learn-caption strong{color:#fff;text-shadow:0 2px #8a5a33;white-space:nowrap;font-size:clamp(.9rem,2.2dvh,1.15rem);font-weight:900}body[data-room=draw] .color-screen .bar,body[data-room=draw] .picture-screen .desk,body[data-room=draw] .picture-screen .tools{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}body[data-room=draw] .color-screen .bar h1{color:#fff;text-shadow:0 2px #8a5a33;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;border-radius:16px;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=draw] .color-screen .stage{padding:34px 30px 66px}body[data-room=draw] .room-easel{position:relative}body[data-room=draw] .room-easel .sheet{z-index:1;border:3px solid #d9cfbf;border-radius:6px;box-shadow:6px 6px #e9e1d3,0 14px 24px #5032144d}body[data-room=draw] .room-easel>span{pointer-events:none;background:linear-gradient(90deg,#c98a52,#e6b67f,#c98a52);border:3px solid #8a5a33;position:absolute}body[data-room=draw] .easel-mast{border-radius:6px;width:30px;height:52px;margin-left:-15px;top:-32px;left:50%}body[data-room=draw] .easel-clamp{z-index:2;border-radius:6px;width:86px;height:22px;margin-left:-43px;top:-14px;left:50%;background:linear-gradient(#e6b67f,#c98a52)!important}body[data-room=draw] .easel-leg{border-radius:6px;width:22px;height:140px;bottom:-62px}body[data-room=draw] .easel-leg.is-left{left:14%;rotate:7deg}body[data-room=draw] .easel-leg.is-right{right:14%;rotate:-7deg}body[data-room=draw] .easel-ledge{z-index:2;border-radius:9px;height:36px;bottom:-30px;left:-18px;right:-18px;box-shadow:0 8px 14px #5032144d;background:linear-gradient(#e6b67f,#c98a52)!important}body[data-room=draw] .easel-ledge i{background:#5a3a22;border-radius:50%;width:9px;height:11px;position:absolute;top:10px}body[data-room=draw] .easel-ledge i:first-child{left:calc(50% - 26px)}body[data-room=draw] .easel-ledge i:nth-child(2){left:calc(50% + 17px)}body[data-room=draw] .easel-ledge b{border:3px solid #5a3a22;border-top:0;border-radius:0 0 12px 12px;width:20px;height:10px;margin-left:-10px;position:absolute;top:12px;left:50%}body[data-room=draw] .color-screen .rail-side .icon-btn,body[data-room=draw] .picture-screen .mode,body[data-room=draw] .color-screen .undo-btn,body[data-room=draw] .color-screen .eraser,body[data-room=draw] .picture-screen .brush{color:#2b2350;background:#fffaf0f5;border:0;box-shadow:0 4px #2b235029,0 8px 16px #2b235024}body[data-room=draw] .picture-screen .mode[aria-pressed=true],body[data-room=draw] .color-screen .eraser[aria-pressed=true],body[data-room=draw] .picture-screen .brush[aria-pressed=true]{background:#fff4c4;box-shadow:0 0 0 4px #f6c430,0 8px 16px #2b23502e}body[data-room=draw] .color-screen .rail-side .icon-btn.armed{background:#ffe1e1;box-shadow:0 0 0 4px #e23b3b,0 8px 16px #2b23502e}body[data-room=draw] .color-screen .room-icon{object-fit:contain;width:38px;height:38px}body[data-room=draw] .color-screen .rail-side .room-icon{width:30px;height:30px}body[data-room=draw] .picture-screen .palette{background:linear-gradient(#ecc590,#d29a5e);border:4px solid #8a5a33;border-radius:50% 50% 46% 54%/64% 60% 40% 36%;justify-content:center;align-items:center;gap:clamp(4px,1vw,10px);width:fit-content;max-width:100%;margin:0 auto;padding:14px 40px 16px 30px;position:relative;overflow:visible;box-shadow:inset 0 -10px #0000001a,0 12px 20px #5032144d}body[data-room=draw] .picture-screen .palette:after{content:"";background:#f4e9d6;border:3px solid #8a5a33;border-radius:50%;width:22px;height:16px;position:absolute;bottom:12px;right:16px;box-shadow:inset 0 4px #0000001f}body[data-room=draw] .swatch{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0}body[data-room=draw] .swatch:nth-child(2n){margin-top:10px}body[data-room=draw] .swatch[aria-pressed=true]{box-shadow:none;background:0 0;transform:scale(1.18)translateY(-4px)}body[data-room=draw] .room-blob{border:3px solid #2b23508c;border-radius:52% 48% 55% 45%/50% 58% 42% 50%;width:clamp(36px,6.4dvh,56px);height:clamp(32px,5.8dvh,50px);display:block;box-shadow:inset -7px -7px #00000024,inset 6px 6px #ffffff59}body[data-room=draw] .swatch:nth-child(3n+1) .room-blob{rotate:20deg}body[data-room=draw] .swatch:nth-child(3n+2) .room-blob{rotate:-35deg}body[data-room=draw] .swatch:nth-child(3n) .room-blob{rotate:70deg}body[data-room=draw] .swatch[aria-pressed=true] .room-blob{box-shadow:inset -7px -7px #00000024,inset 6px 6px #ffffff59,0 0 0 4px #fff,0 0 0 8px #f6c430}@media (orientation:portrait),(width<=719px){body[data-room=draw] .picture-screen .palette{grid-template-columns:repeat(5,auto);gap:6px 8px;padding:12px 34px 14px 22px;display:grid}body[data-room=draw] .swatch:nth-child(2n){margin-top:0}body[data-room=draw] .picture-screen .palette:after{width:18px;bottom:calc(50% - 8px);right:8px}body[data-room=draw] .room-blob{width:clamp(28px,4.8vw,42px);height:clamp(25px,4.3vw,38px)}}body[data-room=draw] .picture-screen .stamp-picker{background:#fffaf0f0;border-radius:22px;padding:8px 10px;box-shadow:0 8px 16px #2b235029}@media (orientation:landscape) and (width>=720px){body[data-room=draw] .picture-screen{--face:clamp(54px, 9.5dvh, 84px);justify-content:center;column-gap:12px;row-gap:var(--tool-gap);--tool-gap:1.4dvh;padding:12px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template:auto auto auto auto minmax(0,1fr) auto/minmax(150px,230px) minmax(0,80dvh) minmax(150px,230px);display:grid}body[data-room=draw] .picture-screen .rail-left,body[data-room=draw] .picture-screen .page-actions,body[data-room=draw] .picture-screen .desk,body[data-room=draw] .picture-screen .rail-right{display:contents}body[data-room=draw] .picture-screen .rail-top{z-index:3;flex-direction:row;grid-area:1/1/auto/3;place-self:start}body[data-room=draw] .picture-screen .rail-top .icon-btn{width:56px;height:56px}body[data-room=draw] .picture-screen .rail-left h1{white-space:nowrap;width:auto;padding:6px 16px 8px;font-size:clamp(1.1rem,3dvh,1.5rem)}body[data-room=draw] .picture-screen .mode-cluster{place-self:start center;align-items:center;gap:var(--tool-gap);flex-direction:column;grid-area:2/1/6;width:auto}body[data-room=draw] .picture-screen .modes{gap:var(--tool-gap);width:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;justify-items:center;padding:0;display:grid}body[data-room=draw] .picture-screen .brushes{grid-template-columns:repeat(2,30px);gap:6px;width:auto;display:grid}body[data-room=draw] .picture-screen .brush{flex:none;width:30px;height:30px}body[data-room=draw] .picture-screen .undo-btn{grid-area:2/3}body[data-room=draw] .picture-screen .rail-side{display:contents}body[data-room=draw] .picture-screen .rail-side .icon-btn{grid-area:3/3}body[data-room=draw] .picture-screen .eraser{grid-area:4/3;margin:0}body[data-room=draw] .picture-screen .stage{grid-area:1/2/6}body[data-room=draw] .picture-screen .tools{z-index:3;grid-area:6/2;align-self:end;margin-top:-46px;padding:0}body[data-room=draw] .picture-screen .mode,body[data-room=draw] .picture-screen .undo-btn,body[data-room=draw] .picture-screen .rail-side .icon-btn,body[data-room=draw] .picture-screen .eraser{width:calc(var(--face) + 24px);min-width:0;height:calc(var(--face) + 30px);min-height:0;box-shadow:none;color:#2b2350;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;place-content:start center;place-self:start center;justify-items:center;gap:3px;padding:0;font-size:clamp(.8rem,1.9dvh,1rem);font-weight:900;display:grid}body[data-room=draw] .picture-screen .mode[aria-pressed=true],body[data-room=draw] .picture-screen .eraser[aria-pressed=true]{box-shadow:none;background:0 0}body[data-room=draw] .picture-screen .mode .room-icon,body[data-room=draw] .picture-screen .undo-btn .room-icon,body[data-room=draw] .picture-screen .rail-side .room-icon,body[data-room=draw] .picture-screen .eraser .room-icon{box-sizing:border-box;width:var(--face);height:var(--face);padding:calc(var(--face) * .14);background:#fffaf0f5;border:4px solid #0000;border-radius:50%;transition:transform .15s,border-color .15s;box-shadow:0 4px #2b23502e,0 8px 14px #2b235029}body[data-room=draw] .picture-screen .mode span,body[data-room=draw] .picture-screen .undo-btn span,body[data-room=draw] .picture-screen .rail-side .icon-btn:after,body[data-room=draw] .picture-screen .eraser:after{white-space:nowrap;background:#fffaf0eb;border-radius:99px;padding:1px 10px 2px}body[data-room=draw] .picture-screen .rail-side .icon-btn:after{content:var(--t-clear)}body[data-room=draw] .picture-screen .rail-side .icon-btn.armed:after{content:var(--t-sure)}body[data-room=draw] .picture-screen .eraser:after{content:var(--t-eraser)}body[data-room=draw] .picture-screen .mode[aria-pressed=true] .room-icon,body[data-room=draw] .picture-screen .eraser[aria-pressed=true] .room-icon{border-color:#f6c430;transform:translateY(-4px);box-shadow:0 0 0 6px #f6c43059,0 10px 18px #2b235033}body[data-room=draw] .picture-screen .rail-side .icon-btn.armed .room-icon{background:#ffe1e1;border-color:#e23b3b}body[data-room=draw] .picture-screen .stamp-picker{margin:0 auto}}body[data-room=find]{--pad-w:clamp(190px, 24vw, 270px);--hand:"Patrick Hand", "Nunito", cursive}body[data-room=find]:before{background:#c98a52 url(/explorer/desk.jpg) 50%/cover no-repeat}@media (orientation:portrait){body[data-room=find]:before{background-image:url(/explorer/desk-portrait.jpg)}}body[data-room=find] .find-screen .bar>a.bar-btn{color:#fff;background:linear-gradient(#e6b67f,#c98a52);border:3px solid #8a5a33;box-shadow:0 4px #8a5a33,0 8px 14px #2b235033}body[data-room=find] .find-screen .find-full{color:#2b2350;background:#fffaf0f5;border:0;order:5;align-items:center;gap:6px;margin-left:auto;padding:0 16px;font-weight:900;display:flex;box-shadow:0 4px #2b235029,0 8px 16px #2b235029}body[data-room=find] .find-screen .find-hint{color:#2b2350;background:#fff4c4;border:0;font-weight:900;box-shadow:0 4px #e2a82a,0 8px 16px #50321440}body[data-room=find] .find-screen .find-hint:disabled{opacity:.55}body[data-room=find] .find-frame{--edge:30px;border-radius:2px;rotate:-1deg;box-shadow:0 0 0 12px #fff,0 18px 30px 8px #50321459}body[data-room=find] .find-frame:before,body[data-room=find] .find-frame:after{content:"";z-index:3;opacity:.9;pointer-events:none;background:repeating-linear-gradient(45deg,#f6c430 0 9px,#ffffff8c 9px 18px);border-radius:3px;width:90px;height:28px;position:absolute;top:-18px}body[data-room=find] .find-frame:before{left:-34px;rotate:-35deg}body[data-room=find] .find-frame:after{background:repeating-linear-gradient(45deg,#3a7fe8 0 9px,#ffffff8c 9px 18px);right:-34px;rotate:35deg}body[data-room=find] .find-screen:not(.is-full) .find-tray{z-index:4;background:repeating-linear-gradient(#fffbe8 0 66px,#cfe3f5 66px 68px) 0 68px;border-radius:10px;flex-direction:column;flex:none;justify-content:flex-start;gap:6px;padding:74px 16px 16px;position:fixed;rotate:1.5deg;box-shadow:0 12px 20px #5032144d}body[data-room=find] .find-screen:not(.is-full) .find-tray:before{content:var(--t-find-these);color:#2b2350;font-family:var(--hand);text-align:center;border-top:20px solid #e25b4b;border-radius:10px 10px 0 0;padding:10px 0 6px;font-size:1.6rem;line-height:1;position:absolute;top:0;left:0;right:0}body[data-room=find] .find-screen:not(.is-full) .find-tray li{width:auto;height:62px;box-shadow:none;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}body[data-room=find] .find-screen:not(.is-full) .find-tray img{background:#fff;border-radius:12px;flex:none;width:56px;height:56px;padding:6px;box-shadow:0 3px 8px #50321433}body[data-room=find] .find-screen:not(.is-full) .find-tray span{color:#2b2350;font-family:var(--hand);font-size:1.6rem;font-weight:400}body[data-room=find] .find-tray li.is-found img{opacity:.6;box-shadow:0 0 0 4px #3eae5f,0 3px 8px #50321433}body[data-room=find] .find-tray li.is-found span{-webkit-text-decoration:line-through #e25b4b;text-decoration:line-through #e25b4b;text-decoration-thickness:3px}body[data-room=find] .find-tray li.is-hint img{animation:.9s ease-in-out infinite find-hint;box-shadow:0 0 0 4px #f08a24,0 3px 8px #50321433}body[data-room=find] .find-tray li.is-found,body[data-room=find] .find-tray li.is-hint{box-shadow:none;background:0 0;border:0}@media (orientation:landscape){body[data-room=find] .find-screen:not(.is-full) .bar{padding-right:calc(var(--pad-w) + 4vw)}body[data-room=find] .find-screen:not(.is-full) .find-stage{margin:4px calc(var(--pad-w) + 3vw) 14px 1.5vw}body[data-room=find] .find-screen:not(.is-full) .find-tray{top:calc(var(--sound-corner) - 4px);width:var(--pad-w);right:2vw}body[data-room=find] .find-screen:not(.is-full) .find-hint{right:2vw;bottom:max(18px, env(safe-area-inset-bottom));width:var(--pad-w);height:56px;font-size:1.2rem;position:fixed}}@media (orientation:portrait){body[data-room=find] .find-screen .find-hint{order:4;margin-left:auto}body[data-room=find] .find-screen .find-full{margin-left:0}body[data-room=find] .find-screen:not(.is-full) .find-stage{margin:4px 3vw calc(196px + 3dvh)}body[data-room=find] .find-screen:not(.is-full) .find-tray{right:4vw;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;padding:68px 12px 12px;left:4vw;rotate:.5deg}body[data-room=find] .find-screen:not(.is-full) .find-tray li{flex-direction:column;gap:2px;height:auto}body[data-room=find] .find-screen:not(.is-full) .find-tray span{font-size:1.3rem}}body[data-room=find] .find-screen.is-full .find-stage{z-index:1;margin:0;position:fixed;inset:0}body[data-room=find] .find-screen.is-full .find-frame{--edge:0px;border-radius:0;rotate:none;box-shadow:0 0 40px #00000059}body[data-room=find] .find-screen.is-full .find-frame:before,body[data-room=find] .find-screen.is-full .find-frame:after{display:none}body[data-room=find] .find-screen.is-full .find-scene{border-radius:0}body[data-room=find] .find-screen.is-full .find-tray{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaf0e6;border-radius:999px;flex:none;gap:10px;margin:0 auto;padding:8px 14px;box-shadow:0 8px 20px #2b235040}body[data-room=find] .find-screen.is-full .find-tray li{background:#fff;border:0;border-radius:50%;width:auto;padding:0;box-shadow:inset 0 0 0 3px #2b23501f}body[data-room=find] .find-screen.is-full .find-tray img{border-radius:50%;width:58px;height:58px;padding:8px}body[data-room=find] .find-screen.is-full .find-tray span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}body[data-room=find] .find-screen.is-full .find-hint{order:4}main.story-screen{--cover:#e2603f;--wash:#fff1dc;--ink:#2b2350;--wood:#8a5a33;min-height:100dvh;padding-bottom:max(20px, env(safe-area-inset-bottom));color:var(--ink);position:relative}main.story-screen:before{content:"";z-index:-1;background:radial-gradient(70% 55% at 50% 0%, #ffffffd9, transparent 70%), radial-gradient(120% 80% at 50% 110%, color-mix(in srgb, var(--wash) 80%, #f6c98b), transparent 70%), var(--wash);position:fixed;inset:0}main.story-screen .bar-title h1{border:3px solid var(--wood);color:#fff;text-shadow:0 2px 0 var(--wood);box-shadow:0 4px 0 var(--wood), 0 8px 14px #2b235033;background:linear-gradient(#e6b67f,#c98a52);border-radius:16px;padding:4px 18px 6px;font-size:clamp(1.15rem,3.2vw,1.7rem)}.story-link{text-decoration:none;transition:transform .18s;display:block}.story-link:active{transform:translateY(1px)scale(.98)}.story-books{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(18px,3vw,36px);margin-top:clamp(16px,4vh,40px);padding-bottom:120px;display:grid}.story-book{color:inherit;justify-items:center;gap:12px;text-decoration:none;transition:transform .18s;display:grid}.story-book:active{transform:translateY(2px)scale(.98)}.story-book-cover{background:linear-gradient(90deg, #00000038 0 14px, #ffffff29 14px 18px, transparent 18px), var(--cover);border-radius:10px 22px 22px 10px;gap:10px;width:min(100%,300px);padding:16px 16px 16px 30px;display:grid;position:relative;box-shadow:6px 6px #fff6ea,7px 7px #e8cfa6,0 18px 30px #2b235038}.story-book-cover strong{color:#fff;text-align:center;text-shadow:0 2px #0003;font-size:1.25rem;font-weight:800;line-height:1.15}.story-book-art,.story-cover-art{aspect-ratio:764/1024;background:#fff;border:4px solid #fff6ea;border-radius:12px;display:block;overflow:hidden}.story-book-art .page-preview,.story-cover-art .page-preview,.story-picture .page-preview,.story-end-pages .page-preview{object-fit:contain;width:100%;height:100%;display:block}.story-book-done{gap:6px;display:flex}.story-book-done i,.story-dots li{border:2px solid var(--wood);background:#fff6ea;border-radius:50%;width:14px;height:14px}.story-book-done i.is-on,.story-dots li.is-colored{background:#f6c64d}.story-shelf-dino{right:max(10px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));pointer-events:none;width:clamp(90px,14vw,150px);position:fixed}.story-cover,.story-end{text-align:center;justify-items:center;gap:clamp(12px,2.4vh,22px);margin-top:clamp(8px,2vh,24px);display:grid}.story-cover-art{border:10px solid var(--cover);border-left-width:22px;border-radius:12px 26px 26px 12px;width:min(64vw,74.6094dvh - 246.211px,380px);box-shadow:0 18px 34px #2b23503d}.story-cover h2,.story-end h2{margin:0;font-size:clamp(1.6rem,4.6vw,2.6rem);font-weight:800;line-height:1.1}.story-cover-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.story-go,.story-color{border:3px solid var(--wood);min-height:64px;color:var(--ink);box-shadow:0 5px 0 var(--wood), 0 12px 20px #2b235033;background:linear-gradient(#ffd96b,#f6b93b);border-radius:999px;align-items:center;gap:10px;padding:10px 28px 10px 20px;font-size:1.35rem;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-flex}.story-go:active,.story-color:active,.story-hear:active,.story-turn:active{transform:translateY(3px)}.story-go svg{width:34px;height:34px;fill:var(--ink)}.story-go img,.story-color img{object-fit:contain;width:40px;height:40px}.story-more{color:var(--ink);background:#fffaf0e6;border-radius:999px;padding:12px 20px;font-weight:800;text-decoration:none;box-shadow:0 4px 10px #2b23501f}.story-spread{--picture:min(calc((100dvh - 220px) * 764 / 1024), 46vw, 520px);grid-template-columns:var(--picture) minmax(0, 1fr);box-shadow:0 0 0 8px var(--cover), 0 20px 40px #2b235033;background:#fffdf8;border-radius:28px;align-items:center;gap:clamp(18px,4vw,48px);margin-top:clamp(8px,2vh,20px);padding:clamp(14px,2.4vw,26px);display:grid}.story-picture{aspect-ratio:764/1024;background:#fff;border:3px solid #eadbc4;border-radius:16px;display:block;position:relative;overflow:hidden}.story-crayon{border:3px solid var(--wood);width:64px;height:64px;box-shadow:0 4px 0 var(--wood);background:#ffd96b;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite story-nudge;display:grid;position:absolute;bottom:10px;right:10px}.story-crayon img{object-fit:contain;width:40px;height:40px}@keyframes story-nudge{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-12deg)}86%{transform:rotate(10deg)}94%{transform:rotate(-4deg)}}.story-words{justify-items:start;gap:clamp(18px,4vh,36px);display:grid}.story-line{margin:0;font-family:Patrick Hand,Nunito,sans-serif;font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.25}.story-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.story-hear{border:3px solid var(--wood);width:64px;height:64px;box-shadow:0 5px 0 var(--wood);cursor:pointer;background:#fff6ea;border-radius:50%;place-items:center;padding:0;display:grid}.story-hear svg{width:32px;height:32px;fill:var(--ink);stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.story-turns{justify-content:center;align-items:center;gap:18px;margin-top:clamp(14px,2.4vh,26px);display:flex}.story-turn{border:3px solid var(--wood);color:#fff;width:60px;height:60px;box-shadow:0 4px 0 var(--wood);background:linear-gradient(#e6b67f,#c98a52);border-radius:50%;place-items:center;display:grid}.story-turn .icon{width:30px;height:30px}.story-turn.is-on .icon{transform:scaleX(-1)}.story-dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.story-dots li.is-here{border-color:var(--cover);transform:scale(1.35)}.story-page-screen.is-reading .story-turns,.story-page-screen.is-reading .story-hear{visibility:hidden}.story-end-pages{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,18px);margin:0;padding:0;list-style:none;display:flex}.story-end-pages li a{aspect-ratio:764/1024;opacity:.6;background:#fff;border:4px solid #fff;border-radius:12px;width:clamp(92px,15vw,150px);display:block;overflow:hidden;box-shadow:0 8px 16px #2b235029}.story-end-pages li.is-colored a{opacity:1;border-color:#f6c64d}.story-end-screen.is-whole .story-end-pages li:nth-child(odd) a{transform:rotate(-3deg)}.story-end-screen.is-whole .story-end-pages li:nth-child(2n) a{transform:rotate(3deg)}.story-end-note{align-items:center;gap:10px;margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;display:flex}.story-end-dino{width:84px}@media (orientation:portrait),(width<=700px){.story-spread{--picture:min((100dvh - 430px) * 764 / 1024, 100%, 520px);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.story-picture{width:var(--picture)}.story-words{justify-items:center}.story-line{font-size:clamp(1.5rem,5.4vw,2.4rem)}}@media (prefers-reduced-motion:reduce){.story-crayon{animation:none}}main.story-screen>.bar{padding-right:64px}@media (width<=600px){main.story-screen .bar-title h1{font-size:1rem;line-height:1.2}}