#live-event-notice[hidden]{display:none!important}#live-event-notice{position:fixed;bottom:24px;right:24px;width:min(360px,calc(100vw - 32px));max-height:min(60vh,520px);overflow:auto;z-index:100;background:#14171d;border:1px solid #465149;border-top:2px solid #9ac5a5;border-radius:8px;box-shadow:0 12px 36px #0007;color:#e7e8ec;padding:18px;font:14px/1.6 Arial,sans-serif}.live-notice-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.live-notice-label{font:10px/1.6 Consolas,monospace;letter-spacing:.12em;color:#b2d5b9}.live-notice-close{background:transparent;border:0;color:#bcc0c9;min-width:44px;min-height:44px;font-size:24px;cursor:pointer}.live-notice-list article+article{border-top:1px solid #353a43;margin-top:16px;padding-top:16px}.live-notice-list h3{font-size:17px;line-height:1.4;letter-spacing:0;border:0;padding:0;margin:8px 0;font-weight:500}.live-notice-list p{font:12px/1.7 Consolas,monospace;color:#aeb6c2;margin:8px 0 14px}.live-notice-list a{color:#e7e8ec}.live-notice-join{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;min-height:44px;border:1px solid #626c78;border-radius:4px;text-decoration:none}.live-notice-join:hover{background:#282d36}#live-event-notice :focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:600px){#live-event-notice{bottom:16px;right:16px}}