.mm-companion{--pet-accent:#bc663d;position:relative;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(280px,1.2fr);align-items:center;gap:24px;padding:24px 40px;background:linear-gradient(115deg,#fff0d9,#fffbf3 62%,#f5f7ee);border:1px solid #efdfc9;border-radius:26px;overflow:hidden;color:#493a2d}.mm-companion__art{position:relative;max-width:340px;width:100%;justify-self:center}.mm-companion__portrait{display:block;width:100%;height:auto;transform-origin:50% 82%;filter:drop-shadow(0 10px 15px #b8874820)}.mm-companion__spark{position:absolute;color:#de9e59;font-size:28px;z-index:1}.mm-companion__spark--one{left:8%;top:20%}.mm-companion__spark--two{right:5%;bottom:22%;color:#86a89a}.mm-companion__eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a07954}.mm-companion h2{font-size:clamp(23px,2.5vw,32px);line-height:1.4;margin:10px 0 12px;color:#513621;letter-spacing:-.5px}.mm-companion__greeting{font-size:14px;line-height:1.9;max-width:400px;margin:0 0 22px;color:#806d5c}.mm-companion__level{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-bottom:9px}.mm-companion__level strong{font-size:13px;color:#a26341}.mm-companion__level>span{color:#9d8066}.mm-companion__meter{height:8px;background:#e9ded0;border-radius:10px;overflow:hidden}.mm-companion__meter i{display:block;height:100%;background:linear-gradient(90deg,#e9aa7f,#dc8257);border-radius:10px;transition:width .35s ease}.mm-companion__next{font-size:11px;color:#957b62;margin:7px 0 20px}.mm-companion__controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.mm-companion__controls button{border:0;background:#b96a43;color:#fff;padding:12px 18px;border-radius:13px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #a96a3b15}.mm-companion__controls button:not(:disabled):hover{background:#a75c38;transform:translateY(-1px)}.mm-companion__controls button:disabled{background:#e8dccd;color:#8e7d69;box-shadow:none;cursor:default}.mm-companion__food{font-size:12px;color:#836a51}.mm-companion__food strong{font-size:17px;color:#a25d36;margin:0 3px}.mm-companion__hint{font-size:11px;color:#9b846d;margin:10px 0 0}.mm-companion--compact{padding:16px 24px;gap:15px;grid-template-columns:minmax(120px,.65fr) minmax(220px,1.6fr)}.mm-companion--compact .mm-companion__art{max-width:205px}.mm-companion--compact h2{font-size:23px}.mm-companion--compact .mm-companion__greeting{margin-bottom:12px;font-size:12px}.mm-companion--compact .mm-companion__next{margin-bottom:12px}.mm-pet-page{max-width:1160px;margin:0 auto;padding:32px 24px 64px}.mm-pet-page__header{margin:0 0 25px}.mm-pet-page__header h1{font-size:29px;color:#493828;margin:10px 0}.mm-pet-page__header p{color:#8d7d6b;font-size:14px}.mm-pet-page__columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.mm-pet-panel{background:#fffdf9;border:1px solid #ece4d7;border-radius:20px;padding:24px}.mm-pet-panel__title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.mm-pet-panel__title h2{font-size:17px;margin:0;color:#594532}.mm-pet-panel__title>span{font-size:11px;color:#9d8b76}.mm-pet-task{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #f1eae0}.mm-pet-task:last-child{border-bottom:0}.mm-pet-task>div{flex:1}.mm-pet-task strong{font-size:13px;color:#67533f}.mm-pet-task p{font-size:11px;color:#a18b73;margin:5px 0 0;line-height:1.6}.mm-pet-task>span:last-child{font-size:11px;color:#af754b}.mm-pet-task__check{color:#ccbba6;font-size:22px}.mm-pet-task.is-complete .mm-pet-task__check{color:#759d7c}.mm-pet-panel__note,.mm-pet-empty{font-size:11px;color:#9d8b76;line-height:1.8;margin:20px 0 0}.mm-pet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mm-pet-actions button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:15px 5px;border:1px solid #eddfca;border-radius:13px;background:#fff6e9;color:#94623c;cursor:pointer;min-height:103px}.mm-pet-actions button>span{font-size:25px;height:30px}.mm-pet-actions button strong{font-size:11px}.mm-pet-actions button small{font-size:10px;opacity:.7}.mm-pet-actions button:not(:disabled):hover{background:#ffecd1;border-color:#d7b38b}.mm-pet-actions button:disabled{background:#f4f1eb;border-color:#ede7dd;color:#a89e90;cursor:default}.mm-companion button:focus-visible,.mm-pet-actions button:focus-visible{outline:3px solid #6c9990;outline-offset:3px}.mm-companion[data-pet-animation=wave] .mm-companion__portrait,.mm-companion[data-pet-animation=sway] .mm-companion__portrait{animation:mm-pet-sway .55s ease-in-out 3}.mm-companion[data-pet-animation=listen] .mm-companion__portrait,.mm-companion[data-pet-animation=think] .mm-companion__portrait{animation:mm-pet-tilt .8s ease-in-out 2}.mm-companion[data-pet-animation=speak] .mm-companion__portrait{animation:mm-pet-bob .4s ease-in-out 4}.mm-companion[data-pet-animation=cheer] .mm-companion__portrait,.mm-companion[data-pet-animation=dance] .mm-companion__portrait{animation:mm-pet-hop .55s ease-in-out 3}.mm-companion[data-pet-animation=heart] .mm-companion__portrait{animation:mm-pet-heart .75s ease-in-out 2}@keyframes mm-pet-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes mm-pet-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg) translateY(-3px)}}@keyframes mm-pet-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mm-pet-hop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-13px) rotate(-4deg)}65%{transform:translateY(-4px) rotate(4deg)}}@keyframes mm-pet-heart{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@media(max-width:760px){.mm-pet-page__columns{grid-template-columns:1fr}.mm-companion{padding:20px 24px;gap:10px;grid-template-columns:minmax(145px,.8fr) minmax(200px,1.2fr)}.mm-companion__eyebrow{font-size:8px;letter-spacing:1.3px}.mm-companion h2{font-size:22px}.mm-companion__greeting{font-size:12px}.mm-companion__controls{gap:8px}.mm-companion__controls button{font-size:12px;padding:11px 13px}}@media(max-width:500px){.mm-pet-page{padding:22px 16px 45px}.mm-companion{grid-template-columns:1fr;padding:12px 22px 22px;text-align:center;gap:0}.mm-companion__art{max-width:205px;margin-bottom:-15px}.mm-companion__body{position:relative}.mm-companion__greeting{margin:0 auto 16px;max-width:260px}.mm-companion h2{margin-top:7px;font-size:23px}.mm-companion__controls{justify-content:center}.mm-companion--compact{grid-template-columns:110px 1fr;text-align:left;padding:12px;gap:9px}.mm-companion--compact .mm-companion__art{max-width:120px;margin:0}.mm-companion--compact h2{font-size:17px;margin-bottom:7px}.mm-companion--compact .mm-companion__eyebrow{display:none}.mm-companion--compact .mm-companion__greeting{font-size:11px;line-height:1.6;margin-bottom:9px}.mm-companion--compact .mm-companion__level strong{font-size:10px}.mm-companion--compact .mm-companion__level>span{font-size:10px}.mm-companion--compact .mm-companion__controls{justify-content:flex-start;gap:7px}.mm-companion--compact .mm-companion__controls button{font-size:10px;padding:9px}.mm-companion--compact .mm-companion__food,.mm-companion--compact .mm-companion__hint,.mm-companion--compact .mm-companion__next{font-size:10px}.mm-companion--compact .mm-companion__food strong{font-size:12px}.mm-pet-panel{padding:18px}.mm-pet-panel__title{align-items:flex-start}.mm-pet-panel__title>span{max-width:100px;text-align:right;line-height:1.5}.mm-pet-actions{gap:7px}.mm-pet-actions button{padding:12px 2px}.mm-pet-actions button strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.mm-companion *{animation:none!important;transition:none!important}.mm-companion__controls button:not(:disabled):hover{transform:none}}
.mm-pet-hotspot{position:absolute;border:0;background:transparent;border-radius:50%;cursor:pointer;min-width:30px;min-height:30px}.mm-pet-hotspot--head{left:35%;top:20%;width:35%;height:24%}.mm-pet-hotspot--ears{left:17%;top:35%;width:20%;height:22%}.mm-pet-hotspot--mic{left:56%;top:62%;width:16%;height:20%}.mm-pet-hotspot:hover{background:#fff5e522}[data-mood=sleepy] .mm-companion__portrait{opacity:.88;transform:rotate(-3deg)}[data-mood=thinking] .mm-companion__portrait{transform:rotate(4deg)}[data-mood=excited] .mm-companion__spark{color:#e59156}.mm-companion[data-pet-animation=cheer] .mm-companion__art:after{content:"🍪 ♡";position:absolute;bottom:18%;left:45%;font-size:26px;animation:cookie-love .48s ease-out}@keyframes cookie-love{from{opacity:1;transform:translateY(15px) scale(.7)}to{opacity:0;transform:translateY(-30px) scale(1.15)}}