.play-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#fullscreen-play{font-size:11px;min-height:44px;padding:8px 10px;white-space:nowrap}
.board-viewport{min-width:0}
html.play-fullscreen,html.play-fullscreen body{height:100%;overflow:hidden;overscroll-behavior:none}
.play-fullscreen .shell>header,.play-fullscreen .intro,.play-fullscreen .tabs,.play-fullscreen .shell>footer,.play-fullscreen aside,.play-fullscreen #collection,.play-fullscreen #guide{display:none!important}
.play-fullscreen .shell{padding:0;max-width:none}
.play-fullscreen #play{display:block!important}
.play-fullscreen .game-card{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none}
.play-fullscreen .game-top{flex:0 0 auto;padding:8px 12px;gap:6px;flex-wrap:nowrap}
.play-fullscreen .game-top>div:first-child{min-width:0}
.play-fullscreen .game-top h2{font-size:clamp(12px,3.6vw,20px);margin-top:4px;line-height:1.2}
.play-fullscreen .game-top .eyebrow{font-size:8px;letter-spacing:.5px}
.play-fullscreen .play-actions{flex-shrink:0;gap:3px;max-width:46%}
.play-fullscreen .mode-switch button{padding:5px 8px;min-height:36px}
.play-fullscreen #fullscreen-play{min-height:36px;padding:5px 8px}
.play-fullscreen .stats{flex:0 0 auto;padding:3px 12px;gap:10px;min-height:36px}
.play-fullscreen .stats button{min-height:36px}
.play-fullscreen .instruction{flex:0 0 auto;font-size:10px;min-height:0;margin:0;padding:4px 10px;line-height:1.3}
.play-fullscreen .board-viewport{flex:1 1 0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}
.play-fullscreen .board{display:grid;flex:0 0 auto;justify-content:center;align-content:center;align-items:end;gap:18px;min-height:0!important;padding:30px 8px 12px;touch-action:none}
.play-fullscreen .board .bottle-wrap{justify-self:center}
.play-fullscreen .tools{flex:0 0 auto;grid-template-columns:repeat(6,minmax(0,1fr));padding:7px 8px;gap:4px}
.play-fullscreen .tools button{min-height:54px;padding:6px 1px;font-size:9px}
.play-fullscreen .tools button>span{font-size:20px;line-height:22px;margin-bottom:2px}
.play-fullscreen .game-bottom{flex:0 0 auto;flex-wrap:nowrap;gap:3px;padding:0 8px 4px}
.play-fullscreen .game-bottom button{min-height:36px;font-size:10px}
.play-fullscreen .win{position:absolute;z-index:20;left:8%;right:8%;top:38%;border:1px solid #f3cf7288;border-radius:18px;background:#241a3ef5;box-shadow:0 10px 40px #0009;padding:16px}
@media(max-height:500px){.play-fullscreen .game-top{padding:3px 10px}.play-fullscreen .game-top h2{font-size:12px}.play-fullscreen .instruction{display:none}.play-fullscreen .tools{padding:3px 8px}.play-fullscreen .tools button{min-height:42px}.play-fullscreen .tools button>span{display:inline;font-size:17px;margin-right:6px}.play-fullscreen .game-bottom button{min-height:30px}.play-fullscreen .game-bottom{padding-bottom:0}}

.play-fullscreen .game-top,.play-fullscreen .stats,.play-fullscreen .instruction{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
.play-fullscreen .tools,.play-fullscreen .game-bottom{width:100%;max-width:840px;margin-left:auto;margin-right:auto}

/* Keep the fullscreen action at the right edge of the controls row. */
.play-actions{margin-left:auto}
.play-actions .mode-switch{order:0}
.play-actions #fullscreen-play{order:1;margin-left:auto}
@media(max-width:540px){.game-top .play-actions{width:100%;max-width:none;justify-content:space-between}.play-fullscreen .game-top{flex-wrap:wrap}}
