/* Compact native miniicons; only the wrench is newly added. */
.game-shell .map-hud{flex-direction:row;align-items:flex-start;gap:2px}
.game-shell .extras{flex-direction:column;align-items:center;gap:0;margin:0;width:44px}
.game-shell .extras button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;background:none!important;border:0!important;box-shadow:none!important}
.game-shell .extras button b{display:block;width:32px;height:32px;font-size:0!important;background-size:300% 100%!important;background-position:left center!important;background-repeat:no-repeat!important}
.game-shell .extras button:nth-child(2) b{background-size:200% 100%!important}
.game-shell .extras button:nth-child(4) b{background-image:url(assets/ui/utility-settings.png);color:transparent}
.game-shell .extras button span{display:none}
.game-shell .minimap{position:relative}
.game-shell .quick{top:calc(100% + 8px);right:0}

/* Restore the original horse / crossed-swords controls, without their captions. */
.game-shell .auto-controls button{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:2px solid #d8b266!important;border-radius:50%;background:#171710dc!important;box-shadow:0 2px 5px #0008!important;padding:0;font-size:32px;line-height:1}
.game-shell .auto-controls button span{display:none}

/* Eight controls; the two unassigned skill slots occupy positions four and five. */
.game-shell .toolbar{left:50%;right:auto;transform:translateX(-50%);width:min(704px,calc(100% - 24px));height:68px;padding:4px 6px;gap:0;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid #b29351;border-radius:7px;background:linear-gradient(#20190ee8,#11120de8);box-shadow:inset 0 0 0 1px #46351d55}
.game-shell .toolbar button{min-width:0;min-height:44px;height:100%;padding:1px;gap:2px;font-size:11px;line-height:1.15;border:0!important;box-shadow:none;background:none}
.game-shell .toolbar button span{min-height:0;max-width:none;white-space:nowrap;line-height:1.15}
.game-shell .toolbar b{display:flex;align-items:center;justify-content:center;width:28px;height:35px;font-size:26px;line-height:1}
.game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:38px;height:38px;border:1px solid #907942;border-radius:4px;font-size:28px;background:none!important;box-shadow:none;color:#d0b779}
.game-shell .chat-group{bottom:90px}
.game-shell .joystick{bottom:96px}
@media(max-width:600px) and (orientation:portrait){
 .game-shell .minimap{width:136px}
 .game-shell .player{width:calc(100% - 206px);min-width:0}
 .game-shell .map-title{font-size:10px}
 .game-shell .map-title span{font-size:9px}
 .game-shell .toolbar{width:calc(100% - 12px);height:64px;padding:3px 2px}
 .game-shell .toolbar button{font-size:9px;min-height:44px;gap:2px}
 .game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:34px;height:36px}
 .game-shell .auto-controls button{width:48px;height:48px;font-size:27px}
 .game-shell .chat-group{bottom:86px}
 .game-shell .joystick{bottom:102px}
}
@media(max-height:550px) and (orientation:landscape){
 .game-shell .toolbar{height:60px;bottom:max(5px,env(safe-area-inset-bottom));width:min(704px,calc(100% - 16px));padding:2px 4px}
 .game-shell .toolbar button{font-size:10px;gap:1px}
 .game-shell .toolbar b{width:26px;height:32px;font-size:24px}
 .game-shell .toolbar .tool-6,.game-shell .toolbar .tool-7{width:34px;height:34px}
 .game-shell .auto-controls button{width:44px;height:44px;font-size:25px}
 .game-shell .chat-group{bottom:78px}
 .game-shell .joystick{bottom:80px}
}
.game-shell .map-title strong{font-size:12px;white-space:nowrap}.game-shell .auto-controls button{font-size:29px}@media(max-width:600px) and (orientation:portrait){.game-shell .map-title strong{font-size:10px}.game-shell .auto-controls button{font-size:23px}}@media(max-height:550px) and (orientation:landscape){.game-shell .extras{display:grid;grid-template-columns:repeat(2,44px);width:88px;gap:0}.game-shell .map-title strong{font-size:11px}.game-shell .auto-controls button{font-size:21px}}
/* World sprites and source overhead share the exact map scale and foot anchor. */
.game-shell .actor .native-overhead{aspect-ratio:auto}
.game-shell .joystick{padding:0}
.game-shell .joystick>span{position:absolute;line-height:1;font-size:16px;pointer-events:none;color:#d4b878a8}
.game-shell .joystick .joy-up{top:9px;left:50%;transform:translateX(-50%)}
.game-shell .joystick .joy-down{bottom:9px;left:50%;transform:translateX(-50%)}
.game-shell .joystick .joy-left{left:9px;top:50%;transform:translateY(-50%)}
.game-shell .joystick .joy-right{right:9px;top:50%;transform:translateY(-50%)}
.game-shell .joystick i{display:flex;align-items:center;justify-content:center;font-style:normal;font-family:Arial,sans-serif;font-size:40px;line-height:1;color:#ead19a;background:#8b713b66}
.game-shell .chat{background:#211c0e70;box-shadow:none;border-color:#cead61aa}
@media(max-height:550px) and (orientation:landscape){.game-shell .joystick i{font-size:29px}.game-shell .joystick>span{font-size:12px}.game-shell .joystick .joy-up{top:5px}.game-shell .joystick .joy-down{bottom:5px}.game-shell .joystick .joy-left{left:5px}.game-shell .joystick .joy-right{right:5px}}
/* Horse / Auto visual diameter reduced by 30% at every breakpoint. */
.game-shell .auto-controls{gap:10px}
.game-shell .auto-controls button{width:43.4px;height:43.4px;min-height:0;border-width:1.4px!important;font-size:20.3px}
@media(max-width:600px) and (orientation:portrait){.game-shell .auto-controls button{width:33.6px;height:33.6px;font-size:16.1px}}
@media(max-height:550px) and (orientation:landscape){.game-shell .auto-controls button{width:30.8px;height:30.8px;font-size:14.7px}}