/* Display controls share the game's toolbar, without a separate utility rail. */
#canvas-container {outline:none}
[data-andkon-display-control].tool-btn {flex:none;width:40px;height:40px;padding:10px;color:var(--text)}
[data-andkon-display-control] svg {width:18px;height:18px;fill:currentColor}
[data-andkon-display-control][hidden] {display:none!important}
[data-andkon-display-control]:focus-visible {outline:2px solid var(--taxi);outline-offset:1px}
body.hud-minimized #andkon-display:not([hidden]) {display:inline-flex}
/* The loader fits the embedded viewport; reveal the game toolbar only after loading. */
body:has(#loading-overlay:not(.hidden)) .hud-top-right {visibility:hidden}
body.touch-enabled [data-andkon-display-control].tool-btn {width:44px;height:44px}
@media(max-width:600px){.hud-top-left{display:none}}
@media(max-width:600px){
 .hud-top-right{left:8px;right:8px!important;display:flex;justify-content:center}
 body.touch-enabled .hud-bottom-right{left:50%;right:auto!important;transform:translateX(-50%)}
 .touch-look-hint{display:none}
}
@media(max-width:390px){
 body.touch-enabled .toolbar{width:214px;height:auto;flex-wrap:wrap;justify-content:center}
 body.touch-enabled .hud-bottom-right{top:calc(max(var(--edge),env(safe-area-inset-top)) + 114px)}
 body.touch-enabled.hud-minimized .toolbar{width:auto}
}
@media(max-height:500px){
 .map-controls{top:auto;bottom:12px;right:12px;translate:none;flex-direction:row;gap:6px}
 .map-controls .map-zoom{flex-direction:row}
 .fullmap-footer{display:none}
 .hud-top-left,.controls-hint,.hud-bottom-left{display:none!important}
 body.touch-enabled .hud-top-right{left:8px;right:auto!important}
 body.touch-enabled .hud-bottom-right{top:max(var(--edge),env(safe-area-inset-top));right:8px!important;left:auto;transform:none}
 body.touch-enabled #touch-stick{width:96px;height:96px}
 body.touch-enabled .touch-action{width:48px;height:48px}
 body.touch-enabled .touch-actions{grid-template-columns:repeat(2,48px);gap:6px;padding-bottom:0}
 .touch-look-hint{display:none}
}