/* Original raster characters. One texture is selected per page session. */
.live-browser-panel #crab-actor.crab-raster-actor {
 width: clamp(126px, 21vw, 252px);
 height: auto;
 aspect-ratio: var(--crab-ratio, 1.0847);
 filter: drop-shadow(0 4px 4px #0005);
}
#crawlers-view .crawler-crab.crab-raster-actor {
 width: 108px; height: auto; aspect-ratio: var(--crab-ratio, 1.0847);
 filter: drop-shadow(0 2px 3px #0005);
}
.crab-raster, .crab-raster-fallback { display: block; width: 100%; height: 100%; pointer-events: none; }
.crab-raster-fallback { object-fit: contain; }
.crab-raster-fallback[hidden], .crab-raster[hidden] { display: none; }
#crab-style { max-width: 170px; }
@media(max-width:700px) {
 .live-browser-panel #crab-actor.crab-raster-actor { width:126px; }
 #crawlers-view .crawler-crab.crab-raster-actor { width:100px; }
 #crab-style { max-width:150px; min-height:44px; }
 .live-browser-panel .browser-controls select,.live-browser-panel .browser-controls button { min-height:44px; }
}