:root{--bg: #cfeec0;--card: #fffaf0;--ink: #2d2416;--ink-soft: #5d5040;--line: #e2d3b4;--green: #3f8236;--green-d: #2a5e25;--blue: #2f6bc4;--amber: #f0ad2e;--orange: #e8743b;--red: #b8433f;--radius: 22px;--shadow: 0 6px 0 rgba(60, 40, 10, .12), 0 10px 24px rgba(40, 30, 10, .12);--font: "Nunito", "Avenir Next", "Segoe UI Rounded", "Trebuchet MS", system-ui, sans-serif;--tap: 52px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}.high-contrast{--card: #ffffff;--ink: #000;--ink-soft: #222;--line: #000;--green: #1f6e18;--blue: #0b4fb3}.high-contrast .btn,.high-contrast .req,.high-contrast .modal,.high-contrast .sidepanel{border:3px solid #000!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{touch-action:manipulation;user-select:none;-webkit-user-select:none}#world,#world canvas{touch-action:none}input,textarea{user-select:text;-webkit-user-select:text;font:inherit}#world{position:fixed;inset:0;z-index:0}#world canvas{display:block;touch-action:none}#screen{position:fixed;inset:0;z-index:1;pointer-events:none}#screen>*{pointer-events:auto}#modals{position:fixed;inset:0;z-index:10;pointer-events:none}#modals>*{pointer-events:auto}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.15}.svg,.ico{display:inline-block;flex:none;line-height:0}.svg svg,.ico svg{width:100%;height:100%}small,.small{color:var(--ink-soft);font-size:.92rem}.btn{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:.45em;padding:.5em 1.05em;border:0;border-radius:999px;background:#fff;color:var(--ink);font:800 1.08rem var(--font);cursor:pointer;box-shadow:0 4px #00000024;transition:transform .08s;touch-action:manipulation}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000024}.btn:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #ffd54a;outline-offset:2px}.btn.primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-d)}.btn.secondary{background:#fff7e3;border:2px solid var(--line)}.btn.danger{background:#fdecea;color:#8a1f1f;border:2px solid #e8b4b4}.btn.big{font-size:1.2rem;min-height:60px;padding:.6em 1.4em}.btn.huge{font-size:1.45rem;min-height:76px;padding:.7em 1.8em;width:100%}.btn.sm-btn{min-height:48px;font-size:.98rem;padding:.35em .85em}.btn.icon-btn{padding:0;width:var(--tap);background:#fff}.btn.icon-btn.sm{width:48px;min-width:48px;min-height:48px}.btn.is-disabled{opacity:.5;filter:grayscale(.6);cursor:default}.btn.chip{min-height:48px;font-size:.95rem;padding:.3em .9em;background:#fff;border:2px solid var(--line);box-shadow:none}.btn.chip.on,.btn.mode.on,.btn.toggle.on,.btn.tab.on{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.on .ico{filter:brightness(1.1)}.coins{display:inline-flex;align-items:center;gap:.3em;font-weight:900;font-size:1.2rem;background:#fff6d6;border-radius:999px;padding:.2em .8em .2em .3em;border:2px solid #f2d27a}.topbar{position:fixed;top:calc(8px + var(--safe-t));left:8px;right:8px;display:flex;align-items:center;gap:8px;z-index:3;pointer-events:none}.topbar>*{pointer-events:auto}.phase{flex:1;min-width:0;background:var(--card);border-radius:999px;padding:6px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}.phase-bar{display:flex;gap:4px;height:12px}.phase-bar .seg{flex:1;background:#e9e0c9;border-radius:6px;overflow:hidden}.phase-bar .seg i{display:block;height:100%;background:linear-gradient(90deg,#ffd54a,#f0ad2e)}.phase-bar .seg.done i{background:var(--green)}.phase-label{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pause-btn{flex:none}.coach{position:fixed;top:calc(74px + var(--safe-t));left:8px;right:8px;z-index:3;display:flex;justify-content:center;pointer-events:none}.coach-card{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#fffbe8;border:3px solid #f2d27a;border-radius:20px;padding:8px 14px;font-weight:800;font-size:1.05rem;max-width:560px;box-shadow:var(--shadow)}.coach-card.tut{font-size:1.12rem}.banner{position:fixed;top:calc(74px + var(--safe-t));left:8px;right:8px;z-index:4;display:flex;justify-content:center;pointer-events:none}.banner-card{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;background:#fff;border-radius:22px;padding:6px 10px;box-shadow:var(--shadow);border:3px solid #b6dd9f;font-size:1.05rem}.banner-card.closing{border-color:#f2d27a;background:#fffbe8}.mapctl{position:fixed;right:8px;top:38%;display:flex;flex-direction:column;gap:8px;z-index:2}.mapctl .btn{box-shadow:var(--shadow)}.mapctl .follow-btn.on{background:var(--blue)}.reqstrip{position:fixed;left:0;right:0;bottom:0;padding:8px 8px calc(8px + var(--safe-b));display:flex;gap:8px;overflow-x:auto;z-index:3;background:linear-gradient(to top,#fffaf0f5,#fffaf0e0);border-top:2px solid var(--line);scrollbar-width:none;touch-action:pan-x}.req{flex:none;display:flex;align-items:center;gap:4px;min-height:64px;padding:4px 12px 4px 4px;border-radius:18px;border:3px solid #b6dd9f;background:#fff;font:inherit;color:var(--ink);cursor:pointer;position:relative}.req.sel{outline:4px solid var(--blue)}.req.soon{border-color:var(--amber)}.req.urgent{border-color:var(--orange);background:#fff4ec}.req.late{border-color:#b5bec8;background:#f3f5f7}.req.helping{border-color:var(--blue)}.req-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;font-size:1rem}.req-txt small{font-weight:700}.req-ring{position:absolute;left:6px;right:6px;bottom:3px;height:5px;border-radius:3px;background:#eee;overflow:hidden}.req-ring:after{content:"";position:absolute;inset:0;width:calc(var(--f) * 100%);background:var(--green)}.req.soon .req-ring:after{background:var(--amber)}.req.urgent .req-ring:after{background:var(--orange)}.req.late .req-ring:after,.req.helping .req-ring:after{background:transparent}.req-empty{display:flex;align-items:center;gap:8px;font-weight:800;padding:10px 6px;min-height:64px}.portrait{position:relative;display:inline-block;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0,#e9f5df 70%)}.portrait .pa,.portrait .pf{position:absolute;inset:0}.sidepanel{position:fixed;z-index:3;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sidepanel>*{pointer-events:auto}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;overflow-y:auto}.carry{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:6px}.basket{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.carry-label{display:inline-flex;padding:0 4px}.bslot{width:56px;height:56px;border-radius:16px;border:3px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.bslot.empty{border-style:dashed;background:transparent}.route{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.route-empty{color:var(--ink-soft);font-weight:700;font-size:.92rem;padding:4px}.stop{flex:none;display:flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;border-radius:16px;background:#eef4fd;border:2px solid #bcd3f3;font-weight:800;font-size:.9rem;max-width:300px}.stop.active{background:#dfeafb;border-color:var(--blue)}.stop-n{width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.85rem;flex:none}.stop-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.panel-head h3{margin:0;font-size:1.25rem}.panel-head>div:not(.st-badge){flex:1}.panel-head h3:only-of-type{flex:1}.panel-hint{display:flex;align-items:center;gap:10px;font-weight:800}.panel-hint p{margin:0}.mood{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 6px;border-radius:999px;font-weight:900;margin-bottom:6px}.mood.happy{background:#e3f5d9}.mood.normal{background:#fff3cf}.mood.sad{background:#fde6dc}.meters{display:grid;gap:4px;margin-bottom:8px}.meter{display:grid;grid-template-columns:30px 52px 1fr;align-items:center;gap:6px;font-weight:800;font-size:.95rem}.m-bar{height:14px;background:#ece3cf;border-radius:8px;overflow:hidden}.m-bar i{display:block;height:100%;background:var(--green);border-radius:8px}.m-bar i.mid{background:var(--amber)}.m-bar i.low{background:var(--orange)}.need{display:flex;gap:10px;align-items:center;background:#fff3cf;border-radius:16px;padding:8px 10px;margin-bottom:8px}.need div{display:flex;flex-direction:column}.panel .btn{width:100%;margin-top:6px}.panel .btn.icon-btn{width:48px;margin:0}.note{display:flex;align-items:center;gap:6px;font-weight:800;margin:6px 0}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.item{min-height:92px;border-radius:18px;border:3px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:800 .98rem var(--font);color:var(--ink);cursor:pointer;padding:6px}.item:active{transform:scale(.97)}.item.is-disabled{opacity:.5}.st-badge{width:52px;height:52px;border-radius:16px;background:#e3f5d9;display:grid;place-items:center}.play .sidepanel{left:8px;right:8px;bottom:calc(92px + var(--safe-b))}.play .panel{display:none;max-height:30vh;max-height:30dvh}.play.has-sel .panel{display:block}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.play .sidepanel{left:auto;right:74px;top:calc(76px + var(--safe-t));bottom:calc(96px + var(--safe-b));width:360px;max-height:none}.play .panel{display:block;max-height:none;flex:1}.play .carry{flex:none}}@media (min-width: 700px) and (max-aspect-ratio: 1/1){.play .sidepanel{left:16px;right:80px}.play .panel{max-height:30vh;max-height:30dvh}}#toast{position:fixed;left:50%;bottom:calc(110px + var(--safe-b));transform:translate(-50%,40px);opacity:0;z-index:20;background:#2d2416;color:#fff;padding:12px 20px;border-radius:18px;font-weight:800;font-size:1.05rem;max-width:min(92vw,520px);text-align:center;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}#toast.good{background:var(--green-d)}.scrim{position:fixed;inset:0;background:#1e281473;display:grid;place-items:center;padding:max(10px,var(--safe-t)) 10px max(10px,var(--safe-b))}.modal{background:var(--card);border-radius:26px;box-shadow:var(--shadow);width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;animation:pop .22s ease-out}.modal.wide{width:min(960px,100%)}@keyframes pop{0%{transform:scale(.94);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;gap:8px}.modal-head h2{margin:0;font-size:1.5rem}.modal-body{padding:4px 16px 12px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:10px 16px 16px;border-top:2px solid var(--line)}.big-text{font-size:1.15rem;font-weight:700}.pause-modal .modal-actions{justify-content:center}body[data-screen=home] #world,body[data-screen=create] #world{filter:blur(3px) saturate(1.1)}.home,.create,.summary{position:fixed;inset:0;overflow-y:auto;padding:calc(16px + var(--safe-t)) 16px calc(24px + var(--safe-b));background:#cfeec0c7;touch-action:pan-y}.home{display:flex;flex-direction:column;gap:16px;align-items:center}.home>*{width:min(900px,100%)}.home-head .btn{white-space:nowrap}.home-head{display:flex;gap:8px;justify-content:space-between;align-items:center}.home-head h1{white-space:nowrap;font-size:clamp(2rem,9vw,3.4rem);color:#2f6e28;text-shadow:0 3px 0 #fff;margin:0}.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.pcard{background:var(--card);border:0;border-radius:26px;box-shadow:var(--shadow);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--ink);cursor:pointer;min-height:220px}.pcard.new{border:4px dashed #9cc98a;background:#fff9;justify-content:center;font-size:1.2rem}.pname{font-size:1.3rem}.pzoo{color:var(--ink-soft);font-weight:700}.pmeta{display:flex;gap:8px;align-items:center;font-weight:700}.pday{background:#fff3cf;border-radius:999px;padding:2px 10px;font-weight:800;font-size:.9rem}.foot{text-align:center;color:var(--ink-soft);font-weight:700}.warn{background:#fde6dc;border-radius:16px;padding:10px 14px;font-weight:800}.update{display:flex;align-items:center;gap:10px;background:#e3f0ff;border-radius:18px;padding:8px 12px;font-weight:800}.loading{position:fixed;inset:0;display:grid;place-items:center;font-size:1.4rem;font-weight:800;background:var(--bg)}.create{display:grid;place-items:start center}.create-card{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:18px;width:min(720px,100%);display:flex;flex-direction:column;gap:12px;align-items:stretch}.create-card>.portrait{align-self:center}.create-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.stepdots{display:flex;gap:6px}.stepdots i{width:12px;height:12px;border-radius:50%;background:#ddd0b2}.stepdots i.on{background:var(--green)}.field{display:flex;flex-direction:column;gap:4px;font-weight:800}.field input{min-height:52px;border-radius:16px;border:3px solid var(--line);padding:0 14px;font-size:1.15rem;background:#fff;color:var(--ink);width:100%}.modes,.chips,.variants,.goals{display:flex;flex-wrap:wrap;gap:8px}.mode-blurb{font-weight:700;color:var(--ink-soft)}.starters{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.starter{background:#fff;border:4px solid var(--line);border-radius:22px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;color:var(--ink);cursor:pointer;min-height:160px}.starter.on{border-color:var(--green);background:#effae8}.starter small{text-align:center}.keeper-ed{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.keeper-prev{background:radial-gradient(circle,#fff 0,#e9f5df 70%);border-radius:24px}.krow{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-weight:800}.hubbar .hub-title{flex:1;min-width:0;background:var(--card);border-radius:999px;padding:6px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;line-height:1.1}.hubbar .hub-title b{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubbar .hub-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hubbar .coins{box-shadow:var(--shadow)}.hub .update{position:fixed;top:calc(76px + var(--safe-t));left:8px;right:8px;z-index:3}.hub-card{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + var(--safe-b));width:min(640px,calc(100% - 16px));background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:10px;z-index:3}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn.tile{border-radius:20px;flex-direction:column;min-height:76px;gap:2px;padding:.4em;background:#fff7e3;border:2px solid var(--line)}@media (min-width: 900px){.hub-grid{grid-template-columns:repeat(6,1fr)}}.roster{display:flex;flex-wrap:wrap;gap:8px}.roster-a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;min-height:120px;border-radius:18px;border:3px solid var(--line);background:#f4f1ea;font:800 .95rem var(--font);color:var(--ink);cursor:pointer;padding:6px}.roster-a.on{border-color:var(--green);background:#effae8}.summary{display:grid;place-items:center}.summary-card{background:var(--card);border-radius:30px;box-shadow:var(--shadow);padding:20px;width:min(720px,100%);text-align:center;display:flex;flex-direction:column;gap:12px}.summary-card h1{color:#2f6e28;font-size:2rem}.helped{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.helped-a{display:flex;flex-direction:column;align-items:center;gap:2px}.highlight{font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.earn{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.earn>div{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:18px;padding:10px 16px}.summary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.shop-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;position:sticky;top:0;background:var(--card);padding:4px 0;z-index:1}.btn.tab{background:#fff7e3;border:2px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.card{background:#fff;border-radius:20px;border:2px solid var(--line);padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.card h4{margin:4px 0 0;font-size:1.15rem}.card-tags{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:var(--ink-soft);margin:4px 0}.card .btn{width:100%;margin-top:auto}.owned-tag{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--green-d);margin:4px 0}.shop-note{font-weight:800;display:flex;align-items:center;gap:6px}.animal-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;touch-action:pan-x}.animal-tab{display:flex;flex-direction:column;align-items:center;min-width:84px;min-height:84px;border-radius:18px;border:3px solid var(--line);background:#fff;font:800 .9rem var(--font);color:var(--ink);cursor:pointer;padding:4px}.animal-tab.on{border-color:var(--blue);background:#eef4fd}.rows{display:flex;flex-direction:column;gap:8px;margin:8px 0}.row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;border:2px solid var(--line);padding:8px}.row-art{width:96px;height:72px;flex:none}.row-ico{width:64px;display:grid;place-items:center}.row-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.row .btn{flex:none}.dots{display:flex;gap:4px}.dots i{width:14px;height:14px;border-radius:50%;background:#e2d8c2}.dots i.on{background:var(--green)}h3.sub{margin-top:14px}.xcard{background:#fff;border-radius:20px;border:2px solid var(--line);padding:12px;margin-bottom:10px}.x-head{display:flex;gap:10px;align-items:center}.x-head h4{margin:0;font-size:1.2rem}.x-animals{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.x-animal{display:flex;flex-direction:column;align-items:center;min-width:100px;min-height:108px;border-radius:18px;border:3px solid var(--line);background:#fbf8f1;font:800 .92rem var(--font);color:var(--ink);cursor:pointer;padding:6px}.x-animal.on{border-color:var(--green);background:#effae8}.xcard .btn.primary{margin-top:8px}.x-note{font-weight:700;margin:6px 0 0}.deco{background:#fff;border-radius:18px;border:2px solid var(--line);padding:8px;margin-bottom:10px}.deco-head{display:flex;align-items:center;gap:8px}.deco-items{display:flex;gap:8px;overflow-x:auto;touch-action:pan-x;padding:4px 0}.deco-item{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:132px}.deco-item .svg{width:120px;height:90px}.adopt{display:flex;flex-direction:column;gap:10px;align-items:center}.adopt-prev{display:flex;flex-direction:column;align-items:center;gap:8px}.result{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px}.result .hab-prev{width:140px;height:105px}.result p{margin:0;font-weight:700}.adopt .field{width:100%}.acard{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px;border:2px solid var(--line);padding:10px;margin-bottom:10px;flex-wrap:wrap}.acard-main{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.btn.chip.frame{padding:2px 6px}.friend{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ribbons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ribbon{background:#fff;border-radius:18px;border:2px solid var(--line);padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;opacity:.55}.ribbon.on{opacity:1;border-color:#f2d27a}.help{display:flex;flex-direction:column;gap:10px}.help-step{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.1rem;background:#fff;border-radius:16px;padding:8px}.settings{display:flex;flex-direction:column;gap:8px}.set-row{display:flex;flex-direction:column;gap:2px}.set-row.slider{flex-direction:row;align-items:center;gap:10px;font-weight:800}.set-row.slider input{flex:1;min-height:48px;accent-color:var(--green)}.btn.toggle{justify-content:flex-start}.parent p{font-weight:600}.prow{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:8px;margin-bottom:8px;flex-wrap:wrap}.prow-main{flex:1;min-width:160px;display:flex;flex-direction:column}.btn.on.secondary{background:var(--blue);color:#fff}.home-animals{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.carry{flex-direction:row;align-items:center;gap:8px}.basket{flex:none;flex-wrap:nowrap}.route{flex:1;min-width:0}.bslot{width:50px;height:50px}.route-empty{font-size:.85rem;line-height:1.15}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.carry{flex-direction:column;align-items:stretch}}.portrait .pimg{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}.portrait.sleep .pimg,.portrait.sad .pimg{filter:saturate(.6) brightness(.95)}.kimg{width:140px;height:200px;object-fit:contain;padding:8px}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.play .coach,.play .banner{right:450px}}.play .mapctl{top:auto;right:auto;left:8px;bottom:calc(176px + var(--safe-b));flex-direction:row}.play.compact.has-sel .mapctl{display:none}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.play .mapctl{bottom:calc(100px + var(--safe-b))}}.play.has-banner .coach{display:none}.play.compact .panel{max-height:none;overflow:visible;padding:8px 10px}.play.compact .panel-head{margin-bottom:4px;gap:8px;cursor:pointer}.play.compact .panel-head h3{font-size:1.1rem}.play.compact .panel-head small{display:none}.play.compact .mood{margin:0;padding:2px 10px 2px 4px;font-size:.9rem}.play.compact .meters{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.play.compact .meter{grid-template-columns:26px 1fr;gap:3px}.play.compact .m-l{display:none}.play.compact .m-bar{height:10px}.play.compact .need{padding:6px 8px;margin-bottom:4px}.play.compact .panel .btn{min-height:50px;margin-top:4px;font-size:1rem}.play.compact .panel .btn.secondary{display:inline-flex;width:calc(50% - 4px);font-size:.9rem;padding:.3em .5em}.play.compact .panel .note{margin:2px 0;font-size:.95rem}.play.compact .items{grid-template-columns:repeat(3,1fr);gap:6px}.play.compact .item{min-height:76px;font-size:.85rem}.play.compact.walking .panel .meters,.play.compact.walking .panel .note,.play.compact.walking .panel .btn.secondary,.play.compact.walking .panel .need small{display:none}.play.compact .coach-card{font-size:.95rem;padding:6px 10px}.play.compact .coach-card.tut{font-size:1rem}.play .banner-card{flex-wrap:nowrap}.play.compact .banner-card{padding:4px 6px 4px 10px;font-size:.95rem;gap:6px}.play.compact .banner-card b{white-space:nowrap}.play .banner-card{max-width:100%}.play.compact .banner-card .btn.sm-btn{white-space:nowrap;padding:.3em .7em}.play.compact .banner-card>.ico:first-child{display:none}.panel-head>.mood{flex:none!important}.need.party{background:#fde4ef}.loves{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:700;color:var(--ink-soft);margin:4px 0 0}.play.compact .loves{display:none}.special-card{display:flex;align-items:center;gap:12px;border-radius:18px;padding:10px 12px;margin-bottom:10px;background:#fff3cf}.special-card.rainy{background:#e3f0ff}.special-card.birthday{background:#fde4ef}.special-card.visitors{background:#e9f7e1}.special-card div{display:flex;flex-direction:column}.book .page{background:#fffdf6;border-radius:22px;border:3px dashed #e8d9b5;padding:14px;display:flex;flex-direction:column;gap:12px}.page-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.page-info{display:flex;flex-direction:column;gap:2px}.page-info h3{margin:0;font-size:1.6rem}.fact{display:flex;align-items:center;gap:10px;background:#e9f5ff;border-radius:18px;padding:10px 12px;flex-wrap:wrap}.fact p{flex:1;min-width:180px;margin:0;font-size:1.15rem;font-weight:800}.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.sticker{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:8px 4px;border-radius:50% 50% 18px 18px;background:#f1ece0;opacity:.5}.sticker.on{background:#fff;opacity:1;box-shadow:0 3px #f2d27a;border:2px solid #f2d27a;transform:rotate(-3deg)}.sticker.on:nth-child(2n){transform:rotate(3deg)}.readable{display:inline-flex;align-items:center;gap:8px;flex:1}.btn.speak{flex:none;background:#e3f0ff}.w.spoken{background:#ffe58a;border-radius:6px;box-shadow:0 0 0 2px #ffe58a}.sum-head{display:flex;align-items:center;justify-content:center;gap:10px}.dyk{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;background:#e9f5ff;border-radius:16px;padding:8px 12px}body.lvl-pictures .req-txt small,body.lvl-pictures .need small,body.lvl-pictures .loves,body.lvl-pictures .route-empty,body.lvl-pictures .card-tags,body.lvl-pictures .card>small,body.lvl-pictures .row-main small{display:none}body.lvl-pictures .coach-card{font-size:1.25rem}body.lvl-pictures .req-txt b{font-size:1.05rem}.play:not(.has-sel) .panel{display:none!important}.play:not(.has-sel) .sidepanel{top:auto!important}.ask{display:flex;flex-direction:column;align-items:center;gap:8px}.ask-art{display:flex;align-items:flex-end;gap:6px}.pin{display:flex;flex-direction:column;align-items:center;gap:12px}.pin-title{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pin-dots{display:flex;gap:14px}.pin-dots i{width:22px;height:22px;border-radius:50%;border:3px solid var(--ink)}.pin-dots i.on{background:var(--ink)}.keypad{display:grid;grid-template-columns:repeat(3,80px);gap:12px}.btn.key{width:80px;height:72px;font-size:1.7rem;border-radius:20px;background:#fff7e3;border:2px solid var(--line)}.status{display:flex;align-items:center;gap:8px;font-weight:700;padding:6px 10px;border-radius:14px;background:#f3efe6;margin-bottom:6px}.status.good{background:#e3f5d9}.status.warn{background:#fde6dc}.ba-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.ba{position:relative;width:300px;height:260px;border:0;background:none;padding:0;cursor:pointer}.ba-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .5s}.ba-face:nth-child(2){opacity:0}.ba.show-now .ba-face:nth-child(1){opacity:0}.ba.show-now .ba-face:nth-child(2){opacity:1}.ba.rm .ba-face{transition:none}.ba-hab{width:300px;height:225px}.ba-tag{font-weight:900;font-size:1.2rem;background:#eee6d4;border-radius:999px;padding:2px 16px}.ba-tag.now{background:#e3f5d9}.showtell{position:fixed;inset:0;z-index:12;pointer-events:auto;display:flex;flex-direction:column;justify-content:space-between;padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b))}.curtain{position:fixed;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#b3263a 0 28px,#c9324a 28px 56px);transition:transform 1.4s cubic-bezier(.6,.05,.3,1);z-index:-1;box-shadow:0 0 30px #0006}.curtain.left{left:0}.curtain.right{right:0}.showtell.open .curtain.left{transform:translate(-92%)}.showtell.open .curtain.right{transform:translate(92%)}.showtell.rm .curtain{transition:none}.st-top{align-self:center;text-align:center;background:var(--card);border-radius:24px;padding:8px 20px;box-shadow:var(--shadow)}.st-top h1{margin:0;color:#2f6e28}.st-top p{margin:0;font-weight:800}.st-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.st-card{background:var(--card);border-radius:20px;padding:8px 14px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow);min-width:120px}.ba{height:275px}.ba-face{flex-direction:column-reverse;justify-content:flex-end}body.showing #screen{visibility:hidden}.pb{display:flex;flex-direction:column;align-items:center;gap:10px}.pb-art{display:flex;align-items:center;gap:10px}:root{--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}.topbar{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r))}.reqstrip{padding-left:calc(8px + var(--safe-l));padding-right:calc(8px + var(--safe-r))}.play .mapctl{left:calc(8px + var(--safe-l))}.whose{flex:none;display:inline-flex}.play.compact .banner-card.closing{flex-wrap:wrap}.play.compact .banner-card.closing b{white-space:normal;text-align:center}@media (orientation: landscape) and (max-height: 520px){.play .sidepanel{left:auto!important;right:calc(8px + var(--safe-r));top:calc(62px + var(--safe-t));bottom:calc(88px + var(--safe-b));width:min(300px,38vw)}.play .panel{max-height:none;overflow-y:auto;flex:1}.play .carry{flex:none}.play .reqstrip{padding-top:4px;padding-bottom:calc(4px + var(--safe-b))}.play .req{min-height:54px}.play .coach,.play .banner{right:calc(38vw + 16px);top:calc(60px + var(--safe-t))}.play .coach-card{font-size:.9rem;padding:4px 8px}.play.compact.has-sel .mapctl{display:flex}.play .mapctl{bottom:calc(72px + var(--safe-b))}.topbar{top:calc(4px + var(--safe-t))}}.tile-img{width:30px;height:36px;object-fit:contain}body.lvl-pictures .hub-grid .btn.tile .lbl{display:none}body.lvl-pictures .hub-grid .btn.tile .ico{width:40px!important;height:40px!important}.hearts{display:inline-flex;gap:2px}.coach-card:not(.tut){font-size:.9rem;padding:4px 10px;gap:6px;max-width:420px}.coach-card:not(.tut) .btn.speak{min-width:48px;min-height:48px}.klooks{margin:6px 0 4px}.kchip{min-width:56px;min-height:64px;padding:4px}.kchip-img{width:44px;height:56px;object-fit:contain;display:block}.artstyle{display:inline-flex;align-items:center;gap:8px}.style-img{width:44px;height:44px;object-fit:contain}img.rimg{display:inline-block;vertical-align:middle}.day-stars{display:flex;justify-content:center;align-items:center;gap:6px;margin:4px 0}.dstar{display:inline-block;color:#f5b301;animation:dstar-pop .5s ease-out both}.dstar svg{filter:drop-shadow(0 2px 2px #0002)}.dstar{animation-duration:.3s}@keyframes dstar-pop{0%{transform:scale(.2) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.dstar{animation:none}}.reduced-motion .dstar{animation:none}.zoo-gold b{color:#a8740a;text-shadow:0 1px 0 #fff3c4}.vip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px;margin-bottom:6px;background:#fff6d6;border-radius:14px}.vip-st .portrait{border:3px solid #f0c040;border-radius:50%}.powerups .pu{display:inline-flex;gap:6px;align-items:center}.story-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.story-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-height:48px;border-radius:16px;border:3px solid #e7dcc4;background:#fffaf0;font:inherit}.story-card.now{border-color:#f0c040;background:#fff6d6}.story-card.done{border-color:#7cc36a}.story-card.later{opacity:.6}.story-img{height:auto;max-height:150px;object-fit:contain}.story-img.faded,.story-card.later .story-img{filter:grayscale(1) opacity(.55)}.story-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.story-pane{background:#fffaf0;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.story-pane p{margin:0;font-size:1.05rem}.story-duo{display:flex;align-items:flex-end;gap:2px}.story-k{height:90px;width:auto}.story-prog{display:block;height:16px;border-radius:9px;background:#efe6cf;overflow:hidden;margin:10px 0 4px}.story-prog.sm{width:90px;height:10px;margin:2px 0}.story-prog i{display:block;height:100%;background:linear-gradient(90deg,#f6c445,#f39c34)}.story-sum{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff6d6;border-radius:16px;padding:8px 10px;margin:6px 0}.story-ba{display:inline-flex;align-items:center;gap:4px}.story-sum .story-img:first-child{filter:grayscale(.7) opacity(.75)}.has-new{box-shadow:0 0 0 4px #ffcf33}.rest-room{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(#1d2a55,#3b4f86 60%,#56709f);padding:90px 10px 14px;min-height:300px}.rest-sky{position:absolute;inset:0 0 40%;pointer-events:none}.rest-star{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff7c2;animation:twinkle 3s ease-in-out infinite}.rest-moon{position:absolute;right:26px;top:16px;width:56px;height:56px;border-radius:50%;background:#fff3b0;box-shadow:-14px 0 #3b4f86 inset,0 0 24px #fff3b088}@keyframes twinkle{50%{opacity:.3}}.rest-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.rest-bed{width:132px;height:118px;border-radius:20px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px;filter:brightness(.82) saturate(.85);position:relative}.rest-bed b{color:#fff;text-shadow:0 1px 3px #000a;font-size:.95rem}.rest-a{height:78px;width:auto}.zz{position:absolute;top:4px;right:10px;color:#fff;font-weight:800;letter-spacing:2px;animation:twinkle 2.4s infinite}.reduced-motion .rest-star,.reduced-motion .zz{animation:none}.bino{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.bino-lens{width:min(78vw,320px);aspect-ratio:1;border-radius:50%;border:10px solid #3b3b46;box-shadow:0 0 0 6px #6b6b78,inset 0 0 30px #0006;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.bino-a{max-width:78%;max-height:82%;object-fit:contain}.bino-fact{display:flex;align-items:center;gap:8px;max-width:34em}.bino-nav{display:flex;align-items:center;gap:16px}.bino-prev svg{transform:rotate(-90deg)}.bino-next svg{transform:rotate(-90deg)}.spot-card{display:flex;align-items:center;gap:12px;background:#fff6d6;border-radius:18px;padding:10px 14px;font-size:1.3rem}.spot-pic{width:72px;height:72px;object-fit:contain}.spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0}.spot-a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:8px;border-radius:16px;border:3px solid #e7dcc4;background:#fffaf0;font:inherit}.spot-a.hint{border-color:#ffcf33;box-shadow:0 0 0 5px #ffcf3388;animation:twinkle 1.2s infinite}.spot-nav{display:flex;gap:12px;justify-content:center}.stk-page{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fdf3dc;border-radius:18px;padding:10px}.stk-cell{min-height:84px;border-radius:14px;border:3px dashed #e1cfa6;background:#fffaf0;display:flex;align-items:center;justify-content:center;font:inherit}.stk-cell.full{border-style:solid;border-color:#f0c040}.stk-plus{font-size:28px;color:#c9b27a;font-weight:800}.stk{display:inline-flex;align-items:flex-end}.stk .ico{margin-left:-14px}.stk-tray{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.stk-pick{min-width:64px;min-height:64px;border-radius:14px;border:3px solid #e7dcc4;background:#fff}.stk-pick.on{border-color:#3a7bd5;box-shadow:0 0 0 4px #3a7bd555}.stk-pick.used{opacity:.55}body.big-list .reqstrip{flex-direction:column;max-height:46vh;max-height:46dvh;overflow-y:auto}body.big-list .reqstrip .req{min-height:72px;width:min(92vw,420px);font-size:1.15rem}.stickers,.spot,.bino{display:flex;flex-direction:column;gap:8px;width:100%}.stickers>p{display:flex;align-items:center;gap:8px;margin:0}.spot-card{position:sticky;top:0;z-index:2;box-shadow:0 4px 8px #0001}.spot-a.hint{animation:hint-pulse 1.1s ease-in-out infinite}@keyframes hint-pulse{50%{transform:scale(1.06)}}.reduced-motion .spot-a.hint{animation:none}.hub-card{max-height:calc(100vh - 76px - var(--safe-t));max-height:calc(100dvh - 76px - var(--safe-t))}.hub-grid{overflow-y:auto;min-height:0;flex:0 1 auto}@media (min-width: 600px){.hub-grid{grid-template-columns:repeat(6,1fr)}}@media (orientation: landscape) and (max-height: 520px){.hub-card{padding:8px 10px;gap:6px}.hub-grid .btn.tile{min-height:52px;padding:4px}.hub-card .huge{min-height:52px}}.abook{display:flex;flex-direction:column;gap:10px;min-width:0}.ab-spread{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}@media (max-width: 640px){.ab-spread{grid-template-columns:minmax(0,1fr)}}.ab-left h3{margin:0 0 6px}.ab-left h3 small{font-weight:600;opacity:.75}.ab-page{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:22px;border:6px solid #f3dfb0;background-color:#fdf3dc;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 3px #fffaf0}.ab-page.placing{border-color:#3a7bd5;cursor:crosshair}.ab-animal{max-width:62%;max-height:82%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 4px #0003)}.ab-placed{position:absolute;transform:translate(-50%,-50%);min-width:52px;min-height:52px;padding:2px;border:0;border-radius:50%;background:#fffdf6ee;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center}.ab-stk{display:inline-flex;align-items:flex-end}.ab-stk.spot img{object-fit:contain}.ab-stk.spot .ico{margin-left:-14px}.ab-tray{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.ab-hearts{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-weight:700;margin-bottom:6px}.ab-hearts small{flex-basis:100%;font-weight:600;opacity:.8}.ab-none{display:flex;align-items:center;gap:6px}.ab-facts .fact{margin-top:6px}.ab-fact-pic{display:inline-flex;align-items:center;gap:8px;min-height:72px;padding:6px 14px;border-radius:18px;border:3px solid #e7dcc4;background:#fff;font:inherit}.ab-hint{display:flex;align-items:center;gap:6px}.ab-stk.care .ico:last-child:not(:first-child){margin-left:-12px}.ab-hrt{display:inline-flex}.ab-hint.pic{display:inline-flex;align-items:center;gap:10px;min-height:72px;min-width:120px;padding:6px 16px;border-radius:18px;border:3px solid #cfe0f5;background:#e3f0ff;font:inherit;color:var(--ink);cursor:pointer}.ab-hint-pic{display:inline-flex;align-items:center;gap:4px}.ab-tabs{flex-wrap:wrap;overflow-x:visible}.ab-tabs.many{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory}.ab-tabs .animal-tab{min-width:76px;flex:0 0 auto;scroll-snap-align:start}.ab-tabs .animal-tab{padding:4px 2px}.ab-tabs .animal-tab span{max-width:100%;font-size:.74rem;letter-spacing:-.01em;line-height:1.1;text-align:center;overflow-wrap:normal;hyphens:manual}@media (max-width: 640px){.ab-tabs:not(.many) .animal-tab{min-width:0;flex:1 1 70px;max-width:96px}}.up-ba{display:inline-flex;align-items:center;gap:4px;flex:none}.up-box{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;border-radius:12px;border:2px solid var(--line);background-color:#f4ecd6;background-size:cover;background-position:center;overflow:hidden}.up-box.before{filter:saturate(.7);opacity:.9}.up-box.after{border-color:#7cc46a;box-shadow:0 0 0 2px #7cc46a55}.up-prop{max-width:78%;max-height:86%;object-fit:contain}.up-prop.second{position:absolute;right:2px;bottom:2px;max-width:40%;max-height:50%}.up-eff{display:flex;align-items:center;gap:6px}.up-eff.pic{gap:4px}.up-row .row-main small.up-eff-t{display:block}body.lvl-pictures .up-row .row-main small.up-eff-t{display:none}.up-confirm{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}@media (max-width: 480px){.up-row{flex-wrap:wrap}.up-row .row-main{flex-basis:50%}}.phase-label{white-space:normal;overflow:visible;align-items:flex-start}.phase-label .ico{margin-top:2px}.phase-text{min-width:0;overflow-wrap:anywhere}@media (max-width: 480px){.phase{padding:6px 10px;border-radius:18px}}.trip-strip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;flex:none}.trip-pic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#fff;border:3px solid #e8dcc0;transition:transform .2s}.trip-pic.done{opacity:.55;border-color:#9ad08a}.trip-pic.done:after{content:"";position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#3f9a4a;border:2px solid #fff}.trip-pic.next{opacity:.45}.trip-pic.now{transform:scale(1.18);border-color:#f0ad2e;box-shadow:0 0 0 4px #ffe58a;animation:tripPulse 1s ease-in-out infinite}.trip-pic+.trip-pic:before{content:"";position:absolute;left:-7px;top:50%;width:6px;height:6px;border-top:3px solid #c9b48a;border-right:3px solid #c9b48a;transform:translateY(-50%) rotate(45deg)}.trip-hand{position:absolute;right:-8px;bottom:-10px}.trip-mini{position:absolute;right:-6px;bottom:-6px;display:inline-flex;background:#fff;border-radius:50%;padding:1px}.lesson-food_toy{gap:4px}@media (max-width: 480px){.lesson-food_toy .trip-pic{width:38px;height:38px}.lesson-food_toy .trip-pic svg,.lesson-food_toy .trip-pic img{max-width:30px;max-height:30px}}@keyframes tripPulse{50%{box-shadow:0 0 0 8px #ffe58a}}.trip-cue{position:relative;outline:5px solid #ffd54a;outline-offset:3px;animation:tripPulse 1s ease-in-out infinite}.trip-cue:after{content:"";position:absolute;right:-14px;bottom:-22px;width:54px;height:54px;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M14 4Q19 3 20 8V22Q22 19 26 20Q29 18 32 21Q35 19 38 23Q42 24 42 30V36Q42 46 32 46H24Q18 46 14 40L6 28Q4 24 8 23Q11 22 14 26V8Q10 5 14 4Z' fill='%23fff' stroke='%236a5a50' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");animation:tripTap .9s ease-in-out infinite}@keyframes tripTap{50%{transform:translate(-6px,-8px)}}#basket.trip-glow{outline:5px solid #ffd54a;outline-offset:2px;border-radius:16px;animation:tripPulse 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.trip-pic.now,.trip-cue,.trip-cue:after,#basket.trip-glow{animation:none}}.offline-status{flex-wrap:wrap}.offline-status .off-bar{flex:1 1 120px;height:10px;border-radius:6px;background:#e6e1d6;overflow:hidden}.offline-status .off-bar i{display:block;height:100%;background:#3f86c6}.off-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:12px;background:#ffffffbf;color:#4a4038;font-weight:700;opacity:.85}.off-badge.failed{background:#ffe3dc}.off-badge.ready{opacity:.6}.off-badge small{font-size:.75rem}.bath{display:flex;flex-direction:column;align-items:center;gap:10px}.bath-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.bath-stage{position:relative;width:min(86vw,460px);aspect-ratio:1 / .86;border-radius:28px;background:linear-gradient(#cfeefc,#e9f8ff 55%,#fff6e0 55%);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.bath-tub{position:absolute;left:8%;right:8%;bottom:4%;height:30%;border-radius:18px 18px 60px 60px;background:#fff;border:5px solid #b9dff2;box-shadow:inset 0 10px #dff4ff}.bath-animal{position:absolute;left:50%;bottom:14%;width:66%;max-height:82%;transform:translate(-50%);object-fit:contain;pointer-events:none}.bath-stage>.portrait{position:absolute;left:50%;bottom:16%;transform:translate(-50%)}.phase-mud .bath-animal{filter:sepia(.35) saturate(.85)}.bath-animal.happy{animation:bathHop .6s ease-in-out 3}@keyframes bathHop{50%{transform:translate(-50%) translateY(-14px) scale(1.04)}}.bath-spot{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border:0;padding:0;border-radius:50%;cursor:pointer}.bath-spot.mud{background:radial-gradient(circle at 40% 40%,#a0794f,#7a5634 70%);border-radius:46% 54% 50% 50%;box-shadow:0 0 0 3px #fff8}.bath-spot.bubbles{background:radial-gradient(circle at 35% 30%,#fff 0 18%,#e5f6ffcc 30%,#b8e3ff99 70%);border:3px solid #fff;animation:bathFloat 2.4s ease-in-out infinite}@keyframes bathFloat{50%{transform:translateY(-6px)}}.bath-hint{outline:5px solid #ffd54a;outline-offset:4px;animation:tripPulse 1s ease-in-out infinite}.bath-big{position:absolute;right:5%;top:6%;min-width:96px;min-height:96px;border-radius:26px;border:4px solid #f0ad2e;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 4px #e0c79a}.bath-big:active{transform:translateY(2px);box-shadow:0 2px #e0c79a}.bath-dots{display:flex;gap:4px}.bath-dots i{width:10px;height:10px;border-radius:50%;background:#e8dcc0}.bath-dots i.on{background:#3f9a4a}.bath-soap{position:absolute;left:22%;right:22%;top:22%;height:46%;border-radius:50%;background:radial-gradient(circle,#ffffffd0 0 30%,#e5f6ff90 60%,transparent 72%);pointer-events:none;transition:opacity .3s}.bath-mud-ico{display:inline-block;border-radius:46% 54% 50% 50%;background:#8a6440}.bath-bub-ico{display:inline-block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 20%,#cdeeff 40%,#8fd0f5);border:2px solid #fff}.bath-bub-ico.mini{position:absolute;right:-4px;top:-4px}.ab-stk.play{position:relative;display:inline-flex}.bath-fx{position:absolute;width:22px;height:22px;margin:-11px;pointer-events:none;border-radius:50%;animation:bathFx 1s ease-out forwards}.bath-fx.bubble{background:radial-gradient(circle at 35% 30%,#fff 0 20%,#cdeeffcc 50%,#8fd0f599);border:2px solid #fff}.bath-fx.drop{background:#5bb4ec;border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation-name:bathDrop}.bath-fx.sparkle{background:#ffe066;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@keyframes bathFx{to{transform:translate(var(--dx),-60px) scale(1.4);opacity:0}}@keyframes bathDrop{0%{transform:translate(var(--dx)) rotate(-45deg)}to{transform:translate(var(--dx),140px) rotate(-45deg);opacity:0}}.bath-hearts i{position:absolute;bottom:30%;font-size:40px;color:#ff6f91;font-style:normal;animation:bathHeart 1.8s ease-out forwards;pointer-events:none}@keyframes bathHeart{to{transform:translateY(-170px) scale(1.4);opacity:0}}.bath-reward{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#fff7d6;border:3px solid #f0ad2e}.bath-who{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bath-who .animal-tab{min-width:56px;min-height:56px}.tile.suggest{box-shadow:0 0 0 4px #ffe58a}.reduced-motion .bath-animal.happy,.reduced-motion .bath-spot.bubbles,.reduced-motion .bath-hint,.reduced-motion .bath-hearts i{animation:none}@media (prefers-reduced-motion: reduce){.bath-animal.happy,.bath-spot.bubbles,.bath-hint,.bath-hearts i{animation:none}}.ab-games{display:flex;gap:8px;margin-top:8px}.ab-games .btn{min-height:56px}.ab-facts.along p{font-size:1.35em;line-height:1.6}.ab-read{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.read-toggle{display:inline-flex;align-items:center;gap:6px;min-height:52px;padding:6px 14px;border-radius:16px;border:3px solid #e8dcc0;background:#fff;font:inherit;font-weight:700;cursor:pointer}.read-toggle.on{border-color:#3f9a4a;background:#e9f7e4}.read-go{min-height:52px}.words-aa{font-weight:800;font-size:1.1em;color:#2f6bc4;margin-right:4px}.ab-stk.words{align-items:center;gap:2px}.find{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.find-pic{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:24px;border:4px solid #f0ad2e;background:#fff;cursor:pointer}.find-words{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.find-word{min-width:120px;min-height:64px;font-size:1.5em;font-weight:800;letter-spacing:.02em;text-transform:lowercase}.find-word.wiggle{animation:findWiggle .4s ease-in-out}@keyframes findWiggle{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.find-note{min-height:1.4em;margin:0;color:#6a5a50}.find-dots{display:flex;gap:6px}.find-dots i{width:16px;height:16px;border-radius:50%;background:#e8dcc0}.find-dots i.on{background:#3f9a4a}.find-dots i.now{background:#f0ad2e}.find-found{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.find-pair{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:1.3em}.reduced-motion .find-word.wiggle{animation:none}@media (prefers-reduced-motion: reduce){.find-word.wiggle{animation:none}}.events{display:flex;flex-direction:column;gap:14px}.ev-head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#fff6e6}.ev-head.summer_christmas{background:linear-gradient(135deg,#fff1d6,#dff4ef)}.ev-head.cosy_rain{background:linear-gradient(135deg,#e7eef7,#eef5e9)}.ev-head p{margin:2px 0 0}.ev-garden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-radius:18px;background:linear-gradient(#cdeacb,#a9d69b)}.ev-garden.summer{background:linear-gradient(#ffe2b8,#cdeac0 45%,#a7d495)}.ev-garden.rain{background:linear-gradient(#cfdbe8,#c7e2c6 45%,#9fca93)}.ev-garden.mini{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center}@media (max-width: 600px){.ev-garden:not(.mini){grid-template-columns:repeat(2,minmax(0,1fr))}}.ev-socket{position:relative;min-height:104px;border-radius:14px;display:grid;place-items:center;border:0;background:#ffffff2e}.ev-socket.empty{background:#50783c1f;box-shadow:inset 0 0 0 2px #ffffff40}button.ev-socket{cursor:pointer;min-width:48px}.ev-socket.away img{opacity:.35;filter:saturate(.4)}.ev-sock-mark{position:absolute;right:6px;bottom:6px;background:#fff;border-radius:50%;padding:3px;display:grid}.ev-acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.ev-act{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:10px 6px;border-radius:16px;border:3px solid var(--line, #e5d9c5);background:var(--card, #fff);font:inherit;color:inherit;cursor:pointer}.ev-act.sel{border-color:var(--blue)}.ev-act.done{background:#eef8ea}.ev-act-t{font-weight:700;font-size:.95rem;text-align:center}.ev-badge{position:absolute;top:6px;right:6px;background:#fff;border-radius:50%;padding:2px;display:grid}.ev-celebrate{display:flex;justify-content:center}.ev-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px;border-radius:14px;background:#fff6e6}.ev-step{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:#fff}.ev-arrow{font-size:1.8rem;font-weight:800;color:var(--ink-soft, #6b5f6b)}.ev-preview{display:flex;flex-direction:column;gap:12px;align-items:stretch}.ev-gets{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ev-tray{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:#fff6e6}.ev-tray-row{display:flex;gap:8px;flex-wrap:wrap}.ev-fallback{display:inline-grid;place-items:center}.ev-got{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:60;pointer-events:none;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:20px;background:#fffdf6;box-shadow:0 6px 24px #0000002e;animation:ev-pop 2.6s ease both;max-width:calc(100vw - 32px)}@keyframes ev-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}12%,85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0}}.ev-finale{position:relative;height:300px;border-radius:20px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.ev-finale.dusk{background:linear-gradient(#f6b37f,#f7d59b 45%,#a8cf8f 75%,#8fbf7c)}.ev-finale.rainbow{background:linear-gradient(#cfdcea,#e8f0f6 50%,#b7d9a8 78%,#9fca93);align-items:center}.ev-stage{position:absolute;left:50%;bottom:14px;transform:translate(-50%)}.ev-rainbow{position:absolute;left:50%;top:22px;transform:translate(-50%)}.ev-crowd{position:relative;z-index:2;display:flex;align-items:flex-end;gap:10px;margin-bottom:12px}.ev-finale.rainbow .ev-crowd{position:absolute;bottom:10px}.ev-keeper{height:120px;width:auto}.ev-visitor{display:grid;place-items:center;animation:ev-wave 1.6s ease-in-out infinite}.ev-visitor.v1{animation-delay:.3s}.ev-visitor.v2{animation-delay:.6s}.ev-notes{position:absolute;top:14px;right:16px;display:flex;gap:6px;animation:ev-float 3s ease-in-out infinite}@keyframes ev-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ev-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ev-finale.still *,.reduced-motion .ev-finale *,.reduced-motion .ev-got{animation:none!important}@media (prefers-reduced-motion: reduce){.ev-finale *,.ev-got{animation:none!important}}@media (max-width: 600px){.ev-finale{height:250px}.ev-stage{width:180px!important;height:180px!important}.ev-keeper{height:96px}}@media (max-width: 600px){.ev-socket{min-height:84px}}@media (max-height: 500px) and (orientation: landscape){.ev-finale{height:max(150px,calc(100dvh - 210px))}.ev-stage{width:150px!important;height:150px!important;bottom:6px}.ev-keeper{height:80px}.ev-crowd{margin-bottom:6px}.ev-garden:not(.mini){grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:8px}.ev-socket{min-height:64px}.ev-socket img{max-height:56px}}.help-guide section{margin:0 0 12px}.help-guide h3{margin:0 0 4px;font-size:1.1rem}.help-guide p{margin:0;line-height:1.45}.hub-grid.pic-grid{grid-template-columns:repeat(2,minmax(96px,1fr));gap:10px;overflow:visible}@media (min-width: 600px){.hub-grid.pic-grid{grid-template-columns:repeat(4,minmax(96px,1fr))}}.hub-grid.pic-grid .btn.tile,.more-grid .btn.tile{min-height:104px;min-width:96px;border-radius:26px}body.lvl-pictures .hub-grid.pic-grid .btn.tile .ico,body.lvl-pictures .more-grid .btn.tile .ico{width:56px!important;height:56px!important}body.lvl-pictures .hub-grid.pic-grid .tile-img{width:48px;height:56px}.more-grid{grid-template-columns:repeat(3,minmax(96px,1fr))!important;gap:10px;overflow:visible;padding:14px 12px}@media (min-width: 700px){.more-grid{grid-template-columns:repeat(4,minmax(96px,1fr))!important}}@media (orientation: landscape) and (max-height: 520px){.hub-grid.pic-grid .btn.tile{min-height:96px;padding:4px}.more-grid{grid-template-columns:repeat(6,minmax(96px,1fr))!important}.more-grid .btn.tile{min-height:96px}}.more-tile.has-new:after{content:"";position:absolute;top:8px;right:10px;width:14px;height:14px;border-radius:50%;background:#ef6b5b;border:2px solid #fff}.btn.tile,.btn.huge{position:relative}.btn.huge.suggest,.tile.suggest{box-shadow:0 0 0 5px #ffe58a;animation:gentle-glow 2.4s ease-in-out infinite}@keyframes gentle-glow{50%{box-shadow:0 0 0 9px #ffe58a99}}.reduced-motion .btn.huge.suggest,.reduced-motion .tile.suggest{animation:none}@media (prefers-reduced-motion: reduce){.btn.huge.suggest,.tile.suggest{animation:none}}.more-modal{width:min(820px,calc(100vw - 24px))!important;max-width:none!important}.more-modal .modal-head{display:none}.more-modal .tile-img{width:48px;height:56px}.pic-summary .sum-head{justify-content:center}.pic-confetti{display:inline-flex;gap:10px;align-items:center}.pic-helped{justify-content:center}.pic-earns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px}.pic-earn{display:inline-flex;align-items:center;gap:2px;padding:6px 12px;border-radius:24px;background:#fff7e3;border:2px solid var(--line)}.pic-earn .pe-i{display:inline-flex;animation:pe-pop .5s ease-out both}@keyframes pe-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reduced-motion .pic-earn .pe-i{animation:none}@media (prefers-reduced-motion: reduce){.pic-earn .pe-i{animation:none}}.btn.pic-home{min-width:160px;min-height:96px}.btn.pic-home .ico{width:60px!important;height:60px!important}.pic-summary .summary-actions{justify-content:center}.btn.pic-home{flex:0 0 auto;width:auto;min-width:200px}@media (orientation: landscape) and (max-height: 520px){.pic-summary .summary-card{gap:4px;padding-top:6px;padding-bottom:8px}.pic-confetti .ico,.pic-earn .ico{width:34px!important;height:34px!important}}.brk{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.brk-sky{display:flex;justify-content:center;align-items:center;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#3d4f86,#26315a);box-shadow:inset 0 0 0 6px #fff2}.brk-sky .ico{animation:rest-bob 4s ease-in-out infinite}@keyframes rest-bob{50%{transform:translateY(-6px)}}.reduced-motion .brk-sky .ico{animation:none}@media (prefers-reduced-motion: reduce){.brk-sky .ico{animation:none}}.brk-animals{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.rest-modal .modal-head{display:none}@media (orientation: landscape) and (max-height: 520px){.brk-sky{width:100px;height:100px}.brk-sky .ico{width:64px!important;height:64px!important}.brk{flex-direction:row;justify-content:center}}.btn.huge.start-pics{display:flex;align-items:center;justify-content:center;gap:18px;min-height:96px}.btn.huge.start-pics .ico,.btn.tile.face-tile .portrait{width:64px!important;height:64px!important}.more-grid .more-divider{grid-column:1 / -1;border:0;border-top:3px dotted #c9b89a;margin:4px 8px;height:0}.btn.heard,.tile.heard{box-shadow:0 0 0 6px #fff,0 0 0 11px #3d8bfd;transform:scale(1.04)}.reduced-motion .btn.heard,.reduced-motion .tile.heard{transform:none}.readable.long-label{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.readable.long-label .speak{min-width:44px;min-height:44px}.card-tags .readable.long-label{justify-content:center;flex-wrap:nowrap}.card-tags .readable.long-label .btn.speak,.long-label .btn.speak{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;flex:none}@media (orientation: landscape) and (max-height: 520px){.bath-modal .modal-head{padding:6px 12px 2px}.bath-modal .modal-head h2{font-size:1.15rem}.bath-modal .modal-head .btn{min-height:48px;min-width:48px;width:48px}.bath-modal{position:relative}.bath-modal .modal-actions{position:absolute;right:12px;bottom:10px;padding:0;border:0;background:none;flex-shrink:0}.bath-modal .modal-actions .btn{min-height:48px}.bath-modal .modal-body{padding:2px 12px 6px}.bath{display:grid;grid-template-columns:minmax(260px,1fr) 180px;gap:6px;align-items:start}.bath>span:empty{display:none}.bath-stage{grid-column:1;grid-row:1 / span 3;width:100%;max-width:460px;height:calc(100dvh - 92px);min-height:200px;aspect-ratio:auto}.bath-stage .bath-animal{max-height:90%;bottom:8%;object-fit:contain}.bath-top{grid-column:2;grid-row:1;gap:4px}.bath-strip{flex-wrap:wrap;gap:2px;justify-content:center}.bath-strip .trip-pic{width:32px;height:32px}.bath-strip .trip-pic .ico{max-width:26px;max-height:26px}.bath-top .readable{font-size:.95rem;text-align:center}.bath-who{grid-column:2;grid-row:2;max-width:180px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.bath-who .animal-tab{flex-shrink:0}.bath-reward{grid-column:2;grid-row:3}}@media (max-width: 600px),(max-height: 500px) and (orientation: landscape){.events .ev-head{order:0}.events .ev-acts{order:1}.events .ev-celebrate{order:2}.events .ev-garden:not(.mini){order:3;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.events .ev-tray{order:4}.events .ev-garden:not(.mini) .ev-socket.empty{display:none}.events .ev-garden.none-earned:not(.mini){display:none}.ev-act.sel{order:-1}.ev-acts{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ev-act{min-height:84px;padding:6px 4px}}@media (max-height: 500px) and (orientation: landscape){.events{gap:8px}.events .ev-head{padding:4px 10px;gap:8px}.events .ev-head p{display:none}.events .ev-head .ev-img{width:36px!important;height:36px!important}.ev-acts{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.ev-act{min-height:64px;padding:4px;gap:2px}.ev-act .ev-img{width:40px!important;height:40px!important}.ev-act-t{font-size:.8rem;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.evgoal:empty{display:none}.evgoal-btn{width:52px;height:52px;min-width:48px;min-height:48px;padding:4px;border-radius:50%;background:var(--card, #fff);box-shadow:0 2px 6px #0000002e;display:inline-flex;align-items:center;justify-content:center}.evgoal-btn .evgoal-img{width:40px;height:40px}.bath-stage.placing .bath-spot{visibility:hidden}.bath-spot{width:52px;height:52px;margin:-26px 0 0 -26px}@media (max-width: 480px) and (orientation: portrait){.evgoal{position:absolute;right:0;top:56px}}