/* Larger play areas without changing the games' logical coordinate systems. */
html body.pq-wide-game>main,html body.pq-wide-game>header,html body.pq-wide-game>footer{box-sizing:border-box;width:100%;max-width:1600px!important;margin-inline:auto;padding-inline:24px}
html body.pq-wide-game>main{padding-top:18px}
.pq-wide-game .game-panel{padding:20px;width:100%;max-width:none;box-sizing:border-box}.pq-wide-game .panel-head{margin-bottom:12px}.pq-wide-game #block-arcade{width:100%;max-width:none;box-sizing:border-box;padding:18px}.pq-wide-game #block-arcade .arcade-layout{grid-template-columns:minmax(0,1fr) minmax(290px,360px)!important;gap:28px;align-items:start}.pq-wide-game #block-arcade .arcade-layout>div{min-width:0}.pq-wide-game #block-arcade #tile-board{width:min(100%,max(500px,calc(100dvh - 200px)));max-width:none;box-sizing:border-box;margin:0 auto;aspect-ratio:1}.pq-wide-game #block-arcade .mode-grid{margin-block:14px;gap:10px}.pq-wide-game #block-arcade .mode-grid button{min-height:82px;padding:10px 8px}.pq-wide-game #block-arcade .arcade-heading{margin-bottom:12px}.pq-wide-game #block-arcade .arcade-help{font-size:14px;line-height:1.6}.pq-wide-game #block-arcade #tile-tray{min-height:96px}.pq-wide-game #block-arcade .shape-choice{min-width:88px!important;min-height:88px!important}.pq-wide-game #block-arcade .shape-mini{gap:var(--piece-gap,5px)}.pq-wide-game #block-arcade .shape-mini i{width:var(--piece-cell,20px);height:var(--piece-cell,20px)}
/* Give other activities and game dialogs the same available width. */
.pq-wide-game .puzzle-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.pq-wide-game .board-scroll{max-height:82dvh}.pq-wide-game .practice{max-width:1100px;width:100%}.pq-wide-game .practice .big-prompt{font-size:clamp(40px,6vw,76px)}.pq-wide-game .memory-shell,.pq-wide-game .bubble-shell{max-width:none;width:100%;box-sizing:border-box}.pq-wide-game .memory-board{max-width:1050px;width:100%;gap:16px}.pq-wide-game .memory-board .memory-tile{font-size:clamp(38px,5vw,64px)}.pq-wide-game .bubble-arena{max-width:none;width:100%}.pq-wide-game .creative-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.pq-wide-game #color-canvas{width:100%;height:auto;max-width:100%}.pq-wide-game #player{max-width:1600px;width:calc(100% - 20px);max-height:98dvh}.pq-wide-game #player .stage{width:min(100%,calc((100dvh - 190px)*1.7142857));margin-inline:auto}.pq-wide-game #player .game-body{padding-inline:12px}.pq-wide-game.uno-page .uno-app{max-width:1600px!important}.pq-wide-game .uno-table{min-height:clamp(460px,63dvh,760px)}
@media(min-width:1100px){.pq-wide-game #question,.pq-wide-game .question{font-size:clamp(24px,2.1vw,34px);line-height:1.45}.pq-wide-game #options button{min-height:64px;font-size:20px}.pq-wide-game #quiz{min-height:60dvh}}
@media(max-width:960px){html body.pq-wide-game>main,html body.pq-wide-game>header,html body.pq-wide-game>footer{padding-inline:12px}.pq-wide-game .game-panel{padding:14px}.pq-wide-game #block-arcade{padding:12px}.pq-wide-game #block-arcade .arcade-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px}.pq-wide-game #block-arcade #tile-board{width:min(100%,760px)}.pq-wide-game .puzzle-layout,.pq-wide-game .creative-layout{grid-template-columns:minmax(0,1fr)}.pq-wide-game .memory-board{gap:10px}.pq-wide-game #player .stage{width:100%}.pq-wide-game .uno-table{min-height:430px}}
@media(max-width:520px){html body.pq-wide-game>main{padding-inline:6px}.pq-wide-game .game-panel{padding:10px;border-radius:14px}.pq-wide-game #block-arcade{padding:8px;border-radius:12px}.pq-wide-game #block-arcade #tile-board{width:100%;padding:8px 10px 12px 8px;gap:5px}.pq-wide-game #block-arcade .shape-choice{min-width:76px!important;min-height:76px!important;padding:10px!important}.pq-wide-game .memory-board{gap:7px}.pq-wide-game .memory-board .memory-tile{min-height:70px;font-size:32px}.pq-wide-game .uno-table{min-height:380px}.pq-wide-game #block-arcade .mode-grid button{min-height:74px}.pq-wide-game #block-arcade .arcade-help{font-size:13px}}

.pq-wide-game #block-arcade #tile-tray{flex-wrap:nowrap}.pq-wide-game #block-arcade .shape-choice{flex:1 1 0;max-width:150px;min-width:0!important}
@media(max-width:520px){.pq-wide-game #block-arcade #tile-tray{--piece-cell:clamp(10px,3vw,16px);--piece-gap:3px;gap:10px;padding-inline:4px}.pq-wide-game #block-arcade .shape-choice{min-width:0!important;max-width:130px}}