/* The housemate stays inside the existing hero; no floating controls cover the desk. */
.hero-art.has-cat-scene{height:388px;isolation:isolate}
.hero-art.has-cat-scene #home-scene{height:calc(100% - 74px)}
.hero-art.has-cat-scene .art-label{bottom:57px;font-size:12px;max-width:100%;text-align:center}
.cat-controls{position:absolute;inset:auto 0 0;display:flex;justify-content:center;align-items:center;gap:6px;min-height:48px}
.cat-controls[hidden]{display:none}
.cat-controls>button,.cat-controls>.scene-control{position:static;flex:0 1 auto;min-height:44px;padding:8px 10px;font-size:12px;line-height:1.2;white-space:nowrap;letter-spacing:0;border:1px solid #d5ddca;background:#f7f8ef;color:#435e47;box-shadow:none;touch-action:manipulation}
.cat-controls>button:disabled{opacity:.56;cursor:default}
.cat-controls>.scene-control{background:transparent;color:#62725a}
.cat-controls>button:focus-visible,#home-scene canvas:focus-visible{outline:3px solid #799953;outline-offset:3px}
#home-scene canvas{border-radius:30px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.cat-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-theme=dark] .cat-controls>button{border-color:#45604d;background:#243c30;color:#d7e5cc}
[data-theme=dark] .cat-controls>.scene-control{background:transparent;color:#cad7be}
@media(max-width:850px){.hero-art.has-cat-scene{height:350px}.cat-controls{gap:5px}.cat-controls>button,.cat-controls>.scene-control{padding:8px 8px;font-size:12px}}
@media(max-width:600px){.hero-art.has-cat-scene{height:320px;margin-top:9px}.hero-art.has-cat-scene .art-label{font-size:12px}.cat-controls{gap:7px}.cat-controls>button,.cat-controls>.scene-control{padding:8px 10px;font-size:12px}}
@media(max-width:360px){.cat-controls{gap:4px}.cat-controls>button,.cat-controls>.scene-control{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cat-controls>button{transition:none}.cat-controls>button:hover{transform:none}}
.main-nav:has(.worker-art){position:relative}
.worker-art{position:absolute;inset:-6px 0 auto;pointer-events:none;z-index:3;display:block}
.worker-art[hidden],#home-scene canvas[hidden]{display:none!important}
.main-nav button[data-worker-state]{position:relative}
.main-nav button[data-worker-state=running]{box-shadow:inset 0 0 0 1px #94b08b88}
.main-nav button[data-worker-state=waiting]{box-shadow:inset 0 0 0 1px #c9aa7266}
.main-nav button[data-worker-state=attention]{box-shadow:inset 0 0 0 1px #c1856c99;background:#f2e7d9}
.main-nav button:is([data-worker-state=running],[data-worker-state=waiting],[data-worker-state=attention]):after{content:'';position:absolute;right:5px;top:4px;width:6px;height:6px;border-radius:50%;background:#779565;pointer-events:none}
.main-nav button[data-worker-state=waiting]:after{background:#b89556}
.main-nav button[data-worker-state=attention]:after{background:#ba7c5f}
.main-nav[data-activity-art=ready] button[data-worker-state]:after{display:none}
[data-theme=dark] .main-nav button[data-worker-state=attention]{background:#503e30;color:#e9d2b9}