.mp-room-notice{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;background:var(--overlay);color:var(--body);border:1px solid var(--border-card);border-radius:var(--radius-notice);font:400 var(--type-secondary)/var(--lh-22b) var(--display)}.mp-room-notice__icon{flex:none;width:20px;height:20px;color:var(--purple-text)}.mp-room-notice__text{flex:1 1;min-width:0;overflow-wrap:anywhere}.mp-room-notice__action{flex:none;min-height:36px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--btn-fill-primary);color:var(--btn-text-on-primary);font:600 var(--type-secondary)/var(--lh-20) var(--display);cursor:pointer;transition:opacity .15s ease}.mp-room-notice__action:hover{opacity:.85}.mp-room-notice__action:focus-visible{outline:2px solid var(--purple-text);outline-offset:3px}.mp-room-notice--overlay{position:absolute;z-index:8;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;box-shadow:0 8px 24px rgba(0,0,0,.25);touch-action:manipulation}.mp-room-notice__icon.is-spinning{animation:mp-room-reconnect 1.2s linear infinite}@keyframes mp-room-reconnect{to{transform:rotate(1turn)}}@media (max-width:520px){.mp-room-notice{flex-wrap:wrap;gap:8px;padding:12px}.mp-room-notice__text{flex-basis:calc(100% - 28px)}.mp-room-notice__action{margin-left:auto}.mp-room-notice--overlay{top:12px;max-width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){.mp-room-notice__icon.is-spinning{animation:none}.mp-room-notice__action{transition:none}}