.room-completion { margin: 18px 0 0; width: 100%; }
.room-completion-buttons { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.room-completion-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 10px 16px; border: var(--glass-border-main); border-radius: var(--control-radius); background: var(--glass-bg-main); backdrop-filter: var(--glass-filter-main); color: var(--text); cursor: pointer; font-size: 12px; transition: border-color .22s, background .22s, box-shadow .22s, opacity .22s; }
.room-completion-button small { color: var(--text-muted); font-variant-numeric: tabular-nums; font-size: 11px; }
.room-completion-button.finish.ready { border-color: rgba(255,70,85,.55); background: linear-gradient(135deg,rgba(255,70,85,.17),rgba(255,70,85,.05)),var(--glass-bg-main); box-shadow: 0 0 18px rgba(255,70,85,.08); }
.room-completion-button.finish.ready > i { color: var(--red); }
.room-completion-button:hover:not(:disabled) { border-color: rgba(236,232,225,.38); }
.room-completion-button.finish.ready:hover { border-color: var(--red); }
.room-completion-button:disabled { opacity: .48; cursor: default; }
.room-completion-button.voted { opacity: .48; filter: grayscale(1); background: var(--glass-bg-main); box-shadow: none; }
.room-completion-button:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.room-completion-error { margin: 9px 0 0; font-size: 12px; color: #ff9aa3; text-align: center; }
@media(max-width:600px) { .room-completion-buttons { flex-wrap: nowrap; } .room-completion-button { flex: 1; min-width: 0; gap: 6px; padding-inline: 10px; } }
@media(prefers-reduced-motion:reduce) { .room-completion-button { transition: none; } }