/* Focused play screen; resources remain available in the game menu. */
html,body{height:100%;overflow:hidden}
body{min-height:0!important}
header{padding:8px 12px!important;gap:8px!important;flex-wrap:wrap}
header .brand{font-size:26px}header .brand span{font-size:14px}
header .phase{font-size:12px;min-width:0}
header .phase b{font-size:13px!important}
#gameMenuOpen{min-height:44px}
.hero{top:calc(var(--game-header-height) + 8px)!important;left:12px!important;width:180px!important;padding:10px!important;max-height:none!important;overflow:visible}
.hero>.eyebrow,.hero>h2{display:none}
.hero .label{font-size:11px;margin:4px 0!important}.hero .bar{height:6px}
footer{padding:8px 12px!important;max-height:24dvh!important;gap:6px!important;justify-content:center}
footer>.controls{display:none}footer button{min-height:44px!important;padding:6px 10px!important;font-size:12px!important}
.abilities button{min-width:52px!important}.abilities button>span{font-size:20px!important}.abilities kbd,footer kbd{display:none}
.caption{display:none!important}
#playMenu{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;box-sizing:border-box}
#playMenu .menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#playMenu .menu-grid>button,#playMenu .menu-grid>label{width:100%;min-width:0;min-height:44px;box-sizing:border-box;white-space:normal}
#playMenu .right{position:static!important;width:auto!important;max-height:none!important;overflow:visible;display:block!important;grid-column:1/-1}
#playMenu .map{display:block!important}#playMenu .map canvas{max-width:100%}
#playMenu .quest{display:block!important;grid-column:1/-1}#playMenu .quest>*{display:block!important}
#playMenu .quest button{width:100%;min-height:44px;margin-top:6px}
#playMenu .wallet,#playMenu .resource-hud{grid-column:1/-1}
#playMenu .volume-control{display:flex;flex-wrap:wrap}
.touchpad{bottom:calc(var(--game-controls-height) + 10px)!important;left:10px!important;z-index:5}
.touchpad button{min-width:40px;min-height:40px;touch-action:none}
#talkOpen{bottom:calc(var(--game-controls-height) + 10px)!important;right:10px!important;max-width:calc(100vw - 160px)!important;padding:10px!important;font-size:12px}
#gather{bottom:calc(var(--game-controls-height) + 60px)!important;right:10px!important;left:auto!important;transform:none!important;padding:10px!important;font-size:12px}
dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px)!important}
@media(max-width:650px){header .brand small{font-size:9px}header .phase{width:100%;order:3}header>div:last-child{margin-left:auto}.hero{width:150px!important}footer .abilities{gap:4px}footer button{padding:6px!important}.abilities b{font-size:9px!important}.touchpad{display:block!important}#playMenu .menu-grid{grid-template-columns:1fr}}
@media(max-height:500px){header .brand small,header .phase{display:none!important}.hero{width:140px!important}footer{max-height:22dvh!important}.abilities button>span{display:none}#gather{bottom:calc(var(--game-controls-height) + 48px)!important}}

#run,#jump{touch-action:none;user-select:none;-webkit-user-select:none}

#mineNearby{position:fixed;bottom:calc(var(--game-controls-height) + 110px);right:10px;z-index:5;max-width:calc(100vw - 160px);padding:10px;font-size:12px;touch-action:manipulation}
#mineNearby[hidden]{display:none!important}
@media(max-height:500px){#mineNearby{bottom:calc(var(--game-controls-height) + 92px)}}

#miningWorkStatus{font-size:11px;line-height:1.35;margin:6px 0 3px;overflow-wrap:anywhere}
#miningProgress{display:block;width:100%;height:10px;accent-color:#f2c46d}
#miningProgress[hidden]{display:none!important}

#missionTracker{font-size:11px;line-height:1.35;margin:6px 0;overflow-wrap:anywhere}
@media(max-height:500px){#missionTracker{font-size:10px}}