.announcement-body{white-space:pre-wrap;overflow-wrap:anywhere}.announcement-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.announcement-body a:hover{color:var(--accent-hot)}.announcements{text-align:left;color:var(--text);font:400 14px/1.5 Barlow,sans-serif;position:relative}.announcement-toggle-wrap{display:inline-block;position:relative}.announcement-toggle{padding:8px 12px;box-shadow:inset 0 0 0 1px #8caadc59,0 4px 24px #0008}.announcement-toggle.unread{color:var(--accent);box-shadow:inset 0 0 0 1px #ffb23dcc,0 0 14px #ffb23d40}.announcement-toggle .bell{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.announcement-count{min-width:18px;height:18px;font:700 11px/18px var(--display);text-align:center;color:#241500;background:var(--accent);pointer-events:none;border-radius:9px;padding:0 5px;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #0e1420}.announcement-tray{z-index:50;border:1px solid var(--line);background:#0e1420;width:380px;max-width:calc(100vw - 32px);max-height:min(560px,65dvh);padding:16px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 40px #000b}.announcement-tray-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.announcement-tray h2{font:600 18px var(--display);color:var(--accent);letter-spacing:.08em;margin:0}.player-announcement{border-bottom:1px solid var(--line);padding:16px 0}.player-announcement:last-child{border-bottom:0}.player-announcement h3{font:600 20px var(--display);overflow-wrap:anywhere;margin:0 0 4px}.player-announcement time{color:var(--muted);font-size:12px}