#oreo-home{position:absolute;left:810px;top:15px;width:100px;height:100px;z-index:21;--oreo-bg:#eeead7;--oreo-ink:#302735}#oreo-hit{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;color:inherit}#oreo-hit:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:12px}#oreo-video,#oreo-poster{position:absolute;max-width:none;pointer-events:none}#oreo-bubble{position:absolute;right:calc(100% + 10px);top:2px;white-space:nowrap;border:0;border-radius:12px;background:var(--oreo-bg);color:var(--oreo-ink);padding:9px 12px;font:18px Arial,sans-serif;line-height:24px}#oreo-bubble:after{content:'';position:absolute;left:calc(100% - 3px);top:50%;border-left:12px solid var(--oreo-bg);border-top:6px solid transparent;border-bottom:3px solid transparent}#oreo-bubble[hidden],#oreo-video[hidden],#oreo-poster[hidden]{display:none}#oreo-resume{font:inherit;min-height:30px;background:none;border:0;color:inherit;padding:0 5px;cursor:default}#oreo-resume:disabled{opacity:.8}#oreo-bubble[data-mode=resume]{padding:0 12px;min-height:30px}:root[data-env=night] #oreo-home{--oreo-bg:#27334c;--oreo-ink:#f5f1ff}:root[data-env=afternoon] #oreo-home{--oreo-bg:#d6edf5}:root[data-env=evening] #oreo-home{--oreo-bg:#f7dabd}
@media(max-width:600px){#oreo-home{left:auto;right:calc(145px - var(--oreo-width));top:34px;width:var(--oreo-width);height:70px}#oreo-bubble{right:calc(100% + 6px);top:-26px;font-size:14px;line-height:18px;padding:7px 8px;border-radius:16px}#oreo-bubble:after{border-left-width:10px;top:21px}#oreo-bubble[data-mode=resume]{min-height:44px;top:-26px;padding:0 12px}#oreo-resume{font-size:14px;min-height:44px}}

#oreo-resume{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}#oreo-resume:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}

#oreo-bubble[data-mode=resume]{min-height:32px;padding:0 8px;border-radius:16px}#oreo-resume{min-height:44px;margin-top:-6px;margin-bottom:-6px;padding:0;position:relative}

/* Entry20: phone-only first-visit hint above paw. Desktop unchanged. */
@media(max-width:600px){#paw-menu-hint{right:8px;top:5px}}

/* Entry20 desktop preview accepted with noted face/ear overlap. */
@media(min-width:601px){#paw-menu-hint{right:8px;top:34px}}
/* Feeding interaction only. Existing tap mapping preserved. */
.resume-pill-track.feeding-track{justify-content:flex-start;gap:14px;padding:2px 0;border:0;background:none!important;border-radius:0}.feeding-track p{font:20px VT,monospace;margin:0}.feeding-track small{font:16px VT,monospace}.feeding-track #tuna-pickup{width:52px;height:52px;min-width:52px;background:none;border:0;padding:0;cursor:grab;touch-action:none}.feeding-track #tuna-pickup img{width:52px;height:52px;image-rendering:pixelated;pointer-events:none}#tuna-pickup:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}#oreo-food-piece{position:fixed;width:24px;height:20px;transform:translate(-50%,-50%);z-index:99;pointer-events:none;image-rendering:pixelated}#oreo-food-piece[hidden],#feeding-resume[hidden]{display:none}#oreo-eating-frame{position:absolute;max-width:none;pointer-events:none}#feeding-resume{position:fixed;z-index:100;top:184px;right:24px;max-width:calc(100vw - 32px);padding:18px 22px;border-radius:20px;border:1px solid var(--muted);background:var(--bg);color:var(--ink);box-shadow:0 6px 20px #30252220;font:21px VT,monospace}#feeding-resume p{margin:0 18px 12px 0}#feeding-resume a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--accent);color:#19121c;border-radius:18px;text-decoration:none}.feeding-dismiss{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;background:transparent;color:inherit;cursor:pointer;font:20px VT,monospace}@media(max-width:600px){#feeding-resume{top:120px;right:16px;font-size:20px}.feeding-track p{font-size:18px}.feeding-track small{font-size:15px}}

/* Entry27 approved popup colours. */
:root[data-env=afternoon] #feeding-resume{background:#d6edf5;color:#253b4d;border-color:#7aacc2}:root[data-env=afternoon] #feeding-resume a{background:#8bbbd3;color:#18384b}
:root[data-env=evening] #feeding-resume{background:#f7dabd;color:#4c3035;border-color:#c58b86}:root[data-env=evening] #feeding-resume a{background:#dca0a2;color:#472730}
:root[data-env=night] #feeding-resume{background:#27334c;color:#f5f1ff;border-color:#7785b5}:root[data-env=night] #feeding-resume a{background:#9bafd9;color:#202b45}
:root[data-env=morning] #feeding-resume{background:#ffffff;color:#24351b;border-color:#abb99d}:root[data-env=morning] #feeding-resume a{background:#b8ee49;color:#203113}
/* Approved v2 still companion. No limb animation or video playback. */
#oreo-home{width:186px!important;height:150px!important;--oreo-width:186px;top:20px;left:790px}#oreo-poster{width:100%!important;height:auto!important;left:0!important;top:0!important;object-fit:contain}#oreo-bubble{white-space:normal;width:max-content;max-width:220px;font:18px/1.25 VT,monospace;box-shadow:0 3px 16px #30252212}#oreo-home.is-hello #oreo-hit{animation:oreo-hello .65s ease-out 1;transform-origin:50% 90%}@keyframes oreo-hello{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-4deg)}70%{transform:translateY(-2px) rotate(3deg)}}#oreo-companion{position:fixed;right:24px;bottom:24px;width:88px;height:78px;border:0;border-radius:22px;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ink);padding:6px;z-index:25;cursor:pointer;box-shadow:0 3px 18px #30252215}#oreo-companion img{width:100%;height:auto;display:block}.companion-progress{position:absolute;bottom:3px;left:12px;right:12px;height:2px;border-radius:2px;background:var(--muted);overflow:hidden}.companion-progress:after{content:'';display:block;width:calc(var(--progress,0)*100%);height:100%;background:var(--accent)}#oreo-companion[hidden]{display:none}#oreo-companion:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#oreo-home.is-companion{position:fixed;inset:auto 24px 24px auto!important;width:88px!important;height:78px!important;pointer-events:none;z-index:26}#oreo-home.is-companion #oreo-hit{visibility:hidden}#oreo-home.is-companion #oreo-bubble{right:calc(100% + 9px);top:auto;bottom:12px;pointer-events:auto;max-width:205px}#oreo-home.is-companion #oreo-bubble:after{top:auto;bottom:15px}.oreo-still-note{font:16px/1.3 VT,monospace;color:var(--muted);margin:16px 0 0}.oreo-action-card img{object-fit:contain!important}.oreo-action-dropdown summary{display:flex;justify-content:space-between}
@media(max-width:600px){#oreo-home{left:auto!important;right:18px!important;top:32px;width:94px!important;height:76px!important;--oreo-width:94px}#oreo-bubble{right:calc(100% + 6px);top:6px;max-width:180px;font-size:16px}#oreo-companion{right:14px;bottom:86px;width:72px;height:65px}#oreo-home.is-companion{right:14px!important;bottom:86px!important;width:72px!important;height:65px!important}#oreo-home.is-companion #oreo-bubble{max-width:185px;bottom:8px}}
.motion-paused #oreo-hit{animation:none!important}@media(prefers-reduced-motion:reduce){#oreo-hit{animation:none!important}}
