/* Phone-first refinements: the map keeps its center; commands form one bottom sheet. */
html,body,#game{overscroll-behavior:none}button,summary,a,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
.offline-status{font:10px/1.5 'Segoe UI',sans-serif;color:#b9c9c9;text-align:center;margin:8px 0}
@supports(height:100dvh){#game,.welcome{height:100dvh}}
@media(max-width:580px){
 .topbar{padding:env(safe-area-inset-top) 8px 0;height:calc(62px + env(safe-area-inset-top));gap:6px}.brand{font-size:13px;letter-spacing:1.5px}.brand small{display:none}.ring-mark{width:19px}.top-actions{gap:2px}.icon-button{width:38px;height:44px}.resources{flex:1;justify-content:center;gap:7px}.resource{gap:3px}.resource span strong{font-size:15px}.resource-symbol{font-size:14px}
 #world{inset:calc(62px + env(safe-area-inset-top)) 0 0}.realm-toggle{top:calc(74px + env(safe-area-inset-top));min-height:44px}.map-tools{top:calc(74px + env(safe-area-inset-top))}.map-tools button{width:38px;height:44px}.objective{top:calc(74px + env(safe-area-inset-top));width:calc(100% - 158px);padding:7px}.objective .eyebrow{font-size:7px}.objective h3{font-size:18px;margin:4px 0}.objective p{font-size:11px;line-height:1.4;margin-bottom:3px}.objective button{min-height:30px}
 .selection{left:10px;right:10px;width:auto;bottom:calc(78px + env(safe-area-inset-bottom));max-height:225px;padding:12px 14px;min-height:0}.selection h2{font-size:25px}.selection .subtitle{font-size:12px}.selection .city-yields{margin:8px 0;font-size:13px;gap:14px}.selection .unit-stats{margin:8px 0;gap:12px}.selection .actions{margin-top:8px;gap:6px}.selection .action-button{min-height:44px;font-size:12px;padding:8px 10px}.selection .unit-tabs{margin-top:8px}.selection .unit-tabs button{min-height:36px;font-size:11px}.selection .action-help{margin-top:6px;font-size:11px}
 .turn-corner{right:10px;bottom:calc(7px + env(safe-area-inset-bottom));width:174px}.minimap{display:none}.end-turn{padding:9px 14px;min-height:48px}.end-turn strong{font-size:22px;white-space:nowrap}.end-turn small{display:none}.turn-foot{font-size:8px;margin-top:4px}.controls-hint{width:calc(100% - 208px);left:12px;bottom:calc(20px + env(safe-area-inset-bottom));font-size:10px;line-height:1.4}
 .realm-panel{top:calc(124px + env(safe-area-inset-top));bottom:calc(78px + env(safe-area-inset-bottom));max-height:none;width:calc(100% - 20px);left:10px}.realm-panel.expanded{box-shadow:0 16px 80px #000d}
 dialog{max-height:calc(100dvh - 36px);width:calc(100vw - 24px);padding:30px 18px 20px}dialog button,dialog summary{min-height:44px}.modal-close{min-width:44px}.settings-row select,.binding-list select{min-height:44px}.menu-categories button{min-height:44px}.welcome-content{padding:28px 24px max(24px,env(safe-area-inset-bottom))}.welcome h1{font-size:clamp(38px,12vw,49px)}.welcome-ring{margin-top:15px}.ornament{margin:18px 0}.faction-choice{min-height:105px}.text-button{min-height:44px}.build-note{margin-top:10px}
 .world-unit-label:before{content:'';position:absolute;inset:-10px}
}
@media(max-height:500px) and (orientation:landscape){.objective{display:none}.selection{max-height:180px;bottom:24px}.realm-panel{bottom:20px}.turn-corner{bottom:8px}.controls-hint{display:none}.map-tools{top:75px}.welcome-content{padding-top:20px;padding-bottom:20px}}