#match-ready{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:2px solid var(--accent);border-radius:24px;background:var(--panel);color:var(--text);text-align:center;box-shadow:0 24px 80px #0005}
#match-ready::backdrop{background:#0009;backdrop-filter:blur(5px)}
#match-ready h2{font-size:28px;margin:10px 0}.match-ready-mark{margin:auto;width:52px;height:52px;border-radius:50%;font-size:30px;background:var(--accent-soft);color:var(--accent)}
.match-ready-mode{font-size:15px;color:var(--muted);overflow-wrap:anywhere}.match-ready-clock{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:12px 0}.match-ready-clock strong{font-size:72px;line-height:1.2;font-variant-numeric:tabular-nums}.match-ready-clock span{color:var(--muted)}
.match-ready-progress{font-size:18px;font-weight:700}.match-ready-dots{display:flex;gap:7px;justify-content:center;margin:14px 0}.match-ready-dots i{width:18px;height:18px;border:2px solid var(--line);border-radius:50%}.match-ready-dots i.accepted{background:var(--accent);border-color:var(--accent)}
.match-ready-status{min-height:28px;color:var(--muted);margin:12px 0}.match-ready-buttons{display:grid;gap:10px}.match-ready-buttons .button{min-height:48px;font-size:16px}.match-sound-enable{margin-top:16px}.match-sound-enable[hidden]{display:none}
@media(max-width:360px){#match-ready{padding:20px}.match-ready-dots{gap:5px}.match-ready-clock strong{font-size:64px}}

.match-ready-room{text-align:left;padding:12px;background:var(--accent-soft);border-radius:12px;overflow-wrap:anywhere}.match-ready-room[hidden]{display:none}.match-ready-room p{margin:6px 0}.match-ready-room-count{font-size:14px;color:var(--muted)}.match-ready-rules{white-space:pre-wrap;font-size:14px;max-height:130px;overflow:auto}