/* The supplied conductor shares the site's existing purple / lime palette. */
:root{--mascot-brand:#8c52ff;--mascot-body:#ad86ff;--mascot-ink:#26173e;--mascot-outline:#eee5ff;--mascot-lime:#dfff9b}
/* Keep Band Bot directly beside the instrument picker, with his hands over
   the header edge. Decorative artwork never intercepts a control. */
.site-header{position:relative;z-index:20}
.site-mascot{position:absolute;bottom:-22px;right:0;width:104px;height:85px;pointer-events:none;user-select:none;z-index:1}
.site-mascot img{width:100%;height:100%;object-fit:contain}
#home-view .home-end{display:flex;align-items:center;justify-content:center;gap:20px}
#home-view .home-mascot-finish{width:96px;height:86px;flex:none;padding:4px;background:#26173e;border-radius:44% 56% 48% 52%}
.mascot-about{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:26px}
.mascot-about>img{width:140px;height:auto}
.td-mascot-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}
.td-mascot-welcome>.td-heading{min-width:0;flex:1}
.td-mascot-welcome>img{flex:none;width:128px;height:auto;padding:8px;background:#26173e;border-radius:30% 45% 35% 40%;box-shadow:3px 3px 0 #ad86ff}
@media(max-width:680px){
 .mascot-about{grid-template-columns:minmax(0,1fr) 72px;gap:14px}
 .mascot-about>img{width:72px}
 .td-mascot-welcome{gap:12px;align-items:flex-start}
 .td-mascot-welcome>img{width:76px;margin-top:10px}
}
@media(max-width:400px){
 #home-view .home-end{gap:10px}
 #home-view .home-mascot-finish{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){
 #home-view .home-avatar-frame{animation:none}
}

/* A friendly sign-off shared by game results. These are decorative and cannot
   cover controls, receive focus or communicate a score by themselves. */
.bg-game-mascot{display:grid;place-items:center;position:relative;isolation:isolate;width:132px;height:112px;margin:0 auto 18px;pointer-events:none;user-select:none}
.bg-game-mascot::before{content:"";position:absolute;z-index:-1;inset:9px 17px 5px;border-radius:46% 54% 50% 43%;background:radial-gradient(ellipse at 35% 30%,#eee5ff,#dcc9ff);border:1px solid #ad86ff66;transform:rotate(-7deg)}
.bg-game-mascot::after{content:"";position:absolute;z-index:-1;width:13px;height:13px;top:19px;right:14px;border-radius:50%;background:#dfff9b;box-shadow:-105px 58px 0 -3px #ad86ff}
.bg-game-mascot>svg,.bg-game-mascot>img{display:block;width:100%;height:100%;overflow:visible}
.bg-game-mascot-welcome{margin-left:0}
@media(max-width:580px){.bg-game-mascot{width:112px;height:95px;margin-bottom:14px}.bg-game-mascot::after{box-shadow:-85px 48px 0 -3px #ad86ff}}