.queue-presence { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:0 0 24px; padding:14px 18px; border:1px solid #343a39; background:#171919; color:#969e9c; font:13px/1.5 Arial,sans-serif; }
.queue-presence-counts { display:flex; flex-wrap:wrap; gap:24px; }
.queue-presence b { color:#d8ddd3; font-size:18px; margin-right:4px; font-weight:normal; font-variant-numeric:tabular-nums; }
.queue-presence button { border:1px solid #59664b; background:#252f22; color:#bdceaa; padding:9px 14px; cursor:pointer; font:12px Arial,sans-serif; }
.queue-presence button:disabled { opacity:.65; }
.queue-invite-toast { position:fixed; z-index:10020; top:100px; right:24px; width:350px; max-width:calc(100vw - 32px); box-sizing:border-box; padding:24px; background:linear-gradient(135deg,#252d24,#171c19); border:1px solid #586b43; box-shadow:0 12px 40px #000a; color:#c6c9bd; font:14px/1.5 Arial,sans-serif; }
.queue-invite-toast h2 { margin:0 20px 12px 0; font:21px/1.35 Georgia,serif; color:#e3e4d7; }
.queue-invite-toast p { margin:0 0 20px; color:#a9b19e; }
.queue-invite-toast .queue-invite-close { position:absolute; right:10px; top:7px; color:#aeb4a4; background:none; border:0; padding:4px 8px; font-size:23px; cursor:pointer; }
.queue-invite-toast .queue-invite-join { display:block; padding:12px; border:1px solid #62754b; background:#34442a; color:#d4dfc6; text-align:center; text-decoration:none; }
.queue-invite-toast .queue-invite-join:hover { background:#455b37; color:#fff; }
@media(max-width:600px) { .queue-invite-toast { top:72px; right:16px; } .queue-presence-counts { gap:16px; } }