/* 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;
}

.encounter-carousel {
    scrollbar-width: thin;
}

.encounter-carousel::-webkit-scrollbar {
    height: 10px;
}

.encounter-carousel::-webkit-scrollbar-thumb {
    background: rgb(148 163 184 / 0.6);
    border-radius: 9999px;
}