#hud-drone[aria-pressed=true]{background:#9ab9c8;color:#122039;border-color:#e7d29d}
#drone-controls{position:fixed;z-index:36;top:90px;left:16px;max-width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:7px;padding:11px;border:1px solid #d6c7aa80;border-radius:15px;background:#101d30e8;color:#f4efe5;box-shadow:0 12px 34px #0007;backdrop-filter:blur(10px);font:12px system-ui}
#drone-controls[hidden],body:has(dialog[open]) #drone-controls{display:none!important}
#drone-controls .drone-control-header{display:flex;align-items:center;gap:7px}
#drone-controls strong{width:auto;flex:1;font-size:12px;letter-spacing:.12em;color:#e5d1a5}
#drone-controls span{width:100%;color:#b8c9d3}
#drone-options{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#drone-controls button{min-height:34px;padding:6px 11px;border:1px solid #b8cbd070;border-radius:9px;background:#223851;color:#f8f4e8;cursor:pointer;touch-action:manipulation}
#drone-controls button[aria-pressed=true]{background:#e2d0ad;color:#182333}
#drone-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#drone-controls #drone-controls-toggle{display:none}
@media(max-width:600px),(max-width:1000px) and (max-height:500px){
 #drone-controls{top:auto;bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));max-width:360px;width:auto;margin:auto;gap:8px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
 #drone-controls .drone-control-header{gap:8px}
 #drone-controls strong,#drone-controls span{display:none}
 #drone-controls #drone-controls-toggle{display:block}
 #drone-controls .drone-control-header button{flex:1}
 #drone-controls button{min-height:44px;min-width:44px;font-size:12px;padding:8px 10px;white-space:normal;line-height:1.25;border-radius:12px;background:#14263be8;box-shadow:0 3px 12px #0004}
 #drone-controls[data-expanded=false] #drone-options{display:none}
 #drone-controls[data-expanded=true]{padding:8px;background:#101d30ed;border:1px solid #d6c7aa80}
 #drone-options{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
 body.drone-view-active #mall-hud{bottom:auto;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));gap:6px}
 body.drone-view-active .hud-brand img{width:40px;height:40px}
 body.drone-view-active .topbar,body.drone-view-active .bottom,body.drone-view-active .view-tools,body.drone-view-active .location,body.drone-view-active .movement,body.drone-view-active #hud-map,body.drone-view-active #hud-bag,body.drone-view-active #hud-context,body.drone-view-active #live-presence,body.drone-view-active #music-controls,body.drone-view-active #night-preview,body.drone-view-active #mini-map,body.drone-view-active .place-copy,body.drone-view-active .member-shortcut,body.drone-view-active #floating-stick{display:none!important}
 body.drone-view-active #mall-hud .hud-icon{width:44px;height:44px}
}
@media(max-width:350px){.hud-compact #mall-hud{gap:4px;left:8px;right:8px}.hud-compact .hud-brand img{width:40px;height:40px}}

@media(max-width:1000px) and (max-height:500px){#drone-controls{max-width:480px}#drone-options{grid-template-columns:repeat(3,minmax(0,1fr))}}