/* Website host owns the one outer window. Game content and dialog chrome stay native. */
html,body,#app{width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important;background:#c0c0c0!important}
.desktop,.native-app .desktop{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.desktop>.game-window{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
.desktop>.game-window.editor-host>.titlebar,.desktop-footer{display:none!important}
.game-content{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important}
.workspace{flex:1!important;min-height:0!important}
.board-column{min-height:0!important}

.desktop>.game-window[hidden]{display:none!important}
.board-column{display:flex!important;flex-direction:column!important;min-width:0!important}
.board-shell{flex:1!important;min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
.board-frame{flex:none!important}

.game-content[hidden]{display:none!important}
/* Landscape phones put the HUD beside the board, preserving touch-sized tiles. */
@media (pointer:coarse) and (max-height:400px) and (min-width:600px){
 .game-content{flex-direction:row!important;gap:4px!important;padding:4px!important;position:relative}
 .toolbar{flex:0 0 250px!important;align-self:flex-start;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:48px 44px;padding:4px!important;gap:3px!important;min-height:0!important}
 .toolbar .counter-group{grid-row:1}.toolbar .counter-right{grid-column:2}.quest-play-controls{grid-column:1 / -1;grid-row:2;min-width:0}.mission-art{display:none!important}#mission-button{min-width:0!important;flex:1}
 .workspace{min-width:0!important;height:100%!important}.board-column{height:100%!important;position:static!important}
 .population-strip{position:absolute!important;left:4px;top:116px;width:250px;min-height:0!important;height:34px!important;padding:2px!important;gap:3px!important}.population-art{display:none!important}.population-workers,.population-soldiers{gap:2px!important;font-size:11px!important}.population-strip button{width:28px!important;min-width:28px!important;min-height:28px!important;height:28px!important}
 .kingdom-panel{position:absolute!important;left:4px!important;bottom:4px!important;width:250px!important;min-width:0!important}.construction-actions{gap:3px!important}.construction-actions button{font-size:11px!important;padding:3px!important;gap:2px!important}.construction-actions img{display:none!important}.event-slot{max-width:100%!important}
}