#event_banner {
    display: none;
    position: fixed;
    left: 4.8vw;
    top: 6.4vw;
    width: clamp(308px, 29.4vw, 812px);
    z-index: 9999;
    background: #fff;
    overflow: hidden;
    transition: opacity 0.25s ease;
}
#event_banner.hide {
    opacity: 0;
    pointer-events: none;
}

#event_banner img {
    width: 100%;
    display: block;
}

.event_banner_controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(8px, 0.5vw, 12px) clamp(10px, 0.7vw, 16px);
    background: #0C1A0C;
}

#event_today_close {
    display: flex;
    align-items: center;
    gap: clamp(6px, 0.4vw, 10px);
    border: none;
    background: none;
    color: #ccc;
    cursor: pointer;
    position: relative;
}
#event_today_close::before {
    content: '';
    display: inline-block;
    width: clamp(14px, 0.95vw, 22px);
    height: clamp(14px, 0.95vw, 22px);
    border: 1.5px solid #888;
    border-radius: 3px;
    background: transparent;
    vertical-align: middle;
    transition: background 0.15s, border-color 0.15s;
}
#event_today_close.checked::before {
    content: 'V';
    background: #4caf50;
    border-color: #4caf50;
}

#event_close {
    position: absolute;
    top: clamp(10px, 0.7vw, 16px);
    right: clamp(10px, 0.7vw, 16px);
    background: transparent;
    border: none;
    cursor: pointer;
}