/* One viewport for the table. Only the board and the tile rack may pan. */
html:has(body.domino-screen){height:100%;overflow:hidden!important}
html body.domino-screen{height:var(--visible-app-height,100dvh)!important;min-height:0!important;overflow:hidden!important;margin:0!important}
html body.domino-screen #app{height:100%!important;min-height:0!important;overflow:hidden!important}
html body.domino-screen #app>main.wrap.game-wrap{height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;gap:3px!important;box-sizing:border-box!important;padding:0 8px max(5px,env(safe-area-inset-bottom))!important;overflow:hidden!important;transform:none!important;width:100%!important}
html body.domino-screen #app .topbar{flex:0 0 58px!important;min-height:58px!important;height:58px!important;padding:5px 2px!important;box-sizing:border-box!important;margin:0!important}
html body.domino-screen #app .topbar .paxton-wordmark{font-size:clamp(25px,7vw,36px)!important;line-height:1.1!important}
html body.domino-screen #app .topbar .brandmark{height:34px!important;width:34px!important}
html body.domino-screen #app .mode-hud{flex:0 0 auto!important;margin:0!important;padding:2px 3px!important;min-height:28px!important;gap:5px!important;font-size:10px!important}
html body.domino-screen #app .mode-hud>button{padding:3px 8px!important;min-height:26px!important;font-size:10px!important}
html body.domino-screen #app .lounge-clock{margin:0!important;padding:4px 6px!important;display:flex!important;flex-wrap:nowrap!important;min-height:22px!important}
html body.domino-screen #app .lounge-clock b{font-size:10px!important}.domino-screen #app .lounge-clock :is(span,small,progress){display:none!important}
html body.domino-screen #app .domino-toolbar{flex:0 0 38px!important;min-height:38px!important;height:38px!important;margin:0!important;padding:1px 0!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:space-between!important}
html body.domino-screen #app .domino-toolbar h1{display:none!important}
html body.domino-screen #app .domino-toolbar .actions{display:flex!important;gap:4px!important}
html body.domino-screen #app .domino-toolbar button{min-height:34px!important;padding:5px 10px!important;font-size:12px!important;white-space:nowrap!important;margin:0!important}
html body.domino-screen #app .scene-dominoes{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding:0!important}
html body.domino-screen #app .domino-table{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%!important;position:relative!important;margin:0!important;padding:6px!important;box-sizing:border-box!important;gap:3px!important;overflow:hidden!important}
html body.domino-screen #app .dom-match-heading{flex:none!important;min-height:16px!important;margin:0!important;font-size:9px!important;padding:0 2px!important}
html body.domino-screen #app .tournament-strip{flex:none!important;min-height:24px!important;margin:0!important;padding:2px 3px!important;font-size:9px!important;gap:4px!important;line-height:1.2!important}
html body.domino-screen #app .tournament-strip button{min-height:24px!important;font-size:10px!important;padding:2px 8px!important}.domino-screen #app .weekly-series{padding:2px!important;font-size:9px!important;margin:0!important;flex:none!important}
html body.domino-screen #app .domino-table .dom-player-panels{display:flex!important;flex:none!important;height:55px!important;min-height:55px!important;gap:5px!important;padding:0!important;margin:0!important}
html body.domino-screen #app .domino-table .dom-player-panels .scorebox{position:relative!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:18px 18px 12px!important;align-items:center!important;column-gap:4px!important;flex:1 1 0!important;min-width:0!important;min-height:0!important;height:55px!important;margin:0!important;padding:3px!important;border-radius:9px!important;box-sizing:border-box!important}
html body.domino-screen #app .dom-portraits{position:static!important;transform:none!important;grid-column:1!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;margin:0!important;gap:0!important}
html body.domino-screen #app .dom-player-panels .seat-avatar{width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;border-width:1px!important}
html body.domino-screen #app .domino-table .player-name{grid-column:2!important;grid-row:1!important;font-size:9px!important;line-height:1.1!important;max-height:20px!important;overflow:hidden!important;overflow-wrap:anywhere!important}
html body.domino-screen #app .domino-table .scorebox strong{grid-column:2!important;grid-row:2!important;font-size:18px!important;line-height:1!important;margin:0!important}.domino-screen #app .scorebox strong small{font-size:8px!important}
html body.domino-screen #app .dom-seat-count{grid-column:2!important;grid-row:3!important;font-size:8px!important;line-height:1!important}
html body.domino-screen #app .dom-opponent-hand,html body.domino-screen #app .dom-view-hint{display:none!important}
html body.domino-screen #app .dom-view-controls{flex:none!important;min-height:32px!important;margin:0!important;gap:4px!important;flex-wrap:nowrap!important}
html body.domino-screen #app .dom-view-controls button{min-height:30px!important;min-width:26px!important;padding:4px 6px!important;font-size:10px!important;white-space:nowrap!important}
html body.domino-screen #app [data-board-zoom-label]{display:none!important}
html body.domino-screen #app .dom-board-scroll,html body.domino-screen #app .dom-board-empty{flex:1 1 0!important;height:auto!important;min-height:80px!important;max-height:none!important;margin:0!important;width:100%!important;box-sizing:border-box!important}
html body.domino-screen #app .dom-end-strip{flex:none!important;gap:5px!important;flex-wrap:nowrap!important;margin:0!important}
html body.domino-screen #app .dom-end-strip button{min-height:40px!important;min-width:0!important;flex:1 1 0!important;padding:4px!important;font-size:10px!important;gap:4px!important}.domino-screen #app .dom-end-strip strong{font-size:18px!important}
html body.domino-screen #app .dom-bottom-info{flex:none!important;min-height:14px!important;font-size:9px!important;margin:0!important;padding:0!important}
html body.domino-screen #app .domino-table>.status{flex:none!important;font-size:11px!important;line-height:1.3!important;max-height:29px!important;overflow:hidden!important;padding:2px!important;margin:0!important}
html body.domino-screen #app .dom-hand-label{flex:none!important;font-size:10px!important;line-height:1.2!important;margin:0!important;padding:0!important}
html body.domino-screen #app .domino-table>.hand{display:flex!important;flex:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;height:78px!important;min-height:78px!important;padding:6px!important;box-sizing:border-box!important;margin:0!important;gap:5px!important;justify-content:flex-start!important;align-items:center!important;overscroll-behavior:contain}
html body.domino-screen #app .domino-table>.hand .domino{flex:0 0 31px!important;width:31px!important;height:62px!important;min-width:31px!important;max-width:31px!important;transform:none!important}
html body.domino-screen #app .domino-table>.tableactions{flex:none!important;min-height:36px!important;margin:0!important;padding:0!important;gap:4px!important;display:flex!important;flex-wrap:nowrap!important}
html body.domino-screen #app .domino-table>.tableactions button{flex:1 1 0!important;min-height:36px!important;font-size:11px!important;padding:5px!important}
html body.domino-screen #app .dom-victory{position:absolute!important;inset:74px 5px 5px!important;overflow:auto!important;z-index:20!important;padding:12px!important;margin:0!important;box-sizing:border-box!important;background:linear-gradient(#1e2021fa,#0c1118fa)!important}
html body.domino-screen #app .footer{display:none!important}
@media(max-height:700px){html body.domino-screen #app .topbar{height:48px!important;min-height:48px!important;flex-basis:48px!important}html body.domino-screen #app .topbar .brand small{display:none!important}html body.domino-screen #app .domino-table>.hand{height:70px!important;min-height:70px!important;padding:3px!important}}
@media(max-height:700px){html body.domino-screen #app .mode-hud.mode-arcade{display:none!important}html body.domino-screen #app .domino-table{gap:1px!important}html body.domino-screen #app .dom-bottom-info,html body.domino-screen #app .dom-hand-label{display:none!important}html body.domino-screen #app .domino-table>.status{max-height:16px!important;font-size:10px!important;white-space:nowrap!important;text-overflow:ellipsis!important}}