/* Leave match (public/js/leave.js): the confirm dialog, in the round panel's card style, above the panels. */
#leavedlg { position: fixed; inset: 0; z-index: 8; display: grid; place-items: center; padding: 16px; background: rgba(4,6,10,.6); backdrop-filter: blur(3px); }
#leavedlg[hidden] { display: none; }
.lv-card { width: min(440px, 100%); }
.lv-card .sub { margin: 4px 0 0; color: var(--muted); }
.lv-btns { display: flex; gap: 10px; margin-top: 18px; }
.lv-btns > * { flex: 1; margin-top: 0; }
.lv-leave { padding: 14px; border-radius: 12px; cursor: pointer; font: 800 16px var(--title); letter-spacing: .14em; text-transform: uppercase; color: var(--fg); background: rgba(120, 24, 36, .55); border: 1px solid rgba(255, 90, 106, .7); }
.lv-leave:hover, .lv-leave:focus-visible { background: rgba(150, 30, 44, .8); }
#leaveBtn svg { display: block; margin: auto; }