/* No visible badges or extra instructions: the artwork itself is the target. */
.animal[role="button"]{pointer-events:auto;cursor:help;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent}
.animal[role="button"]:focus-visible{outline:2px solid #bcecf0;outline-offset:6px;border-radius:8px}
.animal[data-info-open],.animal[data-info-open] *{animation-play-state:paused!important}
.animal-info{position:fixed;z-index:1000;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:16px 18px;border:0;border-radius:8px;color:#edf6f4;background:rgba(4,29,42,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 30px #001b2440;font:400 13px/1.55 system-ui,sans-serif;pointer-events:auto;text-align:left}
.animal-info[hidden]{display:none!important}
.animal-info strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.animal-info p{margin:7px 0 0;color:#d4e5e5}
@media(prefers-reduced-transparency:reduce){.animal-info{background:#092735;backdrop-filter:none}}

/* Alpha-aware document routing, never rectangular artwork targets. */
.animal[role="button"],.ocean-school[role="button"],.animal[role="button"] *,.ocean-school[role="button"] *{pointer-events:none!important;cursor:inherit}
html.over-animal-pixel,html.over-animal-pixel body{cursor:help}
.animal-info{font-family:Futura,"Futura PT","Century Gothic",sans-serif}