.brief-card:first-child { position: relative; }
.brief-companion { position: absolute; right: 24px; bottom: calc(100% - 9px); }
.mascot { display: grid; place-items: center; width: 96px; height: 77px; padding: 0; border: 0; background: transparent; border-radius: 12px; cursor: pointer; }
.mascot svg { overflow: visible; width: 96px; height: 77px; }
.mascot:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.cat-open-eyes,.cat-smile-eyes,.cat-yawn { opacity: 0; }
.mascot[data-state="noticing"] .cat-closed-eyes,
.mascot[data-state="awake"] .cat-closed-eyes { opacity: 0; }
.mascot[data-state="noticing"] .cat-open-eyes,
.mascot[data-state="awake"] .cat-smile-eyes { opacity: 1; }
/* Resting body stays fixed; no whole-body morphing, floating or overlay. */


@media(max-width:720px) { .edition-layout { margin-top: 72px; } }