/* Only the companion and its controls receive input; the page remains clickable. */
.web-pig{position:fixed;inset:auto 0 0;height:0;z-index:45;pointer-events:none;font-size:14px;color:var(--ink)}
.web-pig [hidden]{display:none!important}
.web-pig button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto}
.web-pig button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.pig-body{position:absolute;left:0;bottom:10px;width:90px;height:72px;border:0;padding:0;background:none;filter:drop-shadow(0 6px 3px #0004)}
.pig-body img{width:100%;height:100%;object-fit:contain;object-position:bottom;transform:scaleX(var(--facing,1));pointer-events:none}
.web-pig[data-state=happy] .pig-body img,.web-pig[data-state=ready] .pig-body img{animation:pig-happy .7s ease-in-out infinite}
.web-pig[data-state=eat] .pig-body img{animation:pig-nibble .35s ease-in-out infinite}
.web-pig[data-state=poop] .pig-body img{animation:pig-squat .55s ease-in-out infinite;transform-origin:bottom}
.pig-menu{position:absolute;bottom:102px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);overflow-y:auto;padding:14px;background:linear-gradient(145deg,#3b254ded,#1d1329f5);border:1px solid #ffd25e66;border-radius:18px;box-shadow:0 12px 36px #0008;pointer-events:auto;backdrop-filter:blur(12px)}
.pig-menu header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-weight:800;color:var(--gold)}
.pig-menu [data-pig-close],.pig-game button{width:28px;height:28px;border:0;border-radius:50%;background:#ffffff12}
.pig-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pig-actions button{min-height:42px;padding:8px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0b;transition:background .2s}
.pig-actions button:hover{background:#ffd25e20}.pig-actions button:disabled{opacity:.45;cursor:default}
.pig-actions [data-pig-action=hide]{grid-column:1/-1;opacity:.7}
.pig-bubble{position:absolute;bottom:96px;width:max-content;max-width:min(260px,calc(100vw - 24px));padding:9px 13px;border:1px solid #ffd25e44;border-radius:16px 16px 16px 4px;background:#24163ff2;box-shadow:0 4px 15px #0005;line-height:1.5;overflow-wrap:anywhere}
.pig-show{position:absolute;bottom:16px;left:14px;padding:8px 12px;border:1px solid #ffd25e55;border-radius:999px;background:#24163fe8;box-shadow:0 4px 15px #0005}
.pig-ball,.pig-poop{position:absolute;bottom:12px;width:38px;height:38px;background:none;padding:0;border:0}
.pig-ball img,.pig-poop img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.pig-ball{transition:left .35s ease-out;filter:drop-shadow(0 4px 3px #0004)}
.web-pig[data-state=chase] .pig-ball img{animation:pig-ball-hop .5s ease-out}
.pig-food{position:absolute;bottom:25px;width:25px;height:30px;object-fit:contain;animation:pig-food-bob .35s ease-in-out infinite}
.pig-game{position:absolute;left:50%;transform:translateX(-50%);bottom:102px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ffd25e55;border-radius:999px;background:#24163ff2;white-space:nowrap}
.pig-game output{font-weight:800;color:var(--gold)}
.pig-heart{position:absolute;bottom:72px;color:#ff99bd;font-size:24px;animation:pig-heart-rise 1.1s ease-out forwards}
@keyframes pig-happy{50%{translate:0 -6px}}
@keyframes pig-nibble{50%{rotate:-3deg}}
@keyframes pig-squat{50%{scale:1.04 .9}}
@keyframes pig-ball-hop{50%{translate:0 -55px;rotate:180deg}100%{rotate:360deg}}
@keyframes pig-food-bob{50%{translate:0 -3px}}
@keyframes pig-heart-rise{to{translate:0 -55px;opacity:0}}
@media(max-width:760px){.pig-body{width:78px;height:64px}}
@media(prefers-reduced-motion:reduce){.web-pig *{animation:none!important;transition:none!important}}

.pig-menu-status{font-size:13px;color:var(--mute);margin:0 0 12px;line-height:1.5}