.board-mascot {
    position:absolute;
    left:18px;
    top:18px;
    width:72px;
    height:72px;
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
    will-change:left,top,opacity,transform;
    z-index:850;
    opacity:1;
    isolation:isolate;
}
.board-mascot-motion {
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    transform-origin:50% 100%;
    transform:scaleX(var(--mascot-facing,1));
}
.board-mascot img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    pointer-events:none;
    user-select:none;
}
.board-mascot-symbol {
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    font-size:clamp(34px,80%,92px);
    line-height:1;
}
.board-mascot.is-away { visibility:hidden; }
@media (prefers-reduced-motion: reduce) {
    .board-mascot,.board-mascot-motion { transition:none !important; animation:none !important; }
}

.board-mascot-art {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    pointer-events:none;
    user-select:none;
    transform-origin:50% 100%;
}