/* V0.2 Fix 4 — Reveal stage layout recovery */
.reveal-fix3{min-height:calc(100dvh - 142px);display:flex;flex-direction:column;padding:12px 10px 10px}
.reveal-fix3>.eyebrow{flex:0 0 auto}
.reveal-fix3>.reveal-title-row{flex:0 0 auto}
.reveal-fix3>.reveal-pet{flex:1 1 auto!important;height:auto!important;min-height:250px!important;max-height:none!important;margin:4px 0 6px!important;overflow:hidden!important;display:grid!important;place-items:center!important;isolation:isolate!important;position:relative!important}
.reveal-fix3>.reveal-pet img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:3!important;transform:none!important;animation:none!important}
.reveal-fix3>.reveal-pet .reveal-glow{z-index:1!important;width:70%!important;max-height:none!important}
.reveal-fix3>.perfect-score{flex:0 0 auto!important;margin:0 auto 6px!important;position:relative!important;z-index:5!important}
.reveal-fix3>.reveal-stats{flex:0 0 auto!important;position:relative!important;z-index:5!important}
.reveal-fix3>.skill-reveal{flex:0 0 auto!important;position:relative!important;z-index:5!important;margin-top:6px!important}
.reveal-fix3>.reveal-actions{flex:0 0 auto!important;position:relative!important;z-index:5!important;margin-top:7px!important;padding-top:0!important}
.reveal-lore-fix4{flex:0 0 auto;margin:0 auto 6px!important;max-width:92%;font-size:10px!important;line-height:1.25!important;color:var(--muted)!important;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Keep the lower information cluster compact and adjacent to action buttons. */
.reveal-fix3 .perfect-score strong{font-size:30px!important;line-height:1!important}
.reveal-fix3 .reveal-stats{gap:5px!important}
.reveal-fix3 .reveal-stats div{padding:7px 3px!important}
.reveal-fix3 .reveal-stats b{font-size:17px!important}
.reveal-fix3 .skill-reveal{padding:8px 9px!important}
.reveal-fix3 .skill-reveal strong{font-size:14px!important;margin:1px 0!important}
.reveal-fix3 .skill-reveal p{font-size:9px!important;line-height:1.2!important}
.reveal-fix3 .skill-reveal em{font-size:9px!important;margin-top:2px!important}

@media(max-width:560px){
 .reveal-fix3{min-height:calc(100dvh - 138px);padding:10px 9px 9px}
 .reveal-fix3>.reveal-title-row{margin:2px 0 1px!important}
 .reveal-fix3>.reveal-pet{min-height:260px!important;margin:2px 0 5px!important}
 .reveal-fix3>.reveal-pet img{width:100%!important;height:100%!important;max-width:none!important}
 .reveal-fix3>.perfect-score{margin:0 auto 5px!important}
 .reveal-fix3 .perfect-score strong{font-size:28px!important}
 .reveal-fix3>.reveal-actions{margin-top:6px!important}
 .reveal-lore-fix4{font-size:9px!important;margin-bottom:5px!important}
}

@media(max-width:390px){
 .reveal-fix3>.reveal-pet{min-height:235px!important}
 .reveal-fix3 .perfect-score strong{font-size:26px!important}
 .reveal-lore-fix4{display:none!important}
}

/* On taller phones, use the extra vertical space for the pet art instead of blank space. */
@media(max-width:560px) and (min-height:780px){
 .reveal-fix3>.reveal-pet{min-height:300px!important}
}
@media(max-width:560px) and (min-height:860px){
 .reveal-fix3>.reveal-pet{min-height:340px!important}
}