/* Shared visual polish and larger touch targets across the game. */
:root{--game-panel:#0a1b30;--game-border:#2b7092;--game-cyan:#37d9ff;--game-glass:rgba(5,17,31,.94)}
button,a,[role=button]{-webkit-tap-highlight-color:transparent}
.account-modal{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));}
.account-sheet{max-height:92dvh;overscroll-behavior:contain;scrollbar-color:#35bde7 #071426}
@media(max-width:1100px){
 #productionView,#warehouseView,#transportView,#marketView,#tendersView,#companyView,#buildingsView,#mapView,#leaderboardView,#eventsView{overscroll-behavior:contain;}
 #productionView button,#warehouseView button,#transportView button,#marketView button,#tendersView button,#companyView button,#buildingsView button,#mapView button,#leaderboardView button,#eventsView button{touch-action:manipulation}
}
@media(max-width:760px){
 body{min-height:100dvh}
 .shell{min-height:100dvh;padding-bottom:max(76px,env(safe-area-inset-bottom))}
 .grid{gap:10px}
 .card{height:clamp(172px,25vw,210px)!important;min-height:172px!important;border-radius:16px}
 .cardbody{min-height:50%;gap:8px;padding:8px}
 .round{width:46px;height:46px;font-size:25px}
 .copy b{font-size:clamp(16px,3.3vw,20px)}
 .copy small{font-size:clamp(12px,2.5vw,15px);line-height:1.18}
 .iconbtn,.quick,.offer{min-height:48px}
 #productionView .production-shell,#warehouseView .wh-shell,#transportView .transport-shell,#marketView .market-shell,#tendersView .tenders-shell,#companyView .company-shell,#buildingsView .building-shell,#mapView .map-shell,#leaderboardView .lb-shell,#eventsView .ev-shell{max-width:none;width:100%;max-height:100dvh;}
 #productionView button,#warehouseView button,#transportView button,#marketView button,#tendersView button,#companyView button,#buildingsView button,#mapView button,#leaderboardView button,#eventsView button{min-height:42px}
 #productionView input,#warehouseView input,#transportView input,#marketView input,#tendersView input,#companyView input,#buildingsView input,#mapView input,#leaderboardView input,#eventsView input,#productionView select,#warehouseView select,#transportView select,#marketView select,#tendersView select,#companyView select,#buildingsView select,#mapView select,#leaderboardView select,#eventsView select{min-height:42px;font-size:16px}
}
@media(max-width:520px){
 .shell{padding-left:8px;padding-right:8px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .card{height:174px!important;min-height:174px!important}
 .cardbody{padding:7px 6px;gap:6px}
 .round{width:40px;height:40px;font-size:22px}
 .copy b{font-size:15px;letter-spacing:.01em}
 .copy small{font-size:12px;line-height:1.12}
 .rail{gap:6px}
 .iconbtn{width:44px;height:44px}
 .online{bottom:max(8px,env(safe-area-inset-bottom))}
 .fab{bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(max-width:365px){.card{height:164px!important;min-height:164px!important}.copy b{font-size:14px}.copy small{font-size:11px}.round{width:36px;height:36px}}