/* Keep the outer nav out of the generic four-column tab layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#gameNav{display:block;width:100%}
#gameNav .nav-groups{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
#gameNav .nav-groups>button{white-space:nowrap}
@media(orientation:landscape) and (max-height:639px){
 #gameShell{height:100dvh;overflow:hidden}
 #gameShell header{height:30px;min-height:30px;padding:2px max(10px,env(safe-area-inset-left));box-shadow:none}
 #gameShell .brand>span{font-size:12px}#gameShell #money{font-size:16px}#gameShell .topstats{font-size:11px;gap:10px}
 #gameShell main{display:grid;grid-template-columns:1fr auto;grid-template-rows:32px 43px minmax(0,1fr);gap:3px;margin:0 auto;min-height:0;padding:2px max(8px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 #gameShell .adventure-shortcuts{grid-row:1;grid-column:1;justify-content:flex-start;margin:0;align-items:center}
 #gameShell .adventure-shortcuts button{padding:4px 10px;font-size:11px;min-height:28px}
 #gameShell .hero{grid-row:1;grid-column:2;margin:0}#gameShell .daycard{gap:8px;font-size:10px}#gameShell .daycard strong{font-size:13px}
 #gameNav{grid-row:2;grid-column:1/-1;padding:3px;margin:0;box-shadow:0 2px #ac7955}
 #gameNav .nav-groups{padding:0;border:0;background:none;gap:6px}
 #gameNav .nav-groups>button{min-height:32px;height:32px;padding:3px 5px;font-size:12px}
 #gameShell .layout{grid-row:3;grid-column:1/-1;min-height:0;height:100%;margin:0}
 #gameShell .left{height:100%;min-height:0}
 #gameShell .canvaswrap{width:min(100%,calc((100dvh - 119px - env(safe-area-inset-bottom))*1.83333));margin:auto;max-height:100%;border:0}
 #gameShell .metrics{display:none}
 #gameShell aside{top:111px}
 #gameNav [data-nav-panel]{max-height:calc(100dvh - 116px);padding:8px}
 .day-speed{white-space:nowrap;width:auto;min-width:16%;font-size:10px;padding:4px 6px}
}
.global-sound{position:fixed;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));z-index:10001;min-height:40px;padding:8px 13px;font-size:13px;font-weight:bold;white-space:nowrap;background-color:#fff0d5;border:2px solid #ba8861;box-shadow:0 3px #ac7955}.global-sound[aria-pressed="true"]{background-color:#e9c3d2}@media(max-height:500px){.global-sound{left:max(5px,env(safe-area-inset-left));bottom:max(5px,env(safe-area-inset-bottom));min-height:32px;padding:5px 8px;font-size:11px}}

.touch-punch{display:none} @media(any-pointer:coarse){.touch-punch{display:inline-block;position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(65px,env(safe-area-inset-bottom));z-index:10000;min-height:44px;background:#f4c4d6!important}.town-controls{padding-left:110px!important}}