:root{--cream: #f7e8cd;--paper: #fdf4e0;--pink: #f3a4bd;--pink-2: #e0718f;--mint: #ffdf9e;--mint-2: #e0b45f;--butter: #ffd98a;--lav: #dcc7ee;--sky: #ffe9c8;--brown: #4a2e1d;--brown-2: #8a6547;--red: #e2574c;--line: #e5c391;--wood: #6b4226;--shadow: 0 8px 20px rgba(74, 42, 16, .28);--radius: 18px;--font: "Varela Round", "Nunito", "Quicksand", ui-rounded, -apple-system, "Segoe UI", "Comic Sans MS", sans-serif;--ui-scale: 1}html.large-text{--ui-scale: 1.25}html.high-contrast{--brown: #2e1f14;--brown-2: #4a3524}html.high-contrast .panel,html.high-contrast .hud-chip{border:2px solid #2e1f14}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--brown);background:var(--cream);font-size:calc(15px * var(--ui-scale));-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit}#game-container,#game-container canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#start-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 15%,rgba(255,200,220,.5) 0%,transparent 42%),radial-gradient(circle at 85% 25%,rgba(255,214,140,.55) 0%,transparent 45%),radial-gradient(circle at 50% 95%,rgba(255,235,190,.6) 0%,transparent 55%),linear-gradient(#8a5a38,#6b4226);transition:opacity .6s ease}#start-screen.fade{opacity:0;pointer-events:none}.start-card{background:var(--paper);border:4px solid var(--line);border-radius:28px;padding:2.2em 3em;box-shadow:var(--shadow);text-align:center;max-width:34em}.start-cats{font-size:2.6em;letter-spacing:.2em}.start-title{font-size:2.6em;line-height:1.1;margin:.2em 0 .25em;color:var(--brown);text-shadow:3px 3px 0 var(--pink)}.start-title .amp{color:var(--pink-2)}.start-sub{display:inline-block;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;font-weight:800;border-radius:999px;padding:.25em 1.3em;box-shadow:0 3px #c25577;margin-bottom:1.2em}.start-buttons{display:flex;gap:1em;justify-content:center;margin-bottom:1.4em}.btn{border:none;cursor:pointer;background:var(--mint);border-radius:999px;padding:.55em 1.4em;font-size:1em;font-weight:700;box-shadow:0 4px 0 var(--mint-2);transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--mint-2)}.btn-big{font-size:1.2em;padding:.7em 1.7em}.btn-pink{background:var(--pink);box-shadow:0 4px 0 var(--pink-2)}.btn-pink:active{box-shadow:0 1px 0 var(--pink-2)}.btn:disabled{opacity:.45;cursor:default}.start-controls h3{margin-bottom:.4em}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25em 1.6em;text-align:left;background:var(--cream);border-radius:var(--radius);padding:.8em 1.2em;font-size:.92em}.start-hint{margin-top:.9em;color:var(--brown-2);font-size:.9em}.start-footer{margin-top:1.2em;color:var(--brown-2);font-size:.85em}#ui-root{position:fixed;inset:0;z-index:100;pointer-events:none}#ui-root>*{pointer-events:none}.hud-hidden .hud{display:none!important}.hud-top{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}.hud-chip{background:#fdf4e0f2;border:2px solid var(--line);border-radius:999px;padding:.35em 1em;box-shadow:var(--shadow);font-weight:700;white-space:nowrap}.hud-chip .sub{color:var(--brown-2);font-weight:400}.hud-missions{position:absolute;top:12px;left:12px;background:#fdf4e0f0;border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7em 1em;min-width:15em;max-width:19em}.hud-missions h4{margin:-1.2em auto .4em;width:fit-content;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;border-radius:999px;padding:.1em 1em;box-shadow:0 2px #c25577}.hud-missions .mission{font-size:.88em;margin:.15em 0}.hud-missions .mission.done{color:var(--mint-2);text-decoration:line-through}.hud-guide{position:absolute;top:150px;left:12px;background:#ffe9a8f5;border:3px solid #e0b45f;border-radius:var(--radius);box-shadow:var(--shadow);padding:.6em .9em;max-width:19em}.hud-guide .guide-label{display:inline-block;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;border-radius:999px;padding:.05em .8em;font-weight:800;font-size:.8em;box-shadow:0 2px #c25577;margin:-1.3em 0 .3em}.hud-guide .guide-text{font-size:.88em;font-weight:700}.hud-guide.pulse{animation:guide-pop .45s ease}@keyframes guide-pop{30%{transform:scale(1.05)}}html.reduce-motion .hud-guide.pulse{animation:none}.menu-bar{position:absolute;bottom:0;left:0;right:0;height:58px;background:linear-gradient(#7b5233,#5a3a22);border-top:3px solid #8a6547;box-shadow:0 -4px 14px #28160859;display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:auto!important;z-index:104}.menu-btn{border:none;cursor:pointer;background:#fdf4e01a;border-radius:12px;color:#f7e8cd;font-family:inherit;font-weight:700;padding:4px 12px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.68em;-webkit-tap-highlight-color:transparent}.menu-btn .mi{font-size:1.9em;line-height:1.1}.menu-btn:hover{background:#fdf4e038}.menu-btn:active{transform:scale(.94);background:#f0a0be59}@media(max-width:640px){.menu-btn{padding:3px 7px}.menu-btn .ml{display:none}.menu-btn .mi{font-size:1.7em}}.photo-exit{margin-left:.6em;padding:.15em .8em;font-size:.95em}.panel.dash{max-width:min(46em,94vw)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin:.6em 0}.dash-tile{background:var(--cream);border:2px solid #eed9ae;border-radius:14px;text-align:center;padding:.45em .2em}.dash-tile .dt-icon{font-size:1.5em}.dash-tile .dt-val{font-size:1.25em;font-weight:800}.dash-tile .dt-label{font-size:.72em;color:var(--brown-2)}.dash-hearts{display:flex;gap:.6em;margin:.4em 0 .6em}.dash-heart{flex:1;border-radius:16px;padding:.6em .8em;text-align:center;border:2px solid #eed9ae}.dash-heart.pink{background:#fde3ec}.dash-heart.green{background:#e4f0d8}.dash-heart .dh-title{font-weight:800;font-size:.85em}.dash-heart .dh-pct{font-size:1.5em;font-weight:800}.dash-heart .dh-note{font-size:.75em;color:var(--brown-2)}.dash-row{display:flex;gap:.5em;overflow-x:auto;padding:.3em .1em}.dash-card{background:var(--cream);border:2px solid #eed9ae;border-radius:12px;min-width:4.6em;padding:.4em .3em;text-align:center;display:flex;flex-direction:column;align-items:center}.dash-card .dc-name{font-weight:800;font-size:.8em;margin-top:2px}.dash-card .dc-sub{font-size:.72em;color:var(--brown-2)}.hud-orders{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;max-width:18em}.order-card{background:#fdf4e0f5;border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5em .9em;font-size:.9em;border-left:6px solid var(--pink-2)}.order-card.urgent{border-left-color:var(--red);animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.03)}}.order-card .who{color:var(--brown-2);font-size:.85em}.order-bar{height:6px;border-radius:3px;background:#eee2d4;margin-top:4px;overflow:hidden}.order-bar i{display:block;height:100%;background:var(--mint-2);border-radius:3px}.order-card.urgent .order-bar i{background:var(--red)}.hud-hotbar{position:absolute;bottom:68px;left:50%;transform:translate(-50%);display:flex;gap:8px}.hot-slot{width:3.2em;height:3.2em;background:#fdf4e0f0;border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1em;position:relative;border:3px solid var(--line)}.hot-slot.active{border-color:var(--pink-2);background:#fffbf2}.hot-slot .icon{font-size:1.4em;line-height:1}.hot-slot .num{position:absolute;top:2px;left:6px;font-size:.6em;color:var(--brown-2);font-weight:700}.hud-carried{position:absolute;bottom:132px;left:50%;transform:translate(-50%);background:#fffdf8eb;border-radius:999px;padding:.25em 1em;font-size:.9em;box-shadow:var(--shadow)}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#6b4f3a8c;outline:2px solid rgba(255,255,255,.6)}.interact-prompt{position:absolute;top:56%;left:50%;transform:translate(-50%);background:#6b4f3ad9;color:var(--cream);border-radius:999px;padding:.35em 1.1em;font-size:.95em;white-space:nowrap}.interact-prompt b{background:var(--butter);color:var(--brown);border-radius:6px;padding:0 .4em;margin-right:.4em}.toast-stack{position:absolute;bottom:140px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:6px;align-items:center}.toast{background:#fdf4e0f7;border:2px solid var(--line);border-radius:999px;padding:.4em 1.2em;box-shadow:var(--shadow);font-weight:700;animation:toast-in .25s ease}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}.toast.fade-out{transition:opacity .5s;opacity:0}.dialogue{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:min(34em,84vw);background:#fdf4e0f7;border:3px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:.9em 1.3em}.dialogue .speaker{display:inline-block;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;border-radius:999px;box-shadow:0 2px #c25577;padding:.1em .9em;font-weight:800;margin-bottom:.3em;transform:translateY(-1.4em)}.dialogue .line{margin-top:-1em;min-height:2.4em;flex:1}.dialogue .d-flex{display:flex;gap:.8em;align-items:flex-start}.dialogue .d-portrait{margin-top:-.6em;background-color:var(--cream);border:2px solid var(--line);border-radius:10px}.dialogue .cont{text-align:right;color:var(--brown-2);font-size:.85em}.panel-veil{position:fixed;inset:0;z-index:120;background:#3a21108c;display:flex;align-items:center;justify-content:center;pointer-events:auto!important}.panel{background:var(--paper);border:4px solid var(--line);border-radius:26px;box-shadow:var(--shadow),inset 0 0 0 3px #fffbf0;padding:1.4em 1.8em;max-width:min(42em,92vw);max-height:86vh;overflow-y:auto;overflow-x:hidden;min-width:22em}.panel h2{margin:-.4em auto .8em;width:fit-content;max-width:100%;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;text-shadow:0 1px 2px rgba(120,40,60,.4);border-radius:14px;padding:.25em 1.3em;box-shadow:0 4px #c25577;text-align:center}.panel h2:before{content:"✦ ";color:#ffe9a8}.panel h2:after{content:" ✦";color:#ffe9a8}.panel h2 .emoji{margin-right:.3em}.panel h3{margin:.6em 0 .2em;color:var(--pink-2)}.panel .close-x{position:sticky;float:right;top:0;border:none;background:var(--pink);border-radius:50%;width:2em;height:2em;cursor:pointer;font-weight:800}.panel-buttons{display:flex;flex-direction:column;gap:.7em;margin-top:.6em}.panel-buttons .btn{width:100%}.tabs{display:flex;gap:.5em;justify-content:center;margin-bottom:.9em}.tab{border:none;background:var(--cream);border-radius:999px;padding:.35em 1.1em;cursor:pointer;font-weight:700}.tab.active{background:var(--butter)}.row{display:flex;align-items:center;gap:.8em;background:var(--cream);border:2px solid #eed9ae;border-radius:var(--radius);padding:.55em .9em;margin:.4em 0}.row .r-icon{font-size:1.6em}.row .r-main{flex:1}.row .r-main .r-desc{font-size:.82em;color:var(--brown-2)}.row .r-locked{color:var(--brown-2);font-size:.85em}.bar{height:8px;border-radius:4px;background:#eee2d4;overflow:hidden;flex:1}.bar i{display:block;height:100%;border-radius:4px;background:var(--mint-2)}.bar.low i{background:var(--red)}.cat-needs{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.2em .5em;font-size:.82em;align-items:center}.setting-row{display:flex;align-items:center;gap:.8em;margin:.55em 0}.setting-row label{flex:1}.setting-row input[type=range]{flex:1;accent-color:var(--pink-2)}.setting-row select{font-family:inherit;border-radius:10px;border:2px solid var(--mint);padding:.2em .5em;background:var(--paper);color:inherit}.switch{cursor:pointer;font-size:1.4em;background:none;border:none}.review{background:var(--cream);border-radius:var(--radius);padding:.5em .9em;margin:.35em 0;font-size:.9em}.review .stars{color:#f5a623}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5em 1.4em;margin:.8em 0}.summary-grid .num{font-size:1.3em;font-weight:800}.minigame{position:absolute;bottom:18vh;left:50%;transform:translate(-50%);width:min(30em,86vw);background:#fdf4e0f7;border:4px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1em 1.5em;text-align:center;pointer-events:auto!important}.minigame h3{margin:-1.5em auto .5em;width:fit-content;background:linear-gradient(#f3a4bd,#e0718f);color:#fff;border-radius:12px;padding:.15em 1.1em;box-shadow:0 3px #c25577}.minigame .mg-step-label{color:var(--brown-2);margin-bottom:.6em}.mg-keys{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap}.mg-key{background:var(--cream);border-radius:12px;padding:.4em .7em;font-size:.9em;border-bottom:4px solid var(--lav)}.mg-key b{background:#fff;border:2px solid var(--lav);border-radius:8px;padding:0 .45em;margin-right:.4em}.mg-key.done{opacity:.35;border-bottom-color:var(--mint-2)}.mg-key.now{transform:scale(1.08);border-bottom-color:var(--pink-2)}.mg-track{position:relative;height:26px;border-radius:13px;background:#f3e7d8;overflow:hidden;margin:.6em 0}.mg-zone{position:absolute;top:0;bottom:0}.mg-zone.good{background:var(--butter)}.mg-zone.perfect{background:var(--mint-2)}.mg-zone.burn{background:var(--red)}.mg-cursor{position:absolute;top:-3px;bottom:-3px;width:6px;background:var(--brown);border-radius:3px}.mg-fill{position:absolute;top:0;bottom:0;left:0;background:var(--pink)}.mg-hint{font-size:.85em;color:var(--brown-2);margin-top:.5em}.mg-result{font-size:1.5em;font-weight:800}.photo-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#fffdf8eb;border-radius:999px;padding:.4em 1.3em;box-shadow:var(--shadow);font-size:.9em;white-space:nowrap}.photo-flash{position:fixed;inset:0;background:#fff;z-index:150;opacity:0;pointer-events:none;transition:opacity .4s}.photo-flash.snap{opacity:.9;transition:none}.vignette{position:fixed;inset:0;pointer-events:none;z-index:90;box-shadow:inset 0 0 160px #5a301252}html.reduce-motion .toast,html.reduce-motion .order-card.urgent{animation:none}.touch-ui{display:none}html.touch .touch-ui{display:flex;pointer-events:auto!important;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none}html.touch .joy-zone{position:absolute;left:20px;bottom:82px;width:132px;height:132px;border-radius:50%;background:#fdf4e052;border:3px solid rgba(229,195,145,.75);align-items:center;justify-content:center;z-index:105}html.touch .joy-nub{width:54px;height:54px;border-radius:50%;background:var(--pink);box-shadow:0 3px 8px #6b4f3a59;pointer-events:none}html.touch .tbtn{position:absolute;z-index:105;align-items:center;justify-content:center;border:3px solid var(--line);border-radius:50%;background:#fdf4e0eb;box-shadow:var(--shadow);font-size:1.5em;width:60px;height:60px}html.touch .tbtn:active{transform:scale(.92)}html.touch .t-interact{right:26px;bottom:148px;width:84px;height:84px;font-size:2.2em}html.touch .t-interact.available{background:var(--butter);animation:paw-pulse .9s infinite}@keyframes paw-pulse{50%{transform:scale(1.08)}}html.touch .t-jump{right:122px;bottom:100px}html.touch .t-run{right:122px;bottom:208px}html.touch .t-run.on{background:var(--mint-2)}html.touch .t-snap{right:26px;bottom:148px;width:84px;height:84px;font-size:2em;background:var(--pink)}html.touch .t-rotate{right:26px;bottom:250px}html.touch .t-cancel{right:26px;bottom:320px;background:var(--red)}html.touch .hud-guide{top:118px;font-size:.82em;max-width:15em}html.touch .hud-hotbar{bottom:66px;font-size:.85em;left:46%}html.touch .hud-carried{bottom:126px}html.touch .hud-top{font-size:.72em;max-width:96vw;flex-wrap:wrap;justify-content:center;gap:5px}html.touch .hud-missions{font-size:.7em;min-width:0;max-width:13em;padding:.5em .7em}html.touch .hud-orders{font-size:.78em;max-width:12em;top:60px}html.touch .interact-prompt{top:auto;bottom:245px;font-size:.85em;max-width:90vw;white-space:normal;text-align:center}html.touch .crosshair{opacity:.6}html.touch .dialogue{bottom:auto;top:100px;font-size:.85em}html.touch .minigame{bottom:24vh;max-width:92vw}html.touch .toast-stack{bottom:auto;top:92px;font-size:.8em;max-width:92vw}html.touch .photo-bar{font-size:.72em;max-width:94vw;white-space:normal;text-align:center}@media(max-width:700px),(max-height:500px){.start-card{padding:1.2em 1.4em;max-width:94vw;max-height:92vh;overflow-y:auto}.start-title{font-size:1.9em}.start-cats{font-size:1.8em}.controls-grid{font-size:.8em}.panel{min-width:0;width:94vw;padding:1em 1.1em}}.day-fade{position:fixed;inset:0;background:#241a12;z-index:140;opacity:0;pointer-events:none;transition:opacity .8s ease}.day-fade.on{opacity:1;pointer-events:auto}.day-fade .day-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cream);font-size:2em;font-weight:800;opacity:0;transition:opacity .5s .4s}.day-fade.on .day-label{opacity:1}