/* The game room uses the viewport left below Pawe's header, without scaling UI. */
.game-page .site-footer{display:none}
.game-page .site-body{min-height:100dvh}
.game-page #main-content{padding-top:8px;padding-bottom:8px}
.game-page .game-page-heading{flex-direction:row;align-items:center;gap:16px;margin:0 0 8px;min-height:30px}
.game-page .game-page-heading h1{font-size:21px;margin:0}
.game-page .game-page-heading p{display:none}
.game-page .game-page-heading>a{align-self:center;font-size:12px}
.game-page .pawe-game{padding:10px 14px;border-radius:18px;display:flex;flex-direction:column;gap:8px;min-height:0}
.game-page .game-save-bar{flex:none;padding:0 0 6px;gap:9px;min-height:33px;flex-wrap:nowrap}
.game-page .game-save-bar small{min-width:0;font-size:10px;line-height:1.2;margin-right:auto}
.game-page .game-save-bar a{margin:0;font-size:11px;white-space:nowrap}
.game-page .game-save-bar>button{border:1px solid #d8c4df;border-radius:9px;min-height:32px;padding:6px 10px;white-space:nowrap;font-size:11px}
.game-page .game-extra-tools{margin:0;gap:10px}
.game-page .pawe-game .app-shell,.game-page .pawe-game .site-shell,.game-page .pawe-game .layout{flex:1;min-height:0}
.game-page .board-pawe{position:absolute;z-index:6;pointer-events:none;user-select:none;width:110px;height:auto;right:-47px;top:-59px;filter:drop-shadow(0 2px 2px #47275122)}
.game-page .pawe-game--snakebite .arena-column{width:100%;max-width:none}
.game-page .pawe-game--snakebite .scoreboard{max-width:500px;margin:0 auto 6px;gap:1px}
.game-page .pawe-game--snakebite .score-cell{padding:6px 10px}
.game-page .pawe-game--snakebite .score-cell strong{font-size:23px;margin-top:3px}
.game-page .pawe-game--snakebite .score-cell small{font-size:8px;letter-spacing:.4px}
.game-page .pawe-game--snakebite .arena-panel{width:min(100%,500px);margin:0 auto;padding:0;overflow:visible}
.game-page .pawe-game--snakebite .canvas-wrap{width:var(--fit-board,300px);height:var(--fit-board,300px);max-width:none;overflow:visible;margin:60px auto 0}
.game-page .pawe-game--snakebite #gameCanvas{width:100%;height:100%;display:block}
.game-page .pawe-game--snakebite .game-toolbar{padding:5px 8px;min-height:32px;height:auto}
.game-page .pawe-game--snakebite .arena-footer{padding:4px 8px;min-height:24px}
.game-page .pawe-game--snakebite .control-tray{max-width:500px;margin:6px auto 0;padding:5px 8px;min-height:48px}
.game-page .pawe-game--snakebite .control-instructions .control-title{display:none}
.game-page .pawe-game--snakebite .control-instructions{display:grid;gap:2px}
.game-page .pawe-game--snakebite .control-instructions .key-row{height:19px;line-height:1}
.game-page .pawe-game--snakebite .control-instructions .key-row{margin:2px 0;gap:3px}
.game-page .pawe-game--snakebite .control-instructions kbd{min-width:17px;height:19px;font-size:9px}
.game-page .pawe-game--snakebite .control-instructions .control-label{font-size:8px}
.game-page .pawe-game--snakebite .touch-zone{width:166px;flex-basis:166px;height:44px;display:flex;gap:4px}
.game-page .pawe-game--snakebite .touch-zone button{flex:1;min-width:36px;font-size:18px}
.game-page .pawe-game--snakebite .game-overlay{padding:10px}
.game-page .pawe-game--snakebite .overlay-symbol{width:28px;height:28px;font-size:18px;margin-bottom:6px}
.game-page .pawe-game--snakebite .overlay-contents h2{font-size:24px;margin:6px 0}
.game-page .pawe-game--snakebite .overlay-contents p{font-size:10px;line-height:1.4;margin-bottom:8px}
.game-page .pawe-game--snakebite #primaryAction{min-height:34px;padding:8px 12px;font-size:11px}
.game-page .pawe-game--snakebite .overlay-eyebrow{font-size:8px;letter-spacing:1px}
.game-page .pawe-game--snakebite .overlay-hint{display:none}
.game-page .pawe-game--prismfall .game-layout{grid-template-columns:minmax(0,1fr) 120px;gap:6px 16px;max-width:680px}
.game-page .pawe-game--prismfall .stats-panel{padding:7px 10px;gap:12px}
.game-page .pawe-game--prismfall .stats-panel .small-stat{padding:3px 8px}
.game-page .pawe-game--prismfall .stats-panel .small-stat strong{font-size:19px;margin:2px 0}
.game-page .pawe-game--prismfall .score-block .score-value{font-size:22px;margin:1px 0}
.game-page .pawe-game--prismfall .stats-panel .stat-line{display:none}
.game-page .pawe-game--prismfall .arena{padding-top:60px}
.game-page .pawe-game--prismfall .board-shell{width:calc(var(--fit-board,320px) * 6 / 13 + 14px);padding:5px 5px 0;flex:none}
.game-page .pawe-game--prismfall .board-frame{width:100%;height:var(--fit-board,320px);aspect-ratio:auto}
.game-page .pawe-game--prismfall .well-bottom{display:none}
.game-page .pawe-game--prismfall .touch-controls{width:300px;max-width:100%;gap:5px;margin-top:6px}
.game-page .pawe-game--prismfall .game-control{height:42px;min-width:36px}
.game-page .pawe-game--prismfall .game-control span{font-size:19px}
.game-page .pawe-game--prismfall .game-control small{font-size:6px}
.game-page .pawe-game--prismfall .under-arena{width:300px;max-width:100%;margin-top:5px}
.game-page .pawe-game--prismfall .info-panel{margin-top:45px;padding:9px}
.game-page .pawe-game--prismfall .next-well{max-width:80px;margin:4px auto}
.game-page .pawe-game--prismfall .chain-panel .label-caption{font-size:8px}
.game-page .pawe-game--critterqueens .layout{max-width:none}
.game-page .pawe-game--critterqueens .game-shell{padding:4px 12px;border:0;background:none}
.game-page .pawe-game--critterqueens .game-shell .topline{margin:0 0 4px}
.game-page .pawe-game--critterqueens .topline h2{font-size:17px;margin:0}
.game-page .pawe-game--critterqueens .topline .eyebrow{display:none}
.game-page .pawe-game--critterqueens .level-pill{padding:5px 9px;font-size:9px}
.game-page .pawe-game--critterqueens .game-shell .stats{margin:0 auto 0;padding:3px;max-width:500px;height:44px}
.game-page .pawe-game--critterqueens .stats .stat{padding:3px}
.game-page .pawe-game--critterqueens .stats .stat-label{font-size:8px;margin:0 0 2px;line-height:1.2}
.game-page .pawe-game--critterqueens .stats .stat-value{font-size:17px;line-height:1.2}
.game-page .pawe-game--critterqueens .game-shell .board-area{width:var(--fit-board,300px);max-width:none;margin:60px auto 0}
.game-page .pawe-game--critterqueens .game-shell .under-board{margin:6px auto 0;max-width:650px;gap:5px;flex-wrap:nowrap;min-height:36px}
.game-page .pawe-game--critterqueens .region-guide{font-size:10px}
.game-page .pawe-game--critterqueens .hint-button{font-size:10px;padding:7px}
.game-page .pawe-game--critterqueens .board-actions{gap:8px}
.game-page .grid-capacity-note{font-size:12px;color:#795287;margin:12px 0 0;line-height:1.5}
.game-page .pawe-game--critterqueens[data-pan-board] .game-shell .board-area{width:calc(100% - 70px);max-width:100%}
.game-page .pawe-game--critterqueens[data-pan-board] .board-viewport{overflow-x:auto}
.game-page .pawe-game--critterqueens[data-pan-board] #board{width:var(--fit-board);min-width:var(--fit-board)}
.game-page .fit-space-note{font-size:11px;color:#795287;margin:0;flex:none}
.game-page .fit-space-note:empty{display:none}
.game-page .pawe-game--prismfall .game-overlay h1{font-size:clamp(17px,calc(var(--fit-board,320px) * .06),24px);line-height:1.12}
.game-page .pawe-game--prismfall .game-overlay p{font-size:9px;line-height:1.4;margin:6px 0 10px}
.game-page .pawe-game--prismfall .game-overlay .primary-button{white-space:nowrap;font-size:10px;padding:9px 7px}
@media(min-width:701px){
 .game-page .pawe-game--prismfall .game-layout{grid-template-columns:150px minmax(0,1fr) 120px;max-width:820px;gap:18px}
 .game-page .pawe-game--prismfall .stats-panel{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:60px;padding:12px}
 .game-page .pawe-game--prismfall .stats-panel .stat-duo{display:flex;gap:8px}
 .game-page .pawe-game--prismfall .stats-panel .small-stat{flex:1;min-width:0}
 .game-page .pawe-game--prismfall .stats-panel .chain-panel{padding-top:8px;border-top:1px solid #e5d5e8}
}
@media(max-width:600px){
 .game-page #main-content{padding-top:5px;padding-bottom:5px}
 .game-page .game-page-heading{margin-bottom:5px;gap:12px}
 .game-page .game-page-heading h1{font-size:18px}
 .game-page .pawe-game{padding:7px 9px;gap:5px}
 .game-page .game-save-bar{gap:5px}
 .game-page .game-save-bar small{max-width:110px;font-size:9px}
 .game-page .game-save-bar a{font-size:0}.game-page .game-save-bar a::after{content:'🏆';font-size:16px}
 .game-page .board-pawe{width:90px;height:auto;right:-39px;top:-48px}
 .game-page .pawe-game--snakebite .canvas-wrap{margin-top:48px}
 .game-page .pawe-game--prismfall .arena{padding-top:48px}
 .game-page .pawe-game--critterqueens .game-shell .board-area{margin-top:48px}
 .game-page .pawe-game--snakebite .control-instructions{display:none}
 .game-page .pawe-game--snakebite .control-tray{justify-content:center}
 .game-page .pawe-game--snakebite .touch-zone{width:200px;flex-basis:200px}
 .game-page .pawe-game--prismfall .game-layout{grid-template-columns:minmax(0,1fr) 72px;gap:5px 10px}
 .game-page .pawe-game--prismfall .info-panel{padding:5px}
 .game-page .pawe-game--prismfall .info-panel .next-well{width:54px}
 .game-page .pawe-game--prismfall .info-panel .next-caption{display:none}
 .game-page .pawe-game--prismfall .info-panel .mode-heading{font-size:8px}
 .game-page .pawe-game--prismfall .info-panel .select-wrap select{padding:4px;font-size:8px;height:30px}
 .game-page .pawe-game--prismfall .touch-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:4px}
 .game-page .pawe-game--prismfall .under-arena{font-size:7px;letter-spacing:0}
 .game-page .pawe-game--critterqueens .game-shell{padding:3px 0}
 .game-page .pawe-game--critterqueens .region-guide{display:none}
 .game-page .pawe-game--critterqueens .under-board{justify-content:center}
}

/* A real thumb-friendly direction pad; never shrink controls to fit the board. */
.game-page .pawe-game--snakebite .snake-touch-help{display:none}
@media(max-width:700px),(pointer:coarse){
 .game-page .pawe-game--snakebite .control-instructions{display:none}
 .game-page .pawe-game--snakebite .control-tray{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px;max-width:500px;min-height:0}
 .game-page .pawe-game--snakebite .touch-zone{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,48px);grid-template-areas:". up ." "left down right";width:180px;height:102px;flex:0 0 auto;gap:6px}
 .game-page .pawe-game--snakebite .touch-zone button{min-width:48px;min-height:48px;padding:0;border-radius:12px;font-size:25px;touch-action:none;user-select:none;-webkit-user-select:none}
 .game-page .pawe-game--snakebite .touch-up{grid-area:up}.game-page .pawe-game--snakebite .touch-left{grid-area:left}.game-page .pawe-game--snakebite .touch-down{grid-area:down}.game-page .pawe-game--snakebite .touch-right{grid-area:right}
 .game-page .pawe-game--snakebite .touch-zone button:active{background:#e7d4ef;transform:translateY(1px)}
 .game-page .pawe-game--snakebite .snake-touch-help{display:block;max-width:300px;margin:0;text-align:center;font-size:11px;line-height:1.45;color:#71577c}
 .game-page .pawe-game--snakebite .canvas-wrap{overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
 .game-page .pawe-game--prismfall .game-control{min-height:48px}
}
