/* Readability and feedback for the final phone gameplay pass. */
html body #app #pl-bingo-game .grid>button.cell.call-match:not(.hit){background:linear-gradient(135deg,#fffce1,#fce6a1)!important;box-shadow:inset 0 0 0 3px #bc8224!important;color:#25182b!important}
html body #app #pl-bingo-game .grid>button.cell.call-match:not(.hit)::before{content:'';position:absolute;right:4px;top:4px;width:6px;height:6px;background:#674013;border-radius:50%;pointer-events:none}
html body #app #pl-bingo-game .grid>button.cell{position:relative;touch-action:manipulation}
html body #app #pl-bingo-game .card-tabs button.board-ready:not(.active){border:2px solid #ffe6a1!important;color:#ffe6a1!important}
html body #app #pl-bingo-game .card-tabs button.board-ready small{font-weight:700}
html body #app #pl-bingo-game.bingo-playing .bingo-dock .status{height:auto!important;max-height:none!important;min-height:29px!important;font-size:11px!important;line-height:1.25!important;padding:4px 2px!important}
html body #app #pl-bingo-game .help{position:absolute!important;inset:8px 8px auto!important;max-height:75%!important;overflow:auto!important;z-index:10!important;padding:18px!important;box-shadow:0 8px 35px #000b;background:#21172d!important;color:#fff0d2!important;border:1px solid #d8b96d;border-radius:12px;font-size:14px!important;line-height:1.5!important}
html body #app #pl-bingo-game .phone{position:relative}
html body #app #pl-bingo-game .bingo-footer button{touch-action:manipulation}
/* Short viewports scroll the card rather than collapsing its tap targets. */
@media(max-height:650px),(orientation:landscape) and (max-height:800px){
 html body #app #pl-bingo-game.bingo-playing .bingo-scroll{overflow-y:auto!important;overscroll-behavior:contain!important}
 html body #app #pl-bingo-game.bingo-playing .ticket{flex:0 0 264px!important;min-height:264px!important}
 html body #app #pl-bingo-game.bingo-playing .grid{height:auto!important;min-height:220px!important}
 html body #app #pl-bingo-game.bingo-playing .grid>button.cell{min-height:40px!important}
}
html body #app .domino-toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important}
html body #app .domino-toolbar .actions{display:flex!important;flex-wrap:nowrap!important;margin-left:auto!important;min-width:0!important;gap:5px!important}
html body #app .domino-toolbar button{min-height:44px!important;min-width:44px!important;touch-action:manipulation}
@media(max-width:400px){html body #app .domino-toolbar button{padding-inline:8px!important;font-size:12px!important}}
html body #app :is(.sports-result,.domino-table>.result,.casino-result,.poker-results){overscroll-behavior:contain}
html body #app .sports-result{max-height:100%!important;overflow-y:auto!important;padding:16px 12px!important}
html body #app .sports-result h2{font-size:clamp(26px,7vw,42px)!important;line-height:1.1!important}
html body #app .sports-result button{min-height:44px!important;touch-action:manipulation}
html body #app .sports-result .round-totals b{font-size:clamp(16px,5vw,24px)!important;overflow-wrap:anywhere}
html body #app .pool-pocket-picker{max-height:100%!important;overflow-y:auto!important}
html body #app .pool-pocket-grid button{min-height:54px!important;touch-action:manipulation}
html body #app .pool-called-banner{min-height:44px!important;touch-action:manipulation}
html body #app .pool-fine-control input{min-height:36px!important;touch-action:pan-x}
html body #app .pool-power-rail input{touch-action:none}
html body #app button:focus-visible{outline:3px solid #ffe3a0!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){html body #app :is(.bingo-paid,.bingo-deal,.call-match,.line-ready){animation:none!important}}
/* Keep a full-size card; scroll only when the viewport cannot fit it. */
html body #app #pl-bingo-game.bingo-playing .bingo-scroll{overflow-y:auto!important}
html body #app #pl-bingo-game.bingo-playing .ticket{min-height:272px!important}
html body #app #pl-bingo-game.bingo-playing .grid{min-height:232px!important}
html body #app #pl-bingo-game.bingo-playing .grid>button.cell{min-height:44px!important}
html body.domino-screen #app .dom-victory:not(.dom-reward){inset:74px 5px auto!important;height:auto!important;min-height:0!important;max-height:calc(100% - 79px)!important;overflow-y:auto!important;padding:14px 12px!important}
html body.domino-screen #app .dom-victory:not(.dom-reward)>h2{font-size:clamp(28px,8vw,40px)!important;line-height:1.1!important;margin:4px 0 10px!important}
html body.domino-screen #app .dom-victory:not(.dom-reward)>button{min-height:44px!important;margin-block:10px 0!important}
html body #app .casino-table .bet-spot:has(.chip-on-spot){outline:2px solid #ffe3a0!important;outline-offset:-3px;box-shadow:inset 0 0 12px #ffe3a033!important}
html body #app .casino-table :is(.craps-spot,.casino-action-row button,.bet-ledger button,.casino-controls button){min-height:44px!important;touch-action:manipulation}
html body #app .casino-table .chip-on-spot{font-weight:800!important;text-shadow:none!important}