/* Tailwind CSS handles most styling; utility helpers live here. */

.is-hidden {
    display: none !important;
}

.tooltip-stat-block {
    pointer-events: none;
}

.tooltip-stat-block:hover,
.tooltip-stat-block:focus-within,
.tooltip-stat-block:focus,
.tooltip-stat-block-visible {
    pointer-events: auto;
}

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

[data-role="battle-sticky-header"] {
    transition: filter 0.2s ease, opacity 0.2s ease;
}

body.battle-modal-open [data-role="battle-sticky-header"] {
    filter: blur(1px);
    opacity: 0.7;
}