/* The desktop companion is a transparent character; its controls open on request. */
html:has(body.desktop-pet),body.desktop-pet{background:transparent!important;min-height:0;height:100%;overflow:hidden}
body.desktop-pet #app{display:none;position:absolute;left:10px;right:10px;bottom:184px;width:auto;max-height:calc(100vh - 202px);margin:0;padding:20px 14px 14px;border:1px solid #dfd9cd;border-radius:18px;background:#fffaf3;box-shadow:0 4px 12px #34231424;overflow:auto}
body.desktop-pet.pet-expanded #app{display:block}
body.desktop-pet.pet-controls-below #app{top:184px;bottom:auto}
body.desktop-pet.pet-controls-below #desktop-pet-stage{top:8px;bottom:auto}
body.desktop-pet #desktop-pet-stage{position:absolute;bottom:8px;left:50%;width:148px;height:164px;transform:translateX(-50%);pointer-events:none}
body.desktop-pet #desktop-pet-stage #character{position:relative;width:148px;height:164px;margin:0;transform:none}
body.desktop-pet .scene{display:block!important;min-height:0!important;overflow:visible}
body.desktop-pet .scene-copy{width:100%;text-align:center!important;padding:0 14px!important}
body.desktop-pet #clock-block{justify-content:center!important}
body.desktop-pet #description{display:block!important}
body.desktop-pet #sip-button:not([hidden]){display:block!important;position:static;margin:12px auto 0;padding:7px 12px;font-size:11px;background:#f0eee4;border:1px solid #dfd9cd;color:var(--ink)}
body.desktop-pet #sip-button:hover{background:#e7e7d9}
body.desktop-pet #sip-button:focus-visible{outline:2px solid #69585f;outline-offset:2px}
body.desktop-pet #session{margin-top:12px}
body.desktop-pet #compact-controls{padding-top:10px;border-top:1px solid var(--line);gap:16px}
body.desktop-pet #close-pet-controls{display:block;position:absolute;top:5px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#786772;font-size:19px;line-height:1;cursor:pointer}
body.desktop-pet #close-pet-controls:hover{background:#eee9df}
body.desktop-pet #close-pet-controls:focus-visible{outline:2px solid #69585f;outline-offset:-3px}
body.desktop-pet #pet-nudge{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);max-width:calc(100% - 12px);white-space:nowrap;border:1px solid #dfd9cd;border-radius:14px;background:#fffaf3;color:#4c3541;padding:8px 12px;font:650 11px/1.2 'Cappy Sans',system-ui,sans-serif;box-shadow:0 3px 8px #34231420;cursor:pointer}
body.desktop-pet #pet-nudge::after{content:"";position:absolute;bottom:-5px;left:calc(50% - 4px);width:7px;height:7px;background:#fffaf3;border-right:1px solid #dfd9cd;border-bottom:1px solid #dfd9cd;transform:rotate(45deg)}
body.desktop-pet #pet-nudge:focus-visible{outline:2px solid #69585f;outline-offset:2px}
body.desktop-pet.pet-expanded #pet-nudge{display:none}
body.desktop-pet .guidance{margin-bottom:12px}
body.desktop-pet #announcement{position:absolute}