/* Eye-only expression overlays keep the existing render and lighting intact. */
.mascot-face{position:relative;display:block;border:0;padding:0;margin:0;background:transparent;aspect-ratio:1;cursor:pointer;line-height:0;flex:none;isolation:isolate}
.mascot-stage .mascot-face{width:95%;max-height:95%;transform:rotate(-9deg)}
.roster-mascot-picture .mascot-face{width:100%}
.mascot-stage .mascot-face img,.roster-mascot-picture .mascot-face img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.mascot-eyes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.mascot-lid{opacity:0}
.mascot-face.is-blinking .mascot-lid{animation:club-blink 330ms ease-in-out both}
.mascot-face.is-winking .mascot-lid-right{animation:club-blink 530ms ease-in-out both}
@keyframes club-blink{0%,100%{opacity:0}22%,70%{opacity:1}}
.mascot-face:focus-visible{outline:2px solid var(--sulphur);outline-offset:-8px}
.mascot-face:disabled{opacity:1;cursor:default}
.focus-mode .mascot-lid{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.mascot-lid{animation:none!important;opacity:0!important}}