: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}.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}}#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;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(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}}