/* Phone dialogs have one scroll owner; the close control never scrolls away. */
@media(max-width:760px){
 html:has(#modal[open]){overflow:hidden;overscroll-behavior:none}
 #modal.workspace-dialog[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;box-sizing:border-box}
 #modal.workspace-dialog>.dialog-top{position:relative;top:auto;flex:0 0 auto;margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;min-height:64px;border-bottom:1px solid var(--line,#493958);background:var(--panel,#191620);gap:12px}
 #modal.workspace-dialog>.dialog-top h2{font-size:20px;min-width:0;overflow-wrap:anywhere}
 #modal.workspace-dialog #close{flex:0 0 44px;width:44px;height:44px;min-height:44px}
 #modal.workspace-dialog>#modal-body{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 16px calc(28px + env(safe-area-inset-bottom));scroll-padding:16px;overflow-wrap:anywhere}
 #modal input,#modal select,#modal textarea{font-size:16px;max-width:100%;min-width:0}
 #modal .balance-cards{gap:8px}#modal .balance-tile{padding:15px 12px;min-height:125px}#modal .balance-tile strong{font-size:clamp(21px,6vw,29px);overflow-wrap:anywhere}
 #modal .wallet-purchase,#modal .purchase-boost,#modal .purchase-note,#modal .wallet-details{padding:16px;margin:14px 0}
 #modal .purchase-intro h3,#modal .deposit-heading h3{font-size:27px;line-height:1.15;letter-spacing:-.6px}
 #modal .purchase-steps{gap:6px;margin:16px 0}#modal .purchase-steps li{padding:7px 9px;font-size:10px}
 #modal .purchase-method-options{grid-template-columns:1fr 1fr}#modal .purchase-method-options .deposit-method{padding:12px;gap:7px;min-height:85px}#modal .deposit-method b{font-size:12px}#modal .deposit-method small{font-size:11px}
 #modal .purchase-summary{padding:16px;gap:8px}#modal .deposit-checkout{grid-template-columns:minmax(0,1fr);gap:16px}#modal .deposit-pay-address{padding:16px}#modal .deposit-qr{max-width:200px}
 #modal .deposit-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}#modal .wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#modal .wallet-actions button{white-space:normal}
 .topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar .balances{min-width:0}.collection-toolbar{flex-wrap:wrap}.collection-toolbar .filters{max-width:100%}.catalog-sort{margin-left:auto}
 .game-layout,.play-surface,.game-stage{min-width:0}main{padding-left:12px;padding-right:12px}.games{gap:10px}.game-info small{line-height:1.45}
}

.plinko-recent{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:26px}.plinko-recent span{padding:5px 9px;background:#2f2940;color:#d9cdeb;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums}.plinko-recent .profit{background:#335544;color:#d5f6b2}#plinko-flight{min-height:16px}
