:root{--bg:#eef0fb;--bg2:#dfe3fa;--surface:#ffffff;--ink:#1d2244;--muted:#5b628c;--accent:#e8457a;--accent-ink:#ffffff;--sun:#ffc23d;--sun-ink:#3a2a00;--edge:#1d2244;--hair:rgba(29,34,68,.12);--shadow:0 12px 30px rgba(29,34,68,.14);--press:0 4px 0 rgba(29,34,68,.22);--dot:rgba(29,34,68,.28);--heart-off:rgba(29,34,68,.15);--silhouette:#b9bedb;--lock:#9aa0c4;--r0:#ffb3b3;--r1:#ffd98a;--r2:#bfe8a0;--r3:#9fe0e3;--r4:#b8c8ff;--r5:#ddb8ff;--r6:#ffb8dc;--r7:#e8d8b8;--r8:#a8ecc8;--r9:#ffc8a0;--bowl:#e8457a;--bowl-rim:#f78fb0;--water:#6fb1f0;--water-hi:#e2f2ff;--ball:#d4e64a;--duck:#ffd23f;--display:"Bagel Fat One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#151a33;--bg2:#1d2448;--surface:#252d56;--ink:#f1f2fc;--muted:#a7aed6;--accent:#ff6f9c;--accent-ink:#2a0c17;--sun:#ffc94d;--sun-ink:#3a2a00;--edge:#0a0d1d;--hair:rgba(0,0,0,.25);--shadow:0 12px 30px rgba(0,0,0,.45);--press:0 4px 0 rgba(0,0,0,.45);--dot:rgba(10,13,29,.45);--heart-off:rgba(241,242,252,.16);--silhouette:#3a4372;--lock:#5d669a;--r0:#e67c84;--r1:#e3b54e;--r2:#86c46a;--r3:#4fbcc2;--r4:#7d93ea;--r5:#b083e0;--r6:#e47fb3;--r7:#c4ab80;--r8:#5cc795;--r9:#e9925c;color-scheme:dark}}:root[data-theme=dark]{--bg:#151a33;--bg2:#1d2448;--surface:#252d56;--ink:#f1f2fc;--muted:#a7aed6;--accent:#ff6f9c;--accent-ink:#2a0c17;--sun:#ffc94d;--sun-ink:#3a2a00;--edge:#0a0d1d;--hair:rgba(0,0,0,.25);--shadow:0 12px 30px rgba(0,0,0,.45);--press:0 4px 0 rgba(0,0,0,.45);--dot:rgba(10,13,29,.45);--heart-off:rgba(241,242,252,.16);--silhouette:#3a4372;--lock:#5d669a;--r0:#e67c84;--r1:#e3b54e;--r2:#86c46a;--r3:#4fbcc2;--r4:#7d93ea;--r5:#b083e0;--r6:#e47fb3;--r7:#c4ab80;--r8:#5cc795;--r9:#e9925c;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:none}button{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{position:relative;max-width:520px;margin:0 auto;padding-inline:16px;min-height:100dvh;display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;gap:14px;flex:1;padding-block:10px 24px;animation:screenIn .28s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}}.bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:48px}.bar>:last-child{justify-self:end}.icon-btn{appearance:none;width:44px;height:44px;border-radius:14px;border:0;background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--press);font-family:var(--display);font-size:1.25rem;transition:transform .1s}.icon-btn svg{width:22px;height:22px}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.screen-title{margin:0;text-align:center;font-family:var(--display);font-weight:400;font-size:1.6rem}.pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border-radius:999px;padding:3px 9px 3px 6px;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums}.pill svg{width:16px;height:16px;fill:var(--sun)}.pill.big{font-size:1rem;padding:6px 12px 6px 8px}.pill.big svg{width:20px;height:20px}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4px}.sun{position:absolute;top:0;left:50%;width:230px;height:230px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,var(--sun) 0 52%,transparent 53%);opacity:.9;animation:sunPulse 6s ease-in-out infinite}@keyframes sunPulse{50%{transform:translate(-50%) scale(1.04)}}.mascot{position:relative;appearance:none;border:0;background:none;padding:0;width:210px;height:210px;cursor:pointer;margin-top:10px}.mascot .frenchie{width:100%;height:100%;filter:drop-shadow(0 10px 0 rgba(0,0,0,.12));animation:breathe 3.2s ease-in-out infinite;transform-origin:50% 90%}.mascot.pet .frenchie{animation:pet .5s ease-out}.mascot .woof{top:2%;font-size:1.1rem}.mascot{animation:tilt 11s ease-in-out 4s infinite;transform-origin:50% 90%}@keyframes tilt{0%,86%,to{transform:none}89%,95%{transform:rotate(-9deg)}}@keyframes breathe{50%{transform:scale(1.025,.985)}}@keyframes pet{0%{transform:none}30%{transform:scale(1.12,.86)}60%{transform:scale(.94,1.08) rotate(-5deg)}to{transform:none}}.peek{position:relative;display:flex;flex-direction:column;align-items:center}.peek .mascot{margin-bottom:-34px;z-index:0}.logo{position:relative;z-index:1;margin:0;font-family:var(--display);font-weight:400;font-size:clamp(3rem,15vw,4.4rem);line-height:.9;display:flex;gap:.12em}.logo .w{display:flex}.logo i{font-style:normal;display:inline-block;color:var(--ink);transform:rotate(var(--rot,0deg));animation:blockIn .55s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--k) * 45ms + .1s)}.logo .doku i{color:var(--accent)}.logo i:nth-child(odd){--rot:-4deg}.logo i:nth-child(2n){--rot:3deg}.logo .w:first-child i:nth-child(1){--k:0}.logo .w:first-child i:nth-child(2){--k:1}.logo .w:first-child i:nth-child(3){--k:2}.logo .w:first-child i:nth-child(4){--k:3}.logo .w:first-child i:nth-child(5){--k:4}.logo .doku i:nth-child(1){--k:5}.logo .doku i:nth-child(2){--k:6}.logo .doku i:nth-child(3){--k:7}.logo .doku i:nth-child(4){--k:8}@keyframes blockIn{0%{transform:translateY(-60%) rotate(0);opacity:0}to{transform:rotate(var(--rot,0deg));opacity:1}}.paws{position:absolute;z-index:2;top:calc(100% - clamp(3rem,15vw,4.4rem) + 2px);left:50%;transform:translate(-50%);display:flex;gap:64px;pointer-events:none}.paws i{width:34px;height:22px;border-radius:50% 50% 45% 45%;background:var(--coat,#d8a165);border:3px solid #231a15;background-image:radial-gradient(circle at 30% 30%,rgba(0,0,0,.18) 0 2px,transparent 3px),radial-gradient(circle at 50% 22%,rgba(0,0,0,.18) 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(0,0,0,.18) 0 2px,transparent 3px)}.tag{margin:6px 0 0;color:var(--muted);font-weight:600}.home{justify-content:center;gap:28px}.home>.bar{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:16px;left:16px}.home-actions{display:flex;flex-direction:column;gap:12px}.tester-panel{width:100%;background:var(--bg2);border-radius:16px;padding:10px 12px;border:2px dashed var(--accent)}.tester-panel p{margin:0 0 6px;font-size:.9rem}.more-stars{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom));margin:12px auto 0;display:flex;align-items:center;gap:8px;z-index:3;box-shadow:0 6px 18px #0000002e}.more-stars svg{width:20px;height:20px;fill:var(--sun)}.more-stars b{background:#ffffff40;border-radius:999px;padding:0 8px}.stop.glow{animation:stopGlow 1.1s ease-in-out 2}@keyframes stopGlow{50%{transform:scale(1.25);box-shadow:0 0 0 8px var(--sun)}}@media (prefers-reduced-motion:reduce){.stop.glow{animation:none;box-shadow:0 0 0 6px var(--sun)}}.move-card{background:var(--surface);border-radius:22px;padding:14px 16px;display:grid;gap:10px;box-shadow:var(--press);border:3px solid var(--accent)}.move-card p{margin:0;font-size:.95rem}.big-btn{appearance:none;border:0;border-radius:22px;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:var(--press);transition:transform .1s}.big-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.big-btn.primary{background:var(--accent);color:var(--accent-ink);flex-direction:column;align-items:center;text-align:center;gap:0;padding:18px 20px;animation:nudge 2.8s ease-in-out 1.5s infinite}@keyframes nudge{0%,88%,to{transform:none}92%{transform:scale(1.03)}96%{transform:scale(.99)}}.bb-title{font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1.05;display:block}.bb-sub{font-weight:600;font-size:.9rem;opacity:.85;display:block}.big-btn.daily{background:var(--surface);color:var(--ink)}.big-btn.daily .bb-title{font-size:1.25rem}.big-btn.daily .bb-text{flex:1;min-width:0}.bb-icon{width:48px;height:48px;border-radius:14px;background:var(--sun);display:grid;place-items:center;flex:none}.bb-icon svg{width:28px;height:28px;fill:var(--sun-ink)}.big-btn.daily.locked{opacity:.7}.big-btn.daily.locked .bb-icon{background:var(--bg2)}.big-btn.daily.locked .bb-icon svg{fill:var(--lock)}.big-btn.daily.done .bb-icon{background:var(--r2)}.big-btn.challenge .bb-icon{background:var(--ink)}.big-btn.challenge .bb-icon svg{fill:none;color:var(--sun)}.big-btn.challenge.locked .bb-icon{background:var(--bg2)}.big-btn.challenge.locked .bb-icon svg{fill:none;color:var(--lock)}.big-btn.challenge.done .bb-icon{background:var(--r2)}.big-btn.challenge.done .bb-icon svg{color:var(--ink)}.streak{font-weight:800;font-size:.85rem;background:var(--bg2);border-radius:999px;padding:4px 10px;white-space:nowrap}.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px}.row2:has(#boardsBtn:not([hidden])) .mid-btn{flex-direction:column;align-items:flex-start;gap:4px;font-size:1.05rem;padding:12px}.mid-btn{appearance:none;border:0;border-radius:18px;background:var(--surface);padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--display);font-size:1.15rem;box-shadow:var(--press);transition:transform .1s}.mid-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.mid-btn .pill{font-family:var(--body)}.gtitle{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;justify-self:center;min-width:0}.gname{grid-column:2;font-family:var(--display);font-size:1.3rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsub{grid-column:2;font-size:.8rem;color:var(--muted);font-weight:600}.ltag{grid-row:1 / span 2;position:relative;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--display);font-size:1.05rem;padding-top:5px}.ltag:before{content:"";position:absolute;top:4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--bg)}.ltag svg{width:20px;height:20px;fill:currentColor}.ltag.sun{background:var(--sun);color:var(--sun-ink)}.ltag.ink{background:var(--ink);color:var(--sun)}.ltag.ink svg{fill:none}.gstats{display:flex;align-items:center;justify-content:space-between;padding-inline:4px}.hearts{display:flex;gap:4px}.hearts svg{width:24px;height:24px;fill:var(--accent);transition:fill .3s,transform .3s}.hearts svg.off{fill:var(--heart-off);transform:scale(.8)}.hearts svg.lost{animation:heartLost .6s}@keyframes heartLost{30%{transform:scale(1.4)}to{transform:scale(.8)}}.timer{font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}.timer.over{color:var(--accent)}.coach{background:var(--surface);border-radius:20px 20px 20px 6px;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);position:relative;animation:screenIn .3s ease-out}.coach .frenchie{width:46px;height:46px;flex:none}.coach p{margin:0;font-weight:600}.coach .btn{margin-left:auto;flex:none}.coach:after{content:"";position:absolute;bottom:-8px;left:38px;border:8px solid transparent;border-top-color:var(--surface);border-bottom:0}.board-wrap{position:relative;width:min(100%,calc(100dvh - 300px));min-width:min(100%,280px);margin-inline:auto}.board{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));aspect-ratio:1;max-width:100%;border:3px solid var(--edge);border-radius:18px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:var(--shadow);background:var(--edge)}.cell{position:relative;appearance:none;border:0;margin:0;padding:0;min-width:0;background:var(--rc);border-top:1px solid var(--hair);border-left:1px solid var(--hair);cursor:pointer;overflow:visible;transition:filter .2s}.cell.tt{border-top:3px solid var(--edge)}.cell.tl{border-left:3px solid var(--edge)}.cell.top{border-top:0}.cell.left{border-left:0}.cell:focus-visible{outline:3px solid var(--ink);outline-offset:-5px;z-index:2}.cell.clue{cursor:default}.cell>*{position:absolute;inset:0;margin:auto}.cell .frenchie{width:86%;height:86%;animation:plop .5s ease-out;transform-origin:50% 85%}.ico{width:78%;height:78%}.ico.trail{transform:rotate(var(--rot,0deg))}.num{font-family:var(--display);font-weight:400;color:#fff;font-size:calc(min(100vw,480px) / var(--n) * .3);line-height:1;display:grid;place-items:center;padding-top:24%;text-shadow:0 1px 0 rgba(0,0,0,.35)}.treat{width:56%;height:56%;animation:drop .22s ease-out}.dot{width:13%;height:13%;border-radius:50%;background:var(--dot);animation:dotIn .28s cubic-bezier(.3,1.7,.5,1) backwards}@keyframes dotIn{0%{transform:scale(0)}}.cell.glow{animation:glow .8s ease-out backwards;animation-delay:var(--gd,0ms)}@keyframes glow{0%{filter:none}35%{filter:brightness(1.28) saturate(1.3)}to{filter:none}}.cell.undone>*{animation:undone .35s ease-out}@keyframes undone{0%{transform:scale(1.25) rotate(12deg);opacity:.4}to{transform:none}}.board.won:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);background-size:250% 100%;animation:shine 1.1s ease-out .2s backwards;opacity:0}@keyframes shine{0%{background-position:120% 0;opacity:1}to{background-position:-60% 0;opacity:1}}.won .frenchie .tongue,.mascot.pet .frenchie .tongue{transform-box:fill-box;transform-origin:50% 0;animation:blep .6s ease-out forwards}@keyframes blep{40%{transform:scale(1.5,2.1)}to{transform:scale(1.3,1.7)}}.board.lost .cell .frenchie{filter:grayscale(.75) brightness(.85);transform:rotate(-8deg) translateY(6%);transition:filter .5s,transform .5s}.board.lost .cell .frenchie .ear-l{transform:rotate(-28deg)}.board.lost .cell .frenchie .ear-r{transform:rotate(28deg)}.cell.done-patch{filter:saturate(1.25) brightness(1.04)}.cell.wrong{animation:shake .45s}#board.remix{animation:remixSpin .85s cubic-bezier(.3,1.4,.5,1)}@keyframes remixSpin{0%{transform:rotate(-200deg) scale(.4);opacity:0}70%{opacity:1}to{transform:none}}@media (prefers-reduced-motion:reduce){#board.remix{animation:none}}.cell.broken{animation:shake .45s 3;box-shadow:inset 0 0 0 4px var(--bowl)}.cell.wrong .frenchie{filter:grayscale(.7) brightness(.85)}.cell.wrong:after{content:"";position:absolute;inset:8%;border:3px solid var(--accent);border-radius:50%}.cell.conflict:after{content:"";position:absolute;inset:6%;border:3px solid var(--accent);border-radius:50%;animation:target 1s ease-in-out infinite}.cell.sniffed{animation:sniff .7s ease-out}@keyframes sniff{0%{filter:brightness(1.6)}to{filter:none}}.coach.alert{border:2px solid var(--accent)}.cell.hinted:after{content:"";position:absolute;inset:6%;border:3px dashed var(--ink);border-radius:50%;opacity:.6}.cell.target{z-index:2}.cell.target:before{content:"";position:absolute;inset:4%;border-radius:50%;border:4px solid var(--ink);animation:target 1.1s ease-in-out infinite}.board.coaching .cell:not(.target){filter:saturate(.55) brightness(.92)}@keyframes target{50%{transform:scale(.82);opacity:.5}}@keyframes plop{0%{transform:scale(.3) translateY(25%)}45%{transform:scale(1.14,.86) translateY(6%)}65%{transform:scale(.95,1.08) translateY(-10%) rotate(-7deg)}82%{transform:rotate(5deg)}to{transform:none}}@keyframes drop{0%{transform:scale(.4) rotate(-40deg);opacity:.3}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-6%)}40%{transform:translate(6%)}60%{transform:translate(-4%)}80%{transform:translate(3%)}}.won .dot{opacity:0;transition:opacity .4s}.won .cell .frenchie{animation:hop .7s ease-in-out infinite alternate;animation-delay:calc(var(--d) * 90ms)}@keyframes hop{to{transform:translateY(-12%) rotate(-4deg)}}.frenchie .eyes{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite;animation-delay:calc(var(--d,0) * -.55s)}.frenchie .ear-l,.frenchie .ear-r{transform-box:fill-box;transform-origin:50% 100%}.frenchie .ear-l{animation:twitchL 7s infinite;animation-delay:calc(var(--d,0) * -.8s)}@keyframes blink{0%,94%,to{transform:none}96%{transform:scaleY(.1)}}@keyframes twitchL{0%,90%,to{transform:none}93%{transform:rotate(-9deg)}96%{transform:rotate(3deg)}}.cell.barking,.mascot{z-index:3}.woof{position:absolute;inset:auto auto auto 50%!important;top:-6%;margin:0!important;transform:translate(-50%);font-family:var(--display);font-weight:400;font-size:calc(min(100vw,480px) / var(--n,6) * .24);line-height:1.2;background:var(--surface);color:var(--ink);padding:.1em .5em;border-radius:999px;box-shadow:0 3px 10px #0003;pointer-events:none;white-space:nowrap;animation:woof .9s ease-out forwards}.woof.sad{color:var(--accent)}@keyframes woof{0%{opacity:0;transform:translate(-50%,40%) scale(.5)}20%{opacity:1;transform:translate(-50%,-10%) scale(1.08)}75%{opacity:1;transform:translate(-50%,-25%)}to{opacity:0;transform:translate(-50%,-45%)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:12px;pointer-events:none}.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:auto}.tool{appearance:none;border:0;background:var(--surface);border-radius:16px;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-weight:800;font-size:.78rem;box-shadow:var(--press);transition:transform .1s}.tool svg{width:24px;height:24px;fill:currentColor}.tool:active{transform:translateY(3px);box-shadow:0 1px #0003}.tool[aria-pressed=false]{opacity:.5}.tool:disabled{opacity:.35;cursor:default}.tool .count{position:absolute;top:4px;right:10px;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:.66rem;min-width:18px;padding:1px 5px}.tool{position:relative}.btn{appearance:none;border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;background:var(--bg2);color:var(--ink);box-shadow:var(--press);transition:transform .1s}.btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.revive{display:flex;align-items:center;gap:8px;font-size:1.05rem;padding:14px 24px}.btn.revive svg{width:22px;height:22px;fill:currentColor}.link-btn{appearance:none;border:0;background:none;color:var(--muted);font-weight:800;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;padding:12px;margin:0 auto;cursor:pointer}.btn.small{padding:8px 14px;font-size:.85rem}.sheet-backdrop{position:fixed;inset:0;background:#0a0c1e73;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .2s}.sheet{width:100%;max-width:520px;max-height:88dvh;overflow:auto;background:var(--surface);border-radius:26px 26px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;animation:sheetUp .32s cubic-bezier(.2,1.2,.4,1)}.sheet h2{margin:0;font-family:var(--display);font-weight:400;font-size:1.9rem;line-height:1.1;text-wrap:balance}.sheet p{margin:0;color:var(--muted);max-width:36ch}.sheet .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.sheet .big-pup{width:150px;height:150px}.sheet .big-pup .frenchie{width:100%;height:100%;animation:plop .6s ease-out}.sheet .kicker{font-size:.95rem;font-weight:800;color:var(--accent);margin:0}.sheet .lead{color:var(--ink);font-size:1.05rem}@keyframes fade{0%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(100%)}}.stars{display:flex;gap:6px;justify-content:center}.stars svg{width:46px;height:46px;fill:var(--heart-off)}.stars svg.on{fill:var(--sun);animation:starPop .45s cubic-bezier(.3,1.8,.5,1) both;animation-delay:var(--sd)}.stars .st{position:relative;display:grid;place-items:center}.stars .st.on:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--sun);opacity:0;animation:burst .6s ease-out both;animation-delay:calc(var(--sd) + .12s)}@keyframes burst{0%{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes starPop{0%{transform:scale(0) rotate(-40deg)}to{transform:none}}.star-why{display:grid;gap:4px;font-size:.88rem;color:var(--muted);text-align:left}.star-why span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--heart-off);vertical-align:middle}.star-why span.ok:before{background:var(--sun)}.sound-panel{width:100%;display:grid;gap:4px;background:var(--bg2);border-radius:18px;padding:6px 16px}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;font-weight:600;text-align:left}.sound-row+.sound-row{border-top:1px solid var(--hair)}.switch{appearance:none;flex:none;width:56px;height:32px;border-radius:999px;border:0;padding:3px;background:var(--silhouette);cursor:pointer;transition:background .2s}.switch span{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .2s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] span{transform:translate(24px)}.vol input{flex:1;max-width:60%;accent-color:var(--accent);height:32px}.vol input:disabled{opacity:.4}.credit{margin:10px 0 0;font-size:.8rem;color:var(--muted)}.rule-list{display:grid;gap:10px;text-align:left;width:100%}.rule{display:flex;gap:12px;align-items:center}.ri{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--r3);position:relative}.ri svg{width:32px;height:32px}.ri .frenchie{width:34px;height:34px}.ri .num{font-size:.8rem;--n:1}.how{background:var(--bg2);border-radius:14px;padding:10px 12px;font-size:.88rem;text-align:left;width:100%;color:var(--ink)}.mini{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);border:3px solid var(--edge);border-radius:12px;overflow:hidden;background:var(--r4)}.mini>div{position:relative;border:1px solid var(--hair)}.mini>div>*{position:absolute;inset:0;margin:auto;width:80%;height:80%}.mini .num{width:auto;height:auto;font-size:1.15rem;padding-top:22%}.chapters{display:grid;gap:18px}.world{position:relative;border-radius:28px;padding:16px 14px 6px;background:linear-gradient(180deg,var(--sky),var(--ground));color:var(--ink);overflow:hidden}.world.dark{color:#fff}.w-head{display:flex;gap:10px;align-items:flex-start}.w-title{flex:1;min-width:0}.w-head h3{margin:0;font-family:var(--display);font-weight:400;font-size:1.55rem;line-height:1.05}.w-head p{margin:2px 0 0;font-size:.86rem;opacity:.8}.w-head .w-meta{font-size:.76rem;font-weight:800;opacity:.65}.w-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.ch-feats{display:flex;gap:3px}.ch-feats svg{width:26px;height:26px}.world .pill{background:#ffffffa6;color:var(--ink)}.world.dark .pill{background:#0000004d;color:#fff}.w-lock{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-weight:800;font-size:.85rem;background:#ffffff8c;border-radius:999px;padding:6px 12px;width:max-content;max-width:100%}.w-lock svg{width:15px;height:15px;fill:currentColor;flex:none}.world.dark .w-lock{background:#0000004d}.trail{position:relative}.trail .path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.trail .path path{fill:none;stroke:var(--node);stroke-opacity:.4;stroke-width:9;stroke-linecap:round;stroke-dasharray:.1 17;vector-effect:non-scaling-stroke}.world.dark .trail .path path{stroke:#fff;stroke-opacity:.35}.world.locked .trail{filter:saturate(.3);opacity:.6}.prop{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;transform:rotate(var(--tilt));filter:drop-shadow(0 3px 0 rgba(0,0,0,.12));pointer-events:none}.stop{position:absolute;width:62px;height:62px;margin:-31px 0 0 -31px;appearance:none;border:0;border-radius:50%;padding:0;cursor:pointer;display:grid;place-items:center;background:var(--node);color:var(--node-ink);font-family:var(--display);font-size:1.45rem;box-shadow:0 5px #00000038,inset 0 -5px #00000024;transition:transform .1s}.stop:active{transform:translateY(3px);box-shadow:0 2px #00000038,inset 0 -5px #00000024}.stop b{font-weight:400;line-height:1;margin-top:-3px}.stop.done{background:var(--surface);color:var(--node);box-shadow:0 5px #0000002e,inset 0 0 0 4px var(--node)}.stop .mini-stars{position:absolute;left:50%;bottom:-11px;transform:translate(-50%);display:flex;gap:1px;background:var(--surface);border-radius:999px;padding:2px 5px;box-shadow:0 2px #00000026}.stop .mini-stars svg{width:12px;height:12px;fill:var(--heart-off)}.stop .mini-stars svg.on{fill:var(--sun)}.stop.here{width:76px;height:76px;margin:-38px 0 0 -38px;font-size:1.7rem;z-index:2}.stop.here:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:4px solid var(--node);opacity:.6;animation:ring 1.6s ease-out infinite}.world.dark .stop.here:after{border-color:#fff}@keyframes ring{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.25);opacity:0}}.stop .you{position:absolute;left:50%;bottom:72%;width:54px;height:54px;margin-left:-27px;animation:bob 1.4s ease-in-out infinite;pointer-events:none}.stop .you .frenchie{width:100%;height:100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}@keyframes bob{50%{transform:translateY(-5px)}}.stop .boss-crown{position:absolute;right:-12px;top:-14px;width:34px;height:34px;transform:rotate(18deg);pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}.stop.locked .boss-crown{width:30px;height:30px;filter:grayscale(1);opacity:.6;fill:initial}.stop.locked{cursor:default;background:color-mix(in srgb,var(--node) 10%,#fff);color:var(--lock);box-shadow:inset 0 0 0 3px #1d224424}.world.dark .stop.locked{background:color-mix(in srgb,var(--node) 18%,var(--ground));color:#ffffff80;box-shadow:inset 0 0 0 3px #ffffff26}.stop.locked svg{width:20px;height:20px;fill:currentColor}.prize{position:absolute;width:110px;margin-left:-55px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.prize .frenchie{width:70px;height:70px}.prize span{font-weight:800;font-size:.8rem;background:#ffffffb3;color:var(--ink);border-radius:999px;padding:2px 10px;white-space:nowrap}.world.dark .prize span{background:#00000059;color:#fff}.prize.got span{background:linear-gradient(#f2cf6b,#d9a93a);color:#3a2a00;font-family:var(--display);font-weight:400;font-size:.95rem}.world.soon{background:transparent;border:2px dashed var(--silhouette);color:var(--muted);text-align:center;padding:18px}.world.soon h3{margin:0;font-family:var(--display);font-weight:400;font-size:1.2rem;color:var(--ink)}.world.soon p{margin:4px 0 0;font-size:.86rem}.postcard{width:100%;border-radius:22px;padding:14px 16px 16px;background:linear-gradient(180deg,var(--sky),var(--ground));color:var(--ink);display:grid;justify-items:center;gap:2px}.postcard.dark{color:#fff}.pc-props{display:flex;gap:10px;margin-bottom:4px}.pc-props svg{width:58px;height:58px;animation:starPop .5s cubic-bezier(.3,1.8,.5,1) both}.pc-props svg:nth-child(2){animation-delay:.12s}.pc-props svg:nth-child(3){animation-delay:.24s}.pc-kicker{font-weight:800;font-size:.9rem;color:var(--node)}.postcard.dark .pc-kicker{color:#fff;opacity:.8}.postcard h2{margin:0}body.in-world{background:linear-gradient(180deg,color-mix(in srgb,var(--wtint) 75%,var(--bg)) 0,var(--bg) 420px) no-repeat,var(--bg)}.ltag.world{background:var(--wnode);color:var(--wnode-ink)}.tool .ball-i{width:26px;height:26px}.tool .count.none,.tool.picking{background:var(--sun);color:var(--sun-ink)}.tool.fresh{animation:nudge 1.6s ease-in-out infinite;box-shadow:var(--press),0 0 0 3px var(--sun)}.toybox{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:20px;padding:10px 14px;box-shadow:var(--press)}.toybox>svg{width:44px;height:44px;flex:none}.toybox div{flex:1;min-width:0}.toybox p{margin:0;color:var(--muted);font-size:.8rem}.fetch-ball{position:absolute;left:0;top:0;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.cell.fetched:before{content:"";position:absolute;inset:8%;border-radius:50%;border:3px dashed rgba(29,34,68,.35)}.ball-line{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:800}.ball-line svg{width:26px;height:26px}.ball-art svg{width:96px;height:96px;animation:starPop .5s cubic-bezier(.3,1.8,.5,1) both}.btn:disabled{opacity:.5;cursor:default}.lb-line{width:100%;display:grid;gap:8px;justify-items:center;font-weight:800}.lb-line p{margin:0}.lb-line .rank{font-family:var(--display);font-weight:400;font-size:1.3rem;color:var(--accent)}.name-pick{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.name-pick .btn{padding:8px 14px;font-size:.9rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg2);border-radius:999px;padding:4px;width:100%}.tabs button{appearance:none;border:0;border-radius:999px;padding:8px;font-weight:800;background:transparent;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px #0000001f}.lb-list{width:100%;list-style:none;margin:0;padding:0;display:grid;gap:4px;text-align:left;min-height:120px}.lb-list li{display:grid;grid-template-columns:30px 36px 1fr auto;align-items:center;gap:8px;background:var(--bg2);border-radius:14px;padding:6px 10px}.lb-list li.me{background:color-mix(in srgb,var(--sun) 45%,var(--surface))}.lb-list .pos{font-family:var(--display);font-size:1.1rem;text-align:center}.lb-list .frenchie{width:36px;height:36px}.lb-list .nm{font-weight:800;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list .tm{font-weight:800;font-variant-numeric:tabular-nums}.lb-empty{color:var(--muted);text-align:center;padding:16px 0}.big-btn.free .bb-icon{background:var(--accent)}.big-btn.free .bb-icon svg{fill:none;color:var(--accent-ink)}.big-btn.free.locked .bb-icon{background:var(--bg2)}.big-btn.free.locked .bb-icon svg{fill:none;color:var(--lock)}.sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.size-btn{appearance:none;border:0;border-radius:18px;background:var(--bg2);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;box-shadow:var(--press);transition:transform .1s}.size-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.size-btn b{font-family:var(--display);font-weight:400;font-size:1.5rem}.size-btn span{font-weight:800;font-size:.85rem;color:var(--muted)}.size-btn small{font-size:.75rem;color:var(--muted)}.sound-row small{display:block;font-size:.76rem;font-weight:600;color:var(--muted)}.gate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.gate .btn{padding:14px 0;font-family:var(--display);font-weight:400;font-size:1.3rem}.btn.danger{background:#d93b3b;color:#fff}:root{--pi:rgba(29,34,68,.16);--p0:repeating-linear-gradient(45deg,var(--pi) 0 3px,transparent 3px 11px);--p1:radial-gradient(var(--pi) 2px,transparent 2.5px) 0 0/10px 10px;--p2:repeating-linear-gradient(0deg,var(--pi) 0 2.5px,transparent 2.5px 9px);--p3:repeating-linear-gradient(90deg,var(--pi) 0 2.5px,transparent 2.5px 9px);--p4:repeating-linear-gradient(45deg,var(--pi) 0 2px,transparent 2px 10px),repeating-linear-gradient(-45deg,var(--pi) 0 2px,transparent 2px 10px);--p5:repeating-linear-gradient(-45deg,var(--pi) 0 3px,transparent 3px 11px);--p6:linear-gradient(var(--pi) 2px,transparent 2px) 0 0/12px 12px,linear-gradient(90deg,var(--pi) 2px,transparent 2px) 0 0/12px 12px;--p7:radial-gradient(var(--pi) 4px,transparent 4.5px) 0 0/16px 16px;--p8:conic-gradient(var(--pi) 25%,transparent 0 50%,var(--pi) 0 75%,transparent 0) 0 0/14px 14px;--p9:radial-gradient(circle,transparent 3px,var(--pi) 3px 5px,transparent 5px) 0 0/14px 14px}body.patterns .cell{background:var(--rp),var(--rc)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--pi:rgba(0,0,0,.28)}}:root[data-theme=dark]{--pi:rgba(0,0,0,.28)}.home .bar{display:flex;justify-content:space-between}.treat-pill{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px 0 8px;border-radius:14px;background:var(--surface);box-shadow:var(--press);font-family:var(--display);font-size:1.15rem;color:var(--ink);position:relative;transition:transform .1s}.treat-pill:active{transform:translateY(3px);box-shadow:0 1px #0003}.treat-pill svg,.pill .bone-i{width:30px;height:30px;fill:none}.pill .bone-i{width:22px;height:22px}.treat-pill.ready{animation:nudge 2.2s ease-in-out infinite}.bag-tag{position:absolute;top:-9px;right:-12px;background:var(--accent);color:var(--accent-ink);font-family:var(--body);font-weight:800;font-size:.72rem;border-radius:999px;padding:2px 8px;box-shadow:0 2px #0000002e}.bump{animation:bump .5s cubic-bezier(.3,1.8,.5,1)}@keyframes bump{40%{transform:scale(1.25)}}.treat-earn{display:inline-flex;align-items:center;gap:6px;margin:0;font-family:var(--display);font-size:1.3rem;color:var(--ink);background:var(--bg2);border-radius:999px;padding:4px 16px 4px 8px}.treat-earn svg{width:34px;height:34px}.btn.video{display:inline-flex;align-items:center;gap:8px;background:var(--sun);color:var(--sun-ink)}.btn.video svg{width:18px;height:18px}.bag-art{position:relative;width:120px;height:120px}.bag-art .frenchie{width:100%;height:100%}.bag-art .bag-bone{position:absolute;right:-18px;bottom:-4px;width:64px;height:64px;transform:rotate(18deg);animation:starPop .5s cubic-bezier(.3,1.8,.5,1) .15s both}.closet{display:grid;gap:12px}.closet-stage{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:22px;padding:12px 16px;box-shadow:var(--press)}.closet-stage .frenchie{width:92px;height:92px;flex:none}.closet-stage h3{margin:0;font-family:var(--display);font-weight:400;font-size:1.3rem}.closet-stage p{margin:2px 0 0;color:var(--muted);font-size:.86rem}.outfits{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.outfit{position:relative;appearance:none;border:3px solid transparent;border-radius:18px;background:var(--surface);padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;box-shadow:var(--press);transition:transform .1s}.outfit:active{transform:translateY(3px);box-shadow:0 1px #0003}.outfit .frenchie{width:62px;height:62px}.outfit b{font-size:.78rem;line-height:1.1}.outfit .tag{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:.76rem;border-radius:999px;padding:1px 8px;background:var(--bg2);color:var(--muted)}.outfit .tag svg{width:18px;height:18px}.outfit.afford .tag{background:var(--sun);color:var(--sun-ink)}.outfit.own .tag{background:var(--bg2);color:var(--ink)}.outfit.on{border-color:var(--accent)}.outfit.on .tag{background:var(--accent);color:var(--accent-ink)}.outfit.dear .frenchie{opacity:.55;filter:grayscale(.5)}.sub-title{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:1.3rem}.lede{margin:0;color:var(--muted)}.pups{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pup{background:var(--surface);border-radius:20px;padding:12px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;appearance:none;border:3px solid transparent;cursor:pointer;box-shadow:var(--press);transition:transform .1s}.pup:active{transform:translateY(3px);box-shadow:0 1px #0003}.pup.buddy{border-color:var(--accent)}.pup.locked{background:transparent;border:2px dashed var(--silhouette);box-shadow:none;cursor:default;justify-content:center}.nametag{position:relative;font-family:var(--display);font-weight:400;font-size:1.05rem;background:linear-gradient(#f2cf6b,#d9a93a);color:#3a2a00;border-radius:999px;padding:2px 14px 2px 22px;margin-top:-14px;box-shadow:0 2px #a97d1c}.nametag:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 1px #00000059}.pup .frenchie{width:92px;height:92px}.pup small{color:var(--muted);font-size:.78rem;line-height:1.3}.pup .tagb{position:absolute;top:8px;right:8px;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:.72rem;font-weight:800;padding:2px 8px}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:30}@media (max-height:700px){.mascot{width:160px;height:160px}.sun{width:180px;height:180px}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){.world:not(.dark):not(.soon),.postcard:not(.dark){background:linear-gradient(180deg,color-mix(in srgb,var(--node) 30%,var(--bg2)),color-mix(in srgb,var(--node) 10%,var(--bg)))}body.in-world{background:linear-gradient(180deg,color-mix(in srgb,var(--wtint) 28%,var(--bg)) 0,var(--bg) 420px) no-repeat,var(--bg)}.world:not(.dark) .pill,.world:not(.dark) .w-lock,.world:not(.dark) .prize:not(.got) span{background:#00000040;color:var(--ink)}.world:not(.dark) .stop.locked{background:color-mix(in srgb,var(--node) 14%,var(--bg));color:var(--lock)}}}:root[data-theme=dark] .world:not(.dark):not(.soon),:root[data-theme=dark] .postcard:not(.dark){background:linear-gradient(180deg,color-mix(in srgb,var(--node) 30%,var(--bg2)),color-mix(in srgb,var(--node) 10%,var(--bg)))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.linkish{appearance:none;background:none;border:0;padding:4px 0;margin-top:4px;color:var(--accent);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}