/* ===== EscavaDino 4.0 ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* palco de tamanho (comparador) */
.palcoTam{position:relative;height:min(44vh,360px);min-height:240px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#dcefe9 0%,#f3f1e6 72%,#f7f3e8 100%);box-shadow:inset 0 0 0 1.5px #d7dccf;margin:10px 0 6px}
.ptChao{position:absolute;left:0;right:0;bottom:0;height:26px;background:#b9c98f;border-top:3px solid #8fa56a;z-index:1}
.rLin{position:absolute;left:0;right:0;border-top:1.5px dashed rgba(35,63,61,.16)}
.rLin span{position:absolute;left:6px;top:-17px;font:700 11px Poppins,system-ui;color:#425d51}
.rHum{position:absolute;z-index:3}.rHum svg{width:100%;height:100%;display:block}
.rDino{position:absolute;max-width:none;z-index:2}
.rNome{position:absolute;bottom:4px;transform:translateX(-50%);font:800 11px Poppins,system-ui;color:#233f3d;white-space:nowrap;z-index:4}
.rNome.acima{background:rgba(255,253,246,.9);border-radius:6px;padding:0 5px}
.ptEntra{animation:ptEntra .45s ease-out}@keyframes ptEntra{from{opacity:0}}
.palcoTam.treme{animation:tremeTela .38s cubic-bezier(.36,.07,.19,.97)}
@keyframes tremeTela{15%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-4px,2px)}60%{transform:translate(3px,-1px)}80%{transform:translate(-1px,1px)}}
.poeira{position:absolute;z-index:5;width:22px;height:14px;border-radius:50%;background:rgba(170,145,100,.7);pointer-events:none;animation:poeira .85s ease-out forwards}
@keyframes poeira{to{transform:translate(var(--dx),-26px) scale(2.6);opacity:0}}
.legenda{display:flex;gap:16px;justify-content:center;font:700 12px Poppins,system-ui;color:#425d51;margin:2px 0 8px}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.seletor{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.chipDino{flex:0 0 auto;width:88px;min-height:74px;border:0;border-radius:14px;background:#fffdf6;padding:6px 4px;cursor:pointer;font-family:inherit;color:#233f3d;box-shadow:0 0 0 1.5px #d7dccf;scroll-snap-align:start}
.chipDino img{width:100%;height:40px;object-fit:contain;display:block}
.chipDino b{display:block;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chipDino.on{box-shadow:0 0 0 3px #E07A2F}.chipDino.on2{box-shadow:0 0 0 3px #2f6b4f}
.chipDino:focus-visible,.v4hot:focus-visible,.v4acoes button:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.v4alt{display:block;font:700 13px Poppins,system-ui;color:#233f3d;margin:4px 0}
.v4alt input{width:100%;height:36px;accent-color:#E07A2F}
.v4fita{margin:10px 0}.v4fitaTit{font:800 13px Poppins,system-ui;color:#233f3d;margin-bottom:6px}
.v4barra{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:8px;align-items:center;margin:5px 0;font:700 12px Poppins,system-ui;color:#233f3d}
.v4bn{font-size:11.5px;line-height:1.2}
.v4bt{height:14px;border-radius:8px;background:#e6e2d4;overflow:hidden}
.v4bt i{display:block;height:100%;border-radius:8px;background:#2f6b4f;transition:width 1s cubic-bezier(.3,.9,.3,1)}
.v4vezes{font:600 12.5px/1.4 Poppins,system-ui;color:#425d51;margin:2px 0 8px}
/* dossiê */
.v4dosCard{padding:10px;margin-bottom:10px}.v4dosQuadro{position:relative;width:100%;aspect-ratio:700/400}
.v4dosQuadro img{position:absolute;inset:0;width:100%}
.v4hot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:0;background:transparent;cursor:pointer;padding:0}
.v4hot span{display:grid;place-items:center;width:30px;height:30px;margin:7px;border-radius:50%;background:#fffdf6;color:#233f3d;font:800 14px Poppins,system-ui;box-shadow:0 0 0 3px #E07A2F,0 3px 8px rgba(0,0,0,.25);animation:pulsa 1.8s ease-in-out infinite}
.v4hot.on span{background:#E07A2F;color:#fff}
@keyframes pulsa{50%{box-shadow:0 0 0 6px rgba(224,122,47,.35),0 3px 8px rgba(0,0,0,.25)}}
.v4dosInfo{background:#fffdf6;border-radius:16px;padding:14px 14px 8px;box-shadow:0 0 0 1.5px #d7dccf;font:500 14px/1.5 Poppins,system-ui;color:#233f3d}
.v4pontoTit{display:flex;justify-content:space-between;align-items:center;gap:8px}.v4pontoTit b{font-size:16px}
.v4tag{font:800 10.5px Poppins,system-ui;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:4px 9px}
.v4tag.ev{background:#dcefd9;color:#2f5b2a}.v4tag.hip{background:#fbe6c8;color:#8a4b12}
.v4peg{margin-top:6px}.v4pegPalco{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:24px;border-bottom:2px dashed #c9b48a;padding-bottom:4px}
.v4pegItem{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:24px}
.v4pegImg{height:100%;aspect-ratio:1}.v4pegImg svg{width:100%;height:100%}
.v4pegItem small{font:700 11px Poppins,system-ui;color:#425d51;white-space:nowrap;margin-top:2px}
.v4pegImg.dino{animation:carimbo .5s cubic-bezier(.3,1.6,.5,1)}@keyframes carimbo{from{transform:scale(1.4);opacity:0}}
.v4corr{margin-top:6px}.v4pista{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center;margin:6px 0;font:700 12px Poppins,system-ui}
.v4trilho{position:relative;height:18px;border-radius:9px;background:#e6e2d4;overflow:hidden}
.v4trilho i{position:absolute;top:3px;left:0;width:12px;height:12px;border-radius:50%;animation:corre var(--dur) linear infinite}
@keyframes corre{from{left:-12px}to{left:100%}}
.v4anim{position:relative;height:90px;margin:8px 0;border-radius:12px;background:#f1eee2;overflow:hidden}
.v4anim-gangorra .v4a1{position:absolute;left:10%;right:10%;top:40px;height:8px;border-radius:4px;background:#6b4f33;animation:gang 2.4s ease-in-out infinite}
.v4anim-gangorra .v4a2{position:absolute;left:calc(50% - 12px);top:48px;border:12px solid transparent;border-bottom:22px solid #2f6b4f;border-top:0}
@keyframes gang{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.v4anim-clava .v4a1{position:absolute;left:20%;top:40px;width:55%;height:10px;border-radius:5px;background:#b48a4a;transform-origin:0 50%;animation:clava 1.4s ease-in-out infinite}
.v4anim-clava .v4a1::after{content:'';position:absolute;right:-14px;top:-12px;width:32px;height:32px;border-radius:50%;background:#8a6420}
@keyframes clava{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}
.v4anim-dentes .v4a1{position:absolute;inset:20px 20px;background:repeating-linear-gradient(90deg,#fffdf6 0 10px,#d9cdb0 10px 12px);border-radius:8px;animation:dentes 3s linear infinite}
@keyframes dentes{to{background-position:48px 0}}
.v4anim-penas .v4a1{position:absolute;left:30%;top:20px;width:120px;height:50px;background:repeating-linear-gradient(100deg,#4f80d2 0 8px,#2c4f92 8px 12px);border-radius:0 0 60px 60px;transform-origin:0 0;animation:asa 1.6s ease-in-out infinite}
.v4anim-asa .v4a1{position:absolute;left:15%;right:15%;top:30px;height:30px;background:#e0a33e;clip-path:polygon(0 50%,50% 0,100% 50%,50% 70%);animation:asa 1.4s ease-in-out infinite}
@keyframes asa{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.5)}}
.v4anim-som .v4a1,.v4anim-som .v4a2{position:absolute;left:20%;top:45px;width:20px;height:20px;border:3px solid #9a6bd2;border-radius:50%;animation:onda 1.8s ease-out infinite}
.v4anim-som .v4a2{animation-delay:.9s}@keyframes onda{to{transform:scale(8);opacity:0}}
.v4anim-nado .v4a1{position:absolute;left:0;right:0;bottom:0;height:40px;background:#9fd0de}
.v4anim-nado .v4a2{position:absolute;bottom:30px;left:30%;width:90px;height:30px;background:#3d8fa0;border-radius:40% 60% 50% 50%;animation:nada 1.2s ease-in-out infinite}
@keyframes nada{50%{transform:translateY(-6px) skewX(12deg)}}
/* berçário vivo */
.v4topoBts{display:flex;gap:8px}
.v4hab{position:relative;flex:0 0 auto;aspect-ratio:10/8.4;max-height:46vh;width:100%;border-radius:22px;overflow:hidden;margin:4px 0 10px;background:linear-gradient(180deg,#bfe4f2 0%,#e8f3de 62%)}
.v4hab .v4cena{position:absolute;left:0;bottom:20px;width:100%;height:auto}
.v4chao{position:absolute;left:0;right:0;bottom:0;height:24px;background:#a6b86e;border-top:3px solid #8b9c55}
.bioma-deserto{background:linear-gradient(180deg,#f7dcb0 0%,#f7ecd6 62%)}.bioma-deserto .v4chao{background:#e2c28a;border-color:#c9a86d}
.bioma-pantano{background:linear-gradient(180deg,#bcd9d6 0%,#dfeee1 62%)}.bioma-pantano .v4chao{background:#7f9a5c;border-color:#657d45}
.bioma-penhasco{background:linear-gradient(180deg,#c6def0 0%,#eef2ea 62%)}.bioma-penhasco .v4chao{background:#b3a58f;border-color:#968a74}
.v4astro{position:absolute;top:14px;right:18px;width:40px;height:40px;border-radius:50%;background:#ffd66b;box-shadow:0 0 30px #ffe9a8}
.v4hab.noite{background:linear-gradient(180deg,#1f2d4d 0%,#3d4a6b 70%)}
.v4hab.noite .v4astro{background:#f4f1dc;box-shadow:0 0 22px rgba(244,241,220,.6)}
.v4hab.noite .v4cena,.v4hab.noite .v4chao{filter:brightness(.55) saturate(.8)}
.v4pet{position:absolute;bottom:18px;width:62%;transition:left 2.6s ease-in-out;z-index:2}
.v4pet .bebe{transition:transform .5s}
.v4hab.dormindo .v4pet .bebe img{animation:none!important}
.v4balao{position:absolute;right:6%;top:-8%;font-size:26px;background:#fffdf6;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.v4zzz{display:none;position:absolute;left:50%;top:18%;font:800 22px Poppins;color:#f4f1dc;animation:zz 2s ease-in-out infinite}
@keyframes zz{50%{transform:translateY(-10px);opacity:.6}}
.v4bola{position:absolute;z-index:3;font-size:34px;border:0;background:none;cursor:pointer;min-width:48px;min-height:48px;transition:left .35s,bottom .35s;animation:quica .8s ease-in-out infinite}
@keyframes quica{50%{transform:translateY(-8px)}}
.v4lamas{position:absolute;inset:0}
.v4lama{position:absolute;width:22px;height:16px;padding:0;border-radius:52% 40% 58% 44%;background:radial-gradient(circle at 35% 35%,#8a6a45,#5d4228);border:0;opacity:.92;transform:translate(-50%,-50%) rotate(var(--r,0deg));min-width:0;min-height:0;cursor:pointer;transition:transform .3s,opacity .3s}
.v4lama.sai{transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(0);opacity:0}
.v4bolha{position:absolute;z-index:4;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(190,230,255,.35);pointer-events:none;animation:bolha .9s ease-out forwards}
@keyframes bolha{to{transform:translateY(-40px) scale(1.6);opacity:0}}
.v4necs{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:6px}
.v4nec{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;font-size:18px}
.v4acoes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}
.v4acoes button{border:0;border-radius:18px;background:var(--cartao,#fffdf6);font-size:28px;padding:8px 0 6px;min-height:64px;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.12);font-family:inherit}
.v4acoes button span{display:block;font:800 11.5px Poppins,system-ui;color:#233f3d}
.v4acoes button:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.12)}
.v4nomes{margin-top:10px;background:#fffdf6;border-radius:16px;padding:12px;box-shadow:0 0 0 1.5px #d7dccf}
.v4nomes div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v4nomes button{border:0;border-radius:14px;background:#f1eee2;font:700 14px Poppins,system-ui;padding:10px 14px;min-height:44px;cursor:pointer;color:#233f3d}
#comidas{margin-top:10px}
@media (prefers-reduced-motion:reduce){.v4hot span,.v4bola,.v4zzz,.v4trilho i{animation:none}.v4pet{transition:none}}

/* avisos embaixo, sem cobrir títulos nem receber toques */
.aviso.global{top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 96px)!important;pointer-events:none}
#bercGrade{align-items:start;grid-auto-rows:min-content}
.bebeCard{height:auto!important;min-height:0!important}
.v4nuvens{animation:nuvens 40s linear infinite alternate}@keyframes nuvens{to{transform:translateX(24px)}}
#tCuida{overflow-y:auto}
@media (prefers-reduced-motion:reduce){.v4nuvens{animation:none}}
.placar span{opacity:1!important;color:#4a585c!important}

/* corte lateral */
#tLateral.ativa{display:flex;flex-direction:column}
.latPil{align-self:flex-start;margin:0 0 6px}
.latCampo{position:relative;flex:1;min-height:360px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px rgba(0,0,0,.06)}
.latCeu{position:relative;height:56px;flex:0 0 auto;background:linear-gradient(#bfe4f2,#e6f3de)}
.latNuvem{position:absolute;top:12px;left:20%;width:70px;height:18px;border-radius:12px;background:#fff;opacity:.85;animation:nuvens 30s linear infinite alternate}
.latNuvem.n2{left:62%;top:22px;width:90px;opacity:.7}
.latSolo{position:relative;flex:1;touch-action:none}
.latOco{position:absolute;left:0;right:0}
.latItem{position:absolute;opacity:.95;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));transition:transform .3s}
.latItem.achado{animation:achou .5s cubic-bezier(.3,1.6,.5,1)}@keyframes achou{50%{transform:scale(1.15)}}
.latRot{position:absolute;left:8px;z-index:3;font:800 10.5px Poppins,system-ui;color:#fff;background:rgba(40,28,18,.6);border-radius:10px;padding:3px 8px;pointer-events:none}
#latCv{position:absolute;inset:0;z-index:2;touch-action:none;cursor:crosshair}
.latFerr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0}
.latFerr button{border:0;border-radius:18px;background:var(--cartao,#fffdf6);font-size:26px;min-height:60px;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.12);font-family:inherit}
.latFerr button span{display:block;font:800 12px Poppins,system-ui;color:#233f3d}
.latFerr button.on{box-shadow:0 0 0 3px #f4c84f,0 4px 0 rgba(0,0,0,.12)}
.modoEsc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.modoEsc button{border:0;border-radius:14px;background:#fffdf6;font:800 13px Poppins,system-ui;color:#233f3d;min-height:46px;cursor:pointer;box-shadow:0 0 0 1.5px #d7dccf}
.modoEsc button.on{box-shadow:0 0 0 3px #E07A2F;background:#fff4e6}