/* Event mode overlays the existing message scroller; OFF uses chat.css unchanged. */
body.chat-mode.chat-event-mode, body.chat-mode.chat-event-mode .app-container { height:var(--uce-viewport-height,100dvh)!important; max-height:var(--uce-viewport-height,100dvh)!important; overflow:hidden!important; }
body.chat-mode.chat-event-mode .app-container::before,body.chat-mode.chat-event-mode .app-container::after { display:none!important; }
.uce-event { position:absolute; z-index:3; left:50%; transform:translateX(-50%); box-sizing:border-box; color:#111; background:#f8efe8; border:2px solid var(--event-accent,#ff5544); box-shadow:0 8px 28px #0005; border-radius:8px; font-family:inherit; }
.uce-event[data-theme="night"] { color:#f8efe8; background:#151515; }
.uce-intro { display:flex; align-items:center; gap:8px; height:44px; padding:4px 9px; box-sizing:border-box; overflow:hidden; }
.uce-words { min-width:0; flex:1; }
.uce-label,.uce-description { display:none; }
.uce-artist { margin:0; font-size:9px; font-weight:800; line-height:12px; text-transform:uppercase; color:inherit; }
.uce-title { margin:0; font-size:14px; line-height:20px; color:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uce-art { width:32px; height:32px; object-fit:cover; border-radius:3px; }
.uce-player-wrap { width:100%; aspect-ratio:16/9; background:#000; }
.uce-player { display:block; width:100%; height:100%; border:0; }
.uce-player-note { display:none; }
.uce-topics { position:relative; }
.uce-topics summary { cursor:pointer; font-size:11px; font-weight:800; line-height:26px; padding:0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uce-cards { position:absolute; top:100%; left:-2px; right:-2px; max-height:var(--topics-height,140px); overflow-y:auto; overscroll-behavior:contain; background:#f8efe8; color:#111; border:2px solid var(--event-accent); border-radius:0 0 8px 8px; padding:8px; }
.uce-event[data-theme="night"] .uce-cards { background:#151515; color:#f8efe8; }
.uce-card { padding:8px; border-bottom:1px solid currentColor; }
.uce-number { font-size:10px; font-weight:800; }
.uce-card h3 { margin:4px 0; font-size:14px; color:inherit; overflow-wrap:anywhere; }
.uce-card p { margin:4px 0; font-size:12px; color:inherit; white-space:pre-wrap; overflow-wrap:anywhere; }

.uce-topics:not([open]) .uce-cards { display:none; }