/* Standard Creekside character presentation classes. */
.creekside-character-host{display:inline-flex;min-width:0;align-items:flex-end;justify-content:center}
.creekside-character{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center bottom}
.character-xs{width:48px;max-height:64px}
.character-sm{width:84px;max-height:112px}
.character-md{width:144px;max-height:190px}
.character-lg{width:240px;max-height:320px}
.character-hero{width:min(360px,40vw);max-height:480px}
.character-left{margin-right:auto}
.character-right{margin-left:auto}
.character-center{margin-left:auto;margin-right:auto}
.creekside-scene{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,28px);min-width:0}
.creekside-scene>.creekside-character-host{flex:0 1 auto}
@media(max-width:640px){
  .character-sm{width:72px;max-height:96px}
  .character-md{width:112px;max-height:150px}
  .character-lg{width:180px;max-height:240px}
  .character-hero{width:min(260px,70vw);max-height:340px}
  .creekside-scene{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .creekside-character{transition:none!important}
}

.creekside-actor{display:flex;align-items:flex-end;justify-content:center;min-width:0}
.creekside-mirror .creekside-character{transform:scaleX(-1)}
.creekside-placement-far-left,.creekside-placement-left{align-self:flex-end}
.creekside-placement-far-right,.creekside-placement-right{align-self:flex-end}
.creekside-placement-center{align-self:flex-end}