/* Conservative paint budget for touch-first mobile game devices. The board
   remains visually the same material; expensive per-stone layers and idle
   transitions are reduced because Android must repaint many stones per sow. */
@media (hover: none) and (pointer: coarse) {
    body.game-active #screen-game .stone,
    body.game-active #screen-game .kazan-stone {
        box-shadow:
            inset 1px 1px 1px rgba(255, 255, 255, 0.12),
            0 1px 1px rgba(45, 28, 14, 0.34) !important;
    }

    body.game-active #screen-game .pit {
        box-shadow:
            inset 0 4px 6px rgba(75, 43, 19, 0.25),
            inset 0 -1px 2px rgba(255, 245, 219, 0.56) !important;
        transition: border-color 120ms ease, background-color 120ms ease !important;
    }

    body.game-active #screen-game .board-container {
        box-shadow:
            0 8px 18px rgba(0, 0, 0, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.54) !important;
    }

    body.game-active #screen-game .board-container::after,
    body.game-active #screen-game .board-ornament {
        display: none !important;
    }

    body.game-active #screen-game .pit.pit-drop-flash {
        will-change: box-shadow;
    }

    body.game-active #screen-game .stones-stack,
    body.game-active #screen-game .kazan-stones {
        contain: layout paint;
    }
}