/* Viewport-sized action dialogs: only the details scroll. */
dialog.game-action-dialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);padding:0!important;overflow:hidden!important;box-sizing:border-box;text-align:center;background:var(--paper,#1b2931);color:var(--ink,#edf1e9)}
.game-action-dialog .game-dialog-header{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:16px 56px 14px 20px;border-bottom:1px solid var(--line,#40555d);background:inherit;min-width:0}
.game-action-dialog .game-dialog-header>.eyebrow{grid-column:1/3;grid-row:1;margin:0;font-size:9px;line-height:1.2}
.game-action-dialog .game-dialog-header>h2{grid-column:2;grid-row:2;font-size:24px!important;line-height:1.2;margin:0!important;text-align:left;overflow-wrap:anywhere}
.game-action-dialog .game-dialog-header>.xq-result-symbol{grid-column:1;grid-row:2;width:32px;height:32px;font-size:21px;margin:0!important}
.game-action-dialog .game-dialog-header>.arena-close,.game-action-dialog .game-dialog-header>.xq-result-close{position:absolute;top:12px;right:10px;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;font-size:25px;z-index:1}
.game-action-dialog .game-dialog-header:has(>.xq-help-top){display:block;padding:14px 18px}
.game-action-dialog .game-dialog-header>.xq-help-top{margin:0!important}
.game-action-dialog .game-dialog-header>.xq-help-top h2{font-size:24px!important;margin:0!important}
.game-action-dialog .game-dialog-header:not(:has(>.eyebrow))>h2{grid-column:1/3;grid-row:1}
.game-action-dialog .game-dialog-body{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 20px;line-height:1.6;text-align:center;background:inherit}
.game-action-dialog .game-dialog-body>p{font-size:12px;line-height:1.6;margin:0 0 12px}
.game-action-dialog .game-dialog-body>p:last-child{margin-bottom:0}
.game-action-dialog .game-dialog-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-shrink:0;min-width:0;margin:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line,#40555d);background:inherit}
.game-action-dialog .game-dialog-actions>button,.game-action-dialog .game-dialog-actions>a{display:flex;align-items:center;justify-content:center;min-width:0;width:100%!important;min-height:44px!important;max-height:none;margin:0!important;padding:9px 10px!important;line-height:1.3;font-size:12px!important;border-radius:7px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.game-action-dialog .game-dialog-actions>button:first-child:nth-last-child(n+3){grid-column:1/-1}
.game-action-dialog .game-dialog-actions>[hidden]{display:none!important}
dialog.game-action-dialog.game-setup-dialog[open]{display:block!important}
.game-action-dialog .game-dialog-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 24px);margin:0;overflow:hidden}
.game-action-dialog.game-setup-dialog .game-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.game-action-dialog.game-setup-dialog .game-dialog-header h2{font-size:24px!important;margin:0!important}
.game-action-dialog.game-setup-dialog .game-dialog-header .xq-help-top{margin:0}
.game-action-dialog.game-setup-dialog .game-dialog-body{text-align:left;padding:14px 18px}
.game-action-dialog.board-dialog::backdrop{background:#071819a8!important;backdrop-filter:blur(2px)!important}
.game-action-dialog .arena-result-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
.game-action-dialog .arena-result-players>div{min-width:0;padding:8px!important;overflow-wrap:anywhere}
.game-action-dialog .arena-result-players strong{font-size:13px}
.game-action-dialog .mp-award{margin:10px 0!important;padding:10px!important}
.game-action-dialog .mp-award strong{font-size:16px}
.game-action-dialog .mp-award p{font-size:11px;margin:6px 0 0}
.game-action-dialog .game-dialog-body>.mp-action-pair:empty,.game-action-dialog .game-dialog-body>.xq-setup-actions:empty{display:none}
.game-action-dialog.xq-help .game-dialog-body{text-align:left}
.game-action-dialog.arena-share-dialog .game-dialog-body{text-align:left}
@media(max-height:480px){.game-action-dialog .game-dialog-header{padding-top:10px;padding-bottom:10px}.game-action-dialog .game-dialog-header>h2{font-size:21px!important}.game-action-dialog .game-dialog-actions{padding-top:8px;padding-bottom:8px}.game-action-dialog .game-dialog-body{padding:10px 16px}}
/* Practice actions stay visible alongside the board or at the phone's bottom edge. */
.strategy-page .strategy-panel{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto}
.strategy-page .strategy-panel>.strategy-actions{margin:0;padding:0 0 12px;border-bottom:1px solid #8aaca52b}
.strategy-page .strategy-panel>.strategy-actions button{min-height:44px;flex:1}
@media(max-width:760px){.strategy-page{padding-bottom:150px}.strategy-page .strategy-panel{position:static;max-height:none;overflow:visible}.strategy-page .strategy-panel>.strategy-actions{position:fixed;z-index:20;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:8px;border:1px solid var(--line,#40555d);border-radius:12px;background:var(--paper,#203337);box-shadow:0 6px 22px #0005}.strategy-page .strategy-panel>.strategy-actions button{padding:9px 8px;font-size:12px}}
.game-action-dialog .game-dialog-actions>:only-child{grid-column:1/-1}
.arena-leaderboard>.arena-close,.arena-profile>.arena-close,.quick-wallet>.arena-close,.quick-replay>.arena-close{position:sticky;top:0;float:right;right:0;z-index:2}
.strategy-dialog>[data-close]{position:sticky;top:0;z-index:2;background:inherit}
.mp-level-dialog.game-action-dialog .game-dialog-actions>button:first-child:nth-last-child(n+3){grid-column:auto}
.mp-page .game-create-dialog[open]{grid-template-rows:auto minmax(0,1fr);width:min(640px,calc(100vw - 24px))}
.mp-page .game-create-dialog [data-create].arena-create-panel{display:grid!important;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;min-height:0;max-height:none;overflow:hidden;margin:0;padding:0;border:0}
.mp-page .game-create-dialog .game-create-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;text-align:left;scroll-padding:16px}
.game-create-fields>*{min-width:0}.game-create-fields>label,.game-create-fields>input,.game-create-fields>p,.game-create-fields>details,.game-create-fields>.quick-capacity,.game-create-fields>.xq-side{grid-column:1/-1}
.mp-page .game-create-dialog .game-create-fields>input{width:100%}.mp-page .game-create-dialog [type=submit]{position:static;box-shadow:none!important}

/* A closed native dialog must stay hidden, including after its layout is prepared. */
dialog.game-action-dialog:not([open]){display:none!important}
.game-action-dialog.game-setup-dialog .game-dialog-header>[data-setup-cancel]{flex:0 0 36px;display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;line-height:1;margin:0}