/* Gameplay 2 — only the private role dialog and receipt text.
   No table/grid/seat/media selectors or overrides. */
.role-private-copy { min-width: 0; }
.role-private-card .role-private-copy p { margin-bottom: 8px; }
.role-private-card #viewRoleBtn { min-height: 34px; padding: 6px 10px; font-size: 12px; max-width: 100%; }
.role-ready-summary { display: flex; flex-direction: column; gap: 5px; }
.role-ready-summary b { color: #e8ddca; font-weight: 700; }
.role-ready-summary span { color: #b8b0a5; }
.role-receipt-dialog { box-sizing: border-box; width: min(490px, calc(100vw - 32px)); max-height: calc(100svh - 40px); margin: auto; padding: 0; border: 1px solid #877556; border-radius: 20px; color: #e8e1d5; background: #29251f; box-shadow: 0 24px 100px #0009; overflow: auto; }
.role-receipt-dialog::backdrop { background: #11100ddb; backdrop-filter: blur(7px); }
.role-receipt-dialog #roleReceiptContent { padding: 24px; }
.role-receipt-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.role-receipt-head .eyebrow { color: #c5b28d; font-size: 11px; letter-spacing: .15em; }
.role-receipt-head .icon-button { flex: 0 0 34px; width: 34px; height: 34px; font-size: 23px; }
.role-receipt-identity { text-align: center; padding: 12px 4px 16px; }
.role-receipt-symbol { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border: 1px solid #8d7956; border-radius: 16px; color: #d6b576; font: 38px Georgia, serif; }
.role-receipt-identity .eyebrow { color: #c4b699; }
.role-receipt-identity h2 { margin: 7px 0 16px; font: 500 clamp(30px, 4vw, 40px)/1.1 Georgia, serif; color: #f2e9dc; }
.role-receipt-identity p { margin: 0; color: #cec6b9; font-size: 15px; line-height: 1.6; }
.role-receipt-allies { border: 1px solid #625746; background: #393229; border-radius: 12px; padding: 13px 16px; margin: 0 0 12px; }
.role-receipt-allies h3 { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: #d7c49e; }
.role-receipt-allies p { margin: 6px 0; font-size: 14px; overflow-wrap: anywhere; }
.role-receipt-history { margin: 12px 0; padding: 12px; border: 1px solid #625746; border-radius: 12px; font-size: 13px; }
.role-receipt-history summary { cursor: pointer; }
.role-receipt-history p { margin: 12px 0 0; line-height: 1.5; }
.role-receipt-privacy { margin: 14px 0; color: #b7ad9c; font-size: 12px; line-height: 1.6; }
.role-receipt-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.role-receipt-actions button { min-height: 46px; width: 100%; font-size: 14px; white-space: normal; }
.role-receipt-status { margin: 4px 0; color: #c4d3b2; font-size: 13px; line-height: 1.5; }
.role-receipt-error { color: #f1b2a7; font-size: 13px; line-height: 1.5; }
.role-receipt-error:empty { display: none; }
.role-receipt-dialog :focus-visible { outline: 2px solid #ddc493; outline-offset: 3px; }
.role-receipt-dialog #roleReceiptTitle:focus { outline: none; }
@media (max-height: 650px) { .role-receipt-dialog #roleReceiptContent { padding: 16px 20px; } .role-receipt-symbol { width: 46px; height: 46px; font-size: 28px; margin-bottom: 10px; } .role-receipt-identity { padding-top: 2px; } }

.role-start:disabled { opacity: .5; cursor: not-allowed; }