/* Monster v3.4.1 — 2D floor roaming + unobtrusive configurable companion cues. */
.monster-wrap[data-autonomy-active="true"]{
  left:var(--monster-autonomy-x,var(--monster-x,50%));
  bottom:calc(100% - var(--monster-autonomy-y,82%));
  transform:translateX(-50%) scale(var(--monster-autonomy-scale,1));
  transform-origin:50% 100%;
  transition:scale .18s linear;
}
.monster-autonomy-hud{position:absolute;z-index:15;inset:0;pointer-events:none}
.monster-thought-card{position:absolute;top:10px;max-width:168px;padding:6px 9px;border:1px solid rgba(112,103,88,.13);border-radius:12px;background:rgba(255,253,247,.72);backdrop-filter:blur(7px);box-shadow:0 5px 14px rgba(78,68,50,.07);color:#5c574f;font-size:8px;line-height:1.4;font-weight:800;pointer-events:none;animation:monsterThoughtCardIn .2s ease-out both}
.monster-autonomy-hud[data-card-side="left"] .monster-thought-card{left:10px}
.monster-autonomy-hud[data-card-side="right"] .monster-thought-card{right:10px}
.monster-thought-card[hidden]{display:none}
.monster-autonomy-settings-btn{position:absolute;right:9px;bottom:9px;pointer-events:auto;border:1px solid rgba(112,103,88,.18);border-radius:999px;background:rgba(255,253,247,.70);backdrop-filter:blur(6px);color:#69635b;padding:5px 8px;font-size:8px;font-weight:900;box-shadow:0 3px 10px rgba(78,68,50,.06)}
.monster-autonomy-settings{position:absolute;right:9px;bottom:38px;width:174px;pointer-events:auto;display:grid;gap:7px;padding:10px;border:1px solid rgba(112,103,88,.18);border-radius:14px;background:rgba(255,253,247,.94);backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(78,68,50,.13);color:#5c574f}
.monster-autonomy-settings[hidden]{display:none}
.monster-autonomy-settings strong{font-size:10px}
.monster-autonomy-settings label{display:grid;gap:3px;font-size:8px;font-weight:800}
.monster-autonomy-settings select{width:100%;min-height:28px;border:1px solid rgba(112,103,88,.2);border-radius:9px;background:#fffdf8;color:#514c45;padding:3px 6px;font-size:9px}
.monster-autonomy-settings .monster-autonomy-check{display:flex;align-items:center;gap:6px}
@keyframes monsterThoughtCardIn{from{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:.92;transform:translateY(0) scale(1)}}
.monster-wrap.autonomy-walk:not(.action-drink):not(.action-eat):not(.action-veg) .monster-rig{animation:monsterRigWalk .48s ease-in-out infinite alternate}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .monster-rig{animation:monsterRigRun .28s ease-in-out infinite alternate;transform-origin:50% 82%}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .monster-foot.f1{animation:monsterRunStep .28s ease-in-out infinite alternate}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .monster-foot.f2{animation:monsterRunStep .28s ease-in-out infinite alternate-reverse}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .monster-arm.a1{animation:monsterRunArm .28s ease-in-out infinite alternate}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .monster-arm.a2{animation:monsterRunArm .28s ease-in-out infinite alternate-reverse}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .backwear-cape{animation:capeRunAttached .31s ease-in-out infinite alternate}
.monster-wrap.autonomy-run:not(.action-drink):not(.action-eat):not(.action-veg) .backwear-bag{animation:bagRunAttached .28s ease-in-out infinite alternate}
.monster-wrap.autonomy-relax:not(.action-drink):not(.action-eat):not(.action-veg) .monster-rig{animation:monsterRigRelax 5s ease-in-out infinite}
@keyframes monsterRigRun{from{transform:scaleX(var(--monster-facing)) translateY(1px) rotate(-5deg) scaleY(.985)}to{transform:scaleX(var(--monster-facing)) translateY(-8px) rotate(4deg) scaleY(1.015)}}
@keyframes monsterRunStep{from{transform:translateY(3px) rotate(-18deg)}to{transform:translateY(-3px) rotate(20deg)}}
@keyframes monsterRunArm{from{rotate:-42deg}to{rotate:42deg}}
@keyframes capeRunAttached{from{transform:rotate(7deg) skewX(-4deg)}to{transform:rotate(16deg) skewX(-10deg)}}
@keyframes bagRunAttached{from{transform:rotate(-3deg) translateY(0)}to{transform:rotate(5deg) translateY(-3px)}}
@media(max-width:430px){.monster-thought-card{max-width:142px;font-size:7.5px}.monster-autonomy-settings{width:164px}}
@media(prefers-reduced-motion:reduce){.monster-thought-card{animation:none}.monster-wrap[data-autonomy-active="true"]{transition:none}}