/* Upgrade moments: one calm, self-contained card at the end of a free game, a full room or a free limit.
   Light on any table colour, never a pop-up, and it sits in the normal flow under the end-of-game actions. */
.um{flex:1 0 100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;max-width:640px;margin:14px auto 0;padding:18px 20px;border-radius:18px;background:#fffaf0;color:#201b38;border:1px solid #ecdcb9;box-shadow:0 14px 30px -22px rgba(32,27,56,.6);text-align:left;font-family:var(--body,Arial,sans-serif);position:relative}
.um-copy{flex:1 1 300px;min-width:0}
/* In a narrow column the action drops below the words; in game-end rows it sits beside them. Left-aligned where the page is. */
.tp-end>.um,.bm-group .um,.party-upgrade .um{margin-left:0}
.um p{margin:0;color:inherit}
.um-title{font-family:var(--display,Arial,sans-serif);font-weight:800;font-size:18px!important;line-height:1.25!important;letter-spacing:-.02em;margin:0 0 4px!important}
.um-detail{font-size:14.5px!important;line-height:1.5!important;color:#3b3650!important}
.um-host{font-size:13px!important;line-height:1.45!important;color:#5c5770!important;margin-top:6px!important}
.um-cta{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:9px 20px;border-radius:99px;background:#201b38;color:#fff!important;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none!important;border:0;transition:transform .15s,box-shadow .15s}
.um-cta small{font-size:11.5px;font-weight:600;opacity:.82;margin-top:2px}
.um-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(32,27,56,.7)}
.um-cta:focus-visible{outline:3px solid #e0a526;outline-offset:3px}
/* The host's full-room notice: the same card, with a plain heading and an optional second action */
.um-room{max-width:960px;margin:0 auto 16px}
.um-room .um-title{font-size:17px!important}
.um-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:0 0 auto}
.um-actions button{min-height:44px;border-radius:99px;border:1px solid #cdbf9f;background:#fff;color:#201b38;font-weight:700;font-size:13.5px;padding:8px 16px;cursor:pointer}
.um-actions button:focus-visible{outline:3px solid #e0a526;outline-offset:3px}
.um-status{font-size:13px!important;color:#7a2e1f!important;margin-top:6px!important}
@media (prefers-reduced-motion:reduce){.um-cta{transition:none}.um-cta:hover{transform:none}}
@media (max-width:620px){.um{flex-direction:column;align-items:stretch;padding:16px 18px}.um-copy{flex:0 0 auto}.um-cta,.um-actions{width:100%}}