/* =======================================================================
   ICONOS DE PIXEL ART DEL CROMO DEL JUEGO
   Los catorce iconos de marca dejan de ser trazos SVG de 2,2 y pasan a ser PNG
   pregenerados por `scripts/build-ui-icons.php` en 24/32/48/64/96 px. Los
   iconos de estado (cerrar, chevron, buscar, enviar, aviso...) siguen en
   `game-icons.svg`, porque son los que cambian de color por CSS.

   Este fichero NO fija tamaños. Sin `width`/`height` aquí, cada <img> se pinta
   al tamaño de sus propios atributos, que es el peldaño exacto que se sirve; y
   cuando el escalón responsive tiene que reducirlo, lo hace cromo-2009.css con
   sus variables (§8). Nunca se amplía por CSS: la nitidez la da servir el
   tamaño exacto, y por eso tampoco hay `image-rendering: pixelated` aquí.
   ======================================================================= */

.ui-icon-art {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
    -webkit-user-drag: none;
    user-select: none;
}

/* Un PNG no hereda `currentColor`, así que el estado activo no puede ser un
   cambio de color de trazo: la maqueta lo resuelve invirtiendo el relieve de
   la baldosa y dejando el icono a plena saturación, en reposo y abierto
   (§6.1). De ahí que aquí solo quede la anulación de cualquier filtro. */
.hotel-page .dock-baldosa .ui-icon-art,
.lobby-page .dock-baldosa .ui-icon-art { filter: none; }