/* Match the character to the island deck at every existing map breakpoint. */
.island-art .map-character{
  position:absolute;
  left:53%;
  bottom:57%;
  width:66%;
  aspect-ratio:1;
  display:block;
  transform:translateX(-50%);
  transform-origin:50% 85%;
  transition:transform .25s ease;
  pointer-events:none;
  z-index:2;
}
.island .map-character img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 3px #003e6840);
  opacity:1;
}
.island:disabled .map-character img{
  filter:drop-shadow(0 5px 3px #003e6840) saturate(.88);
  opacity:.92;
}
.island-art .number,.island-art .play-orb{z-index:3}
.curriculum-adventure .map-stage{padding-top:45px}
.island-art .themed-character{bottom:51%;width:68%}
.island .themed-character img{filter:drop-shadow(0 6px 3px #003e6838)}
.island-art .character-badge{position:absolute;right:5%;top:32%;z-index:3;min-width:30px;height:30px;padding:0 7px;border:2px solid #fff4d6;border-radius:12px;background:#fff1c8;color:#845019;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 3px 0 #cd872b55;pointer-events:none}
.island:enabled .themed-character.pose-1{transform:translateX(-50%) rotate(-3deg)}
.island:enabled .themed-character.pose-2{transform:translateX(-50%) rotate(3deg)}
.island:enabled:hover .themed-character,.island:focus-visible .themed-character{transform:translateX(-50%) rotate(-4deg) translateY(-5px)}
.world-character-icon{display:grid;place-items:center;height:72px}
.world-character-icon img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 2px #074d7320)}
.island:enabled:hover .map-character,
.island:focus-visible .map-character{transform:translateX(-50%) rotate(-4deg) translateY(-3px)}
@media(prefers-reduced-motion:reduce){
  .island-art .map-character{transition:none}
  .island:enabled .themed-character.pose-1,.island:enabled .themed-character.pose-2{transform:translateX(-50%)}
  .island:enabled:hover .map-character,
  .island:focus-visible .map-character{transform:translateX(-50%)}
}