/* Shared presentation for existing stake and match invitation flows. */
.mp-game-dialog { background:rgba(0,0,0,.24);backdrop-filter:none;padding:18px; }
.mp-game-dialog .modal-content { display:flex;flex-direction:column;width:420px;max-width:100%;max-height:calc(100svh - 36px);overflow:visible;padding:7px;background:rgba(6,6,8,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--dashboard-edge,rgba(255,255,255,.22));border-radius:28px;box-shadow:0 24px 70px #0005;color:#f4f4f4;font-family:Arial,sans-serif; }
.mp-game-dialog .modal-header { flex-shrink:0;padding:15px 19px;gap:12px;border:0;background:none; }
.mp-game-dialog .modal-header h2 { color:#f4f4f4;font:500 23px/1.25 Georgia,serif;letter-spacing:-.02em;text-shadow:none;margin:5px 0 0;text-transform:none; }
.mp-dialog-kicker { display:block;font:9px/1.6 Arial,sans-serif;color:#a6a6ac;letter-spacing:.15em; }
.mp-game-dialog .close-btn { background:#ffffff05;border:1px solid #ffffff26;color:#ddd;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;font:22px/1 Arial,sans-serif; }
.mp-dialog-form { display:flex;flex-direction:column;min-height:0;margin:0;padding:0!important; }
.mp-game-dialog .mp-modal-scroll { flex-shrink:0;overflow:visible;padding:0; }
.mp-dialog-panel { padding:17px 19px;background:rgba(0,0,0,.19);border:1px solid #ffffff0c;border-radius:21px;margin-bottom:7px; }
.mp-dialog-panel>label,.mp-dialog-label { display:block;color:#c7c7cc;font:12px/1.5 Arial,sans-serif;margin:0 0 8px; }
.mp-amount-entry,.mp-invite-amount { display:flex;align-items:center;gap:12px;margin:0 0 10px; }
.mp-game-dialog .mp-amount-entry input { min-width:0;flex:1;width:100%;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;padding:0 0 4px;color:#fff;font:44px/1.15 'Didone Room',Didot,'Bodoni MT',Georgia,serif;letter-spacing:-.025em;appearance:textfield; }
.mp-game-dialog .mp-amount-entry input::-webkit-inner-spin-button,.mp-game-dialog .mp-amount-entry input::-webkit-outer-spin-button { appearance:none;margin:0; }
.mp-game-dialog .mp-amount-entry input:focus { border-color:#ffffff65;outline:none; }
.mp-chip-pill { display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;color:#d8d8dc;font:10px/1.3 Arial,sans-serif;letter-spacing:.1em; }
.mp-balance-line { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#b3b3ba;font-size:11px;line-height:1.5;margin-bottom:15px; }
.mp-balance-line output { color:#ccc;overflow-wrap:anywhere; }
.mp-game-dialog .bet-presets { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 15px; }
.mp-game-dialog .bet-preset-btn { min-width:0;min-height:32px;padding:5px;background:transparent;border:1px solid #ffffff26;border-radius:999px;color:#bcbcc2;font:11px Arial,sans-serif;box-shadow:none; }
.mp-game-dialog .bet-preset-btn:hover,.mp-game-dialog .bet-preset-btn.selected { background:#ffffff12;border-color:#ffffff60;color:#fff; }
.mp-dialog-rows { margin:0; }
.mp-dialog-rows>div { display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-top:1px solid #ffffff14;font:11px/1.5 Arial,sans-serif; }
.mp-dialog-rows>div:last-child { padding-bottom:0; }
.mp-dialog-rows dt { color:#b6b6bf; }
.mp-dialog-rows dd { margin:0;color:#e0e0e4;text-align:right;overflow-wrap:anywhere; }
.mp-dialog-terms { padding-top:14px;padding-bottom:14px; }
.mp-dialog-terms p { color:#c6c6cc;font:12px/1.5 Arial,sans-serif;margin:7px 0 0; }
.mp-dialog-terms strong { color:#d6d6da; }
.mp-game-dialog .whot-timeout-disclosure { background:none;border:0;padding:0; }
.mp-dialog-actions { flex-shrink:0;display:grid;gap:8px;padding:0;margin:0;border:0; }
.mp-game-dialog .mp-dialog-actions .btn { display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;min-width:0;padding:11px 16px;border:1px solid #ffffff29;border-radius:999px;background:#f0f0f0;color:#101010;box-shadow:none;text-shadow:none;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.02em;text-transform:none; }
.mp-game-dialog .mp-dialog-actions .btn:hover { background:#fff;transform:none; }
.mp-game-dialog .mp-dialog-actions .mp-dialog-secondary { color:#dedee2;background:#ffffff06; }
.mp-game-dialog .mp-dialog-actions .mp-dialog-secondary:hover { background:#ffffff10; }
.mp-game-dialog .mp-invite-actions { grid-template-columns:1fr 1.6fr; }
.mp-invite-mark { display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff26;border-radius:50%;color:#ddd; }
.mp-invite-amount strong { flex:1;min-width:0;color:#fff;font:44px/1.15 'Didone Room',Didot,'Bodoni MT',Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere; }
#p2pConfirmationModal.mp-game-dialog { padding:18px; }
#p2pConfirmationModal.mp-game-dialog #confirmationContent { padding:0; }
.mp-invite-players { list-style:none;padding:0;margin:14px 0 0; }
.mp-invite-players li { display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #ffffff14;font-size:12px;color:#ddd; }
.mp-player-avatar { display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;font:10px Arial,sans-serif; }
.mp-player-state { margin-left:auto;font-size:10px;color:#929299; }
.mp-game-dialog :is(button,input):focus-visible { outline:2px solid #fff;outline-offset:3px; }
body:has(.mp-game-dialog.active) { overflow:hidden; }
@media(max-width:480px) {
 .mp-game-dialog,#p2pConfirmationModal.mp-game-dialog { padding:12px; }
 .mp-game-dialog .modal-content { max-height:calc(100svh - 24px);border-radius:26px;padding:7px; }
 .mp-game-dialog .modal-header { padding:13px 13px; }
 .mp-dialog-panel { padding:15px 13px;border-radius:19px; }
 .mp-game-dialog .mp-amount-entry input,.mp-invite-amount strong { font-size:clamp(30px,10vw,42px); }
 .mp-chip-pill { padding:7px 10px; }
 .mp-dialog-rows>div { gap:10px; }
 .mp-game-dialog .mp-dialog-actions .btn { min-height:44px; }
}
/* Compact layouts fit normal phone heights without clipping or scrolling a panel. */
@media(max-height:740px) {
 .mp-game-dialog .modal-header { padding:11px 13px; }
 .mp-game-dialog .modal-header h2 { font-size:21px; }
 .mp-dialog-panel { padding:12px 13px;margin-bottom:6px; }
 .mp-game-dialog .mp-amount-entry input,.mp-invite-amount strong { font-size:36px; }
 .mp-dialog-panel>label,.mp-dialog-label { margin-bottom:5px; }
 .mp-amount-entry,.mp-invite-amount { margin-bottom:7px; }
 .mp-balance-line { margin-bottom:10px; }
 .mp-dialog-rows>div { padding:8px 0; }
 .mp-game-dialog .bet-presets { grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:11px; }
 .mp-game-dialog .bet-preset-btn { min-height:30px;font-size:10px;padding:3px 1px; }
 .mp-dialog-terms p { margin-top:6px;font-size:12px;line-height:1.4; }
 .mp-invite-players { margin-top:10px; }
 .mp-invite-players li { padding:5px 0; }
}
@media(max-height:640px) {
 .mp-game-dialog .mp-dialog-rows { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px; }
 .mp-game-dialog .mp-dialog-rows>div { display:block;padding:7px 0; }
 .mp-dialog-rows dd { margin-top:2px;text-align:left; }
 .mp-invite-players { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px; }
 .mp-invite-players li { flex-wrap:wrap;gap:5px; }
 .mp-player-state { flex-basis:100%;margin-left:33px; }
}
/* Accessibility fallback for landscape phones or enlarged text; never cut off controls. */
@media(max-height:480px) {
 .mp-game-dialog,#p2pConfirmationModal.mp-game-dialog { align-items:flex-start;overflow-y:auto; }
 .mp-game-dialog .modal-content { max-height:none;flex-shrink:0; }
}