.arena-invite-tab {
    position: fixed; right: 0; top: 43%; z-index: 45;
    display: flex; flex-direction: column; align-items: center; gap: 7px;
    width: 48px; padding: 15px 8px; border-radius: 18px 0 0 18px;
    border: 1px solid var(--border); border-right: 0;
    background: var(--card-bg, #202127); color: var(--text-main);
    box-shadow: -4px 4px 24px #0004; cursor: pointer;
}
.arena-room-share-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 6px; }
.arena-room-share-actions .btn { margin: 0; min-width: 132px; }
.arena-chat-invite-status { min-height: 1.3em; margin: 0 0 22px; color: var(--text-sub); font-size: .78rem; }
.arena-invite-tab span:last-child { writing-mode: vertical-rl; letter-spacing: 3px; }
.arena-invite-tab span:first-child { font-size: 22px; }
.arena-invite-tab:disabled { opacity: .45; cursor: default; }
.arena-invite-overlay { position: fixed; inset: 0; background: #0008; z-index: 120; backdrop-filter: blur(3px); }
.arena-invite-drawer {
    position: fixed; inset: 0 0 0 auto; width: min(360px, 88vw); box-sizing: border-box;
    z-index: 121; padding: max(24px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));
    background: var(--card-bg, #202127); color: var(--text-main);
    border-left: 1px solid var(--border); box-shadow: -12px 0 44px #0005;
    transform: translateX(105%); visibility: hidden; transition: transform .25s ease, visibility .25s;
    display: flex; flex-direction: column; text-align: left;
}
.arena-invite-drawer.is-open { transform: translateX(0); visibility: visible; }
.arena-invite-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.arena-invite-heading h2 { margin: 4px 0 8px; font-size: 1.5rem; }
.arena-invite-eyebrow { margin: 0; color: var(--text-sub); font-size: .75rem; letter-spacing: 2px; }
.arena-invite-note { color: var(--text-sub); line-height: 1.6; font-size: .85rem; }
.arena-invite-cooldown { padding: 12px; border: 1px solid var(--border); border-radius: 12px; font-size: .8rem; }
.arena-invite-list { overflow-y: auto; overscroll-behavior: contain; min-height: 0; flex: 1; }
.arena-invite-friend { display: flex; align-items: center; gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.arena-invite-avatar { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: #ffffff12; }
.arena-invite-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.arena-invite-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.arena-invite-info span { color: var(--text-sub); font-size: .75rem; }
.arena-invite-info .is-online { color: #69c798; }
@media (prefers-reduced-motion: reduce) { .arena-invite-drawer { transition: none; } }

/* Keep fixed room controls anchored to the viewport during view entry. */
#view-arena-waiting:not(.hidden) { animation: none; }