
.rw-advent-cover { position: relative; }
.rw-advent-img { width: 100%; height: auto; display: block; border-radius: 8px; }
.rw-advent-grid { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); gap: 0.6vw; padding: 1.2vw; pointer-events: none; height: 100%; }
.rw-cell { pointer-events: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; background-color: #c00000; }
.rw-cell--double { grid-column: 2 / span 2; grid-row: 3; }
.rw-cell span { font-size: clamp(1rem, 3vw, 2rem); font-weight: 800; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.8); white-space: nowrap; transition: opacity 0.3s ease, color 0.3s ease, text-shadow 0.3s ease; opacity: 1; }
.rw-cell:hover { transform: scale(1.05); background-color: #a00000; }
.rw-cell:hover span { color: #ffeb3b; text-shadow: 0 0 12px rgba(255,255,255,0.9); }
.rw-cell.rw-opened { background-color: transparent !important; }
.rw-cell.rw-opened span { opacity: 0; }
.rw-cell.rw-opened:hover span { opacity: 1; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.8); }
.rw-advent-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 9999; }
.rw-advent-modal[aria-hidden="false"] { display: flex; }
.rw-advent-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
.rw-advent-modal__content { position: relative; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.rw-advent-modal__img { display: block; max-width: 90vw; max-height: 80vh; object-fit: contain; }
.rw-advent-modal__close { position: absolute; top: 8px; right: 12px; background: transparent; border: none; color: #333; font-size: 2rem; cursor: pointer; }
