/* v74: Cuide do Mascote */
.mc{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;min-height:0;font-family:system-ui,sans-serif}
.mc-barras{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.mc-b{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0005;border-radius:10px;padding:4px 2px}
.mc-b span{font-size:20px}.mc-b>i{display:block;width:90%;height:7px;border-radius:4px;background:#ffffff33;overflow:hidden}.mc-b>i>i{display:block;height:100%;background:#5be37a;border-radius:4px;transition:width .4s}
.mc-b.baixo>i>i{background:#ff6b5b}.mc-b.baixo span{animation:mcPisca 1s steps(2) infinite}
.mc-topo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:900}.mc-topo .ar-mini{margin-left:auto}.mc-vac{color:#bdf7c8}
.mc-cena{position:relative;flex:1;min-height:240px;border-radius:18px;overflow:hidden;border:3px solid #6b3f1d}
.mc-fundo{position:absolute;inset:0;transition:background .4s}
.mc-fundo.s-cozinha{background:linear-gradient(#fbe7c6 0 62%,#d9b98a 62%)}.mc-fundo.s-cozinha::after{content:"🍳 🥄 🧂";position:absolute;left:8%;top:12%;font-size:28px;opacity:.7}
.mc-fundo.s-banheiro{background:linear-gradient(#cfeeff 0 62%,#9fd3e8 62%);background-image:linear-gradient(#cfeeff 0 62%,#9fd3e8 62%),repeating-linear-gradient(90deg,#fff3 0 30px,transparent 30px 60px)}.mc-fundo.s-banheiro::after{content:"🛁 🪞";position:absolute;right:8%;top:14%;font-size:30px;opacity:.7}
.mc-fundo.s-quarto{background:linear-gradient(#d9ccf6 0 62%,#a58ad8 62%)}.mc-fundo.s-quarto::after{content:"🛏️ 🧸";position:absolute;right:8%;bottom:30%;font-size:40px;opacity:.85}
.mc-fundo.s-quintal{background:linear-gradient(#8fd3ff 0 60%,#7cc35a 60%)}.mc-fundo.s-quintal::after{content:"🌳 🌻";position:absolute;left:6%;bottom:30%;font-size:48px}
.mc-fundo.s-posto{background:linear-gradient(#eaf6f1 0 62%,#cfe3db 62%)}.mc-fundo.s-posto::after{content:"🏥 👩🏽‍⚕️";position:absolute;right:6%;top:14%;font-size:36px}
.mc-pet{position:absolute;left:50%;bottom:4%;height:76%;aspect-ratio:676/1024;transform:translateX(-50%);touch-action:none;cursor:pointer}
.mc-pet .cin-masc{width:100%;height:100%;pointer-events:none}
.mc-pet.doente .cin-masc{filter:saturate(.55) hue-rotate(40deg) brightness(.95)}.mc-pet.doente .cm-bob{animation:mcTonto 2.6s ease-in-out infinite}
.mc-termo,.mc-zzz,.mc-sujeira{position:absolute;display:none;pointer-events:none}
.mc-pet.doente .mc-termo{display:block;left:58%;top:36%;font-size:clamp(22px,6vw,36px);animation:mcPisca 1.4s infinite}
.mc-pet.dorme .mc-zzz{display:block;right:-6%;top:6%;font-size:clamp(24px,7vw,40px);animation:mcZzz 2s ease-in-out infinite}
.mc-pet.dorme .cm-olho{transform:scaleY(1)!important;animation:none!important}.mc-pet.dorme .cm-bob{animation:cmRespira 4s ease-in-out infinite}
.mc-pet.sujo .mc-sujeira{display:block;inset:30% 20% 10% 20%;background:radial-gradient(circle at 30% 40%,#6b4a2a66 0 8%,transparent 9%),radial-gradient(circle at 70% 60%,#6b4a2a55 0 7%,transparent 8%),radial-gradient(circle at 45% 80%,#6b4a2a55 0 6%,transparent 7%)}
.mc-pet.sujo::before{content:"🪰";position:absolute;left:10%;top:20%;font-size:18px;animation:mcMosca 2s linear infinite}
.mc-germes span{position:absolute;left:var(--x);top:var(--y);font-size:clamp(24px,7vw,40px);animation:mcGerme 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.3s);filter:drop-shadow(0 3px 3px #0004)}
.mc-fala{position:absolute;left:50%;top:4%;transform:translateX(-50%);max-width:88%;background:#fffdf5;border:3px solid #6b3f1d;border-radius:16px;padding:8px 12px;font:800 15px system-ui;color:#2a1c0a;text-align:center;box-shadow:0 4px 0 #6b3f1d;animation:mcPop .25s ease;z-index:3}
.mc-noite{position:absolute;inset:0;background:#0b1640;opacity:0;pointer-events:none;transition:opacity .8s}.mc-cena.escuro .mc-noite{opacity:.55}
.mc-fx{position:absolute;font-size:30px;pointer-events:none;animation:mcSobe 1.4s ease-out forwards;z-index:4}.mc-fx.come{animation:mcCome .9s ease-in forwards}.mc-fx.chuva{animation:mcChuva 1s ease-in forwards;top:0!important}.mc-fx.moeda{font:900 18px system-ui;color:#f6c946;text-shadow:0 2px 0 #0008}
.mc-bolha{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#bfe6ff 60%,#8fcdf088);pointer-events:none;animation:mcBolha 1.2s ease-out forwards}
.mc-bola{position:absolute;width:52px;height:52px;margin:-26px;border:0;background:none;font-size:44px;line-height:52px;cursor:pointer;z-index:5;touch-action:none}
.mc-acoes{background:#fff8e6;border:3px solid #6b3f1d;border-radius:16px;padding:8px}
.mc-dica{margin:0 0 6px;font-size:13px;color:#4a3420;text-align:center}
.mc-itens{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.mc-itens button{flex:0 0 auto;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;border:2px solid #6b3f1d;border-radius:12px;background:#fff;cursor:pointer;color:#2a1c0a;box-shadow:0 3px 0 #6b3f1d}
.mc-itens button span{font-size:28px}.mc-itens button b{font-size:12px}.mc-itens button small{font-size:11px;color:#6b5a3a}
.mc-itens button.on{background:#d6f5dc}.mc-itens button:disabled{opacity:.45;box-shadow:none}
.mc-trat{flex-direction:column}.mc-trat button{flex-direction:row;justify-content:flex-start;gap:10px;min-width:0}.mc-trat button b{font-size:14px}
.mc-salas{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.mc-salas button{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border:2px solid #6b3f1d;border-radius:12px;background:#f7e5b8;cursor:pointer;color:#3a2410}
.mc-salas button span{font-size:22px}.mc-salas button b{font-size:11px}.mc-salas button.on{background:#f6c946;transform:translateY(-2px)}
@keyframes mcPisca{50%{opacity:.35}}
@keyframes mcTonto{0%,100%{transform:rotate(-2deg) translateY(1%)}50%{transform:rotate(2deg) translateY(1%)}}
@keyframes mcZzz{0%{transform:translate(0,0);opacity:0}30%{opacity:1}100%{transform:translate(14px,-26px);opacity:0}}
@keyframes mcMosca{0%{transform:translate(0,0)}25%{transform:translate(60px,-10px)}50%{transform:translate(90px,30px)}75%{transform:translate(20px,50px)}100%{transform:translate(0,0)}}
@keyframes mcGerme{0%,100%{transform:translate(0,0) rotate(0) scale(1)}50%{transform:translate(6px,-10px) rotate(20deg) scale(1.15)}}
@keyframes mcPop{from{transform:translate(-50%,8px);opacity:0}}
@keyframes mcSobe{from{transform:translateY(0) scale(.6);opacity:1}to{transform:translateY(-90px) scale(1.2);opacity:0}}
@keyframes mcCome{0%{transform:translate(0,40px) scale(1.2);opacity:1}80%{transform:translate(10%,0) scale(.6);opacity:1}100%{transform:scale(.1);opacity:0}}
@keyframes mcChuva{from{transform:translateY(0)}to{transform:translateY(220px);opacity:0}}
@keyframes mcBolha{to{transform:translateY(-30px) scale(1.4);opacity:0}}
.ar-mascotinho .ar-palco{align-items:stretch}
@media (orientation:landscape) and (max-height:620px){
 .mc{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr auto;gap:6px 10px}
 .mc-barras .mc-b{flex-direction:row;padding:2px 6px}.mc-b span{font-size:16px}
 .mc-barras{grid-column:1;grid-row:1}
 .mc-topo{grid-column:2;grid-row:1}
 .mc-topo .ar-mini{padding:4px 10px;font-size:13px}
 .mc-cena{grid-column:1;grid-row:2/4;min-height:0}
 .mc-acoes{grid-column:2;grid-row:2;overflow:auto;min-height:0}
 .mc-salas{grid-column:2;grid-row:3}
 .mc-fala{font-size:13px;padding:6px 10px}
 .mc-pet{height:84%}
 .mc-itens{flex-wrap:wrap}
}