/* Screen-sized construction labels: camera zoom must not enlarge the HUD. */
#world .world-item .build-time{
 top:auto;bottom:100%;left:50%;right:auto;
 transform:translateX(-50%) scale(var(--world-ui-scale,1));transform-origin:center bottom;
 margin-bottom:calc(4px * var(--world-ui-scale,1));
 width:auto;min-width:28px;height:20px;box-sizing:border-box;padding:2px 5px;
 border:1px solid #e3fff53d;border-radius:10px;background:#123f456e;
 color:#fffde7;font:500 12px/14px Tahoma,Arial,sans-serif;
 direction:rtl;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #123b43;
 box-shadow:none;pointer-events:none;
}
/* A quiet, consistent category strip with the Arabic name above each icon. */
#shop #categories{gap:6px;align-items:stretch}
#shop #categories button{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
 padding:5px 3px;border:1px solid #efffffa3;border-radius:12px;
 background:#def5edcc;box-shadow:none;color:#174e56;text-shadow:none;
 transform:none;filter:none;transition:background .15s,border-color .15s;
}
#shop #categories button span{
 order:-1;position:static;display:block;clip:auto;clip-path:none;
 width:auto;height:auto;overflow:visible;margin:0;
 font:600 12px/18px Tahoma,Arial,sans-serif;color:inherit;text-shadow:none;white-space:nowrap;
}
#shop #categories button img{width:34px;height:32px;max-height:32px;object-fit:contain;margin:0}
#shop #categories button:hover{background:#eafff2}
#shop #categories button[aria-pressed=true]{background:#205c63;color:#f1fff8;border-color:#bff7e6;box-shadow:inset 0 -3px #9ee7d1;transform:none;filter:none}
#shop #categories button:focus-visible{outline:2px solid #fff3bb;outline-offset:2px}
@media(min-width:701px) and (any-pointer:fine){
 #shop #categories{height:14%;min-height:58px;top:8%}
}
@media(max-width:700px),(max-width:1400px) and (any-pointer:coarse){
 #shop #categories{height:64px}
 #shop #categories button{min-height:58px;min-width:64px;flex-basis:64px;padding:3px;gap:1px}
 #shop #categories button img{width:30px;height:28px;max-height:28px}
}
@media(max-width:700px) and (max-height:650px) and (orientation:landscape),(max-width:1400px) and (any-pointer:coarse) and (max-height:650px) and (orientation:landscape){
 #shop #categories{height:auto}
 #shop #categories button{min-width:0;min-height:54px;flex-basis:54px}
}