/* Local hidden-selection improvements, scoped away from the production main UI. */
.hidden-perspective-page .selection-mark { display:grid; place-items:center; line-height:1; }
.hidden-perspective-page .selection-mark svg { display:block; width:12px; height:12px; vertical-align:initial; }
.hidden-perspective-page .avatar-circle { display:grid; place-items:center; overflow:hidden; isolation:isolate; }
.hidden-perspective-page .avatar-circle .avatar {
  --height-ratio:1;
  display:block; position:static; float:none; margin:0; transform:none;
  width:auto; max-width:90%; height:calc(90% * var(--height-ratio));
  max-height:calc(90% * var(--height-ratio)); flex:none; object-fit:contain;
}
.hidden-perspective-page .avatar-circle .avatar[data-size-group=child] { --height-ratio:.72; }
.hidden-perspective-page .avatar-circle .avatar[data-size-group=baby] { --height-ratio:.48; }
.hidden-perspective-page .character-card.selected .avatar-circle .avatar {
  animation:hidden-card-greeting 1.6s ease-in-out infinite; transform-origin:50% 85%;
}
.hidden-perspective-page .selection-bar .avatar { height:65px; width:auto; max-width:68px; object-fit:contain; flex-shrink:0; }
.hidden-perspective-page .selection-bar .avatar[data-size-group=child] { height:46.8px; }
.hidden-perspective-page .selection-bar .avatar[data-size-group=baby] { height:31.2px; }
@keyframes hidden-card-greeting { 0%,100% { transform:rotate(-2deg); } 50% { transform:rotate(2deg) translateY(-2px); } }
@media(max-width:600px) {
  .hidden-perspective-page .selection-bar .avatar { height:50px; }
  .hidden-perspective-page .selection-bar .avatar[data-size-group=child] { height:36px; }
  .hidden-perspective-page .selection-bar .avatar[data-size-group=baby] { height:24px; }
}
@media(max-width:370px) {
  .hidden-perspective-page .selection-bar { flex-wrap:wrap; gap:10px; }
  .hidden-perspective-page .selection-bar>div { width:100%; min-width:0; }
  .hidden-perspective-page .selection-bar small { display:block; max-width:none; }
  .hidden-perspective-page .selection-bar>.button { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) {
  .hidden-perspective-page .character-card.selected .avatar-circle .avatar { animation:none; }
}
.reduce-motion .hidden-perspective-page .character-card.selected .avatar-circle .avatar { animation:none; }