/* Bounded secondary controls: the existing main prompt remains the action. */
#interactionChoice{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);width:130px;height:50px;z-index:9;display:grid;grid-template-columns:44px 32px 44px;gap:2px;align-items:center;box-sizing:border-box;padding:2px;border:1px solid #bfd8b446;border-radius:8px;background:#102832e8;color:#e3edce;pointer-events:auto;user-select:none;-webkit-user-select:none}
#interactionChoice[hidden]{display:none!important}
#interactionChoice button{box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #bfd8b436;border-radius:6px;background:#29443d;color:#e8f1d8;font:26px/1 var(--mono);touch-action:manipulation;pointer-events:auto;box-shadow:none}
#interactionChoice button:focus-visible{outline:2px solid #e4f8b7;outline-offset:-3px}
#interactionChoice output{text-align:center;white-space:nowrap;font:10px/1.2 var(--mono)}
.phone-ui #interactionChoice{left:auto;right:var(--phone-right);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 204px);bottom:auto;transform:none}
.phone-ui:has(#groundMinimap:not([hidden])) #interactionChoice{right:var(--ground-utility-right);top:calc(var(--ground-utility-top) + 50px)}
@media(orientation:landscape) and (max-height:500px){.phone-ui #interactionChoice,.phone-ui:has(#groundMinimap:not([hidden])) #interactionChoice{left:calc(var(--phone-left) + var(--phone-move-size) + 8px);right:auto;top:auto;bottom:calc(var(--phone-bottom) + 74px)}}
@media(orientation:landscape) and (max-height:360px){.phone-ui #interactionChoice,.phone-ui:has(#groundMinimap:not([hidden])) #interactionChoice{left:auto;right:calc(var(--phone-right) + var(--ground-map-size) + 16px);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + 50px);bottom:auto}}
@media(orientation:landscape) and (max-height:300px){.phone-ui:has(#groundMinimap[hidden]):has(#phoneControls[data-state=foot]:not([data-foot-armed=true])):not(:has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden]))) #interactionChoice{top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + 42px)}}
@media(orientation:portrait){
 .phone-ui:has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden])) #interactionChoice{top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 238px)}
 .phone-ui:has(#groundMinimap:not([hidden])):has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden])) #interactionChoice{top:calc(var(--ground-utility-top) + 132px)}
}
@media(orientation:portrait) and (max-height:650px){.phone-ui:has(#groundMinimap[hidden]):has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden])) #interactionChoice{top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 196px)}}
@media(orientation:portrait) and (max-width:340px) and (max-height:650px){.phone-ui:has(#groundMinimap:not([hidden])):has(#announcer.visible:not(:where(.hud-disabled,[hidden]))):has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden])) #interactionChoice{top:calc(var(--ground-utility-top) + 172px)}}
@media(orientation:landscape) and (max-height:360px){.phone-ui:has(#lootPicker:not([hidden]),#exoticNearbyPicker:not([hidden])) #interactionChoice{left:calc(var(--phone-left) + var(--phone-move-size) + 60px);right:auto;top:auto;bottom:calc(var(--phone-bottom) + 8px)}}

#interactionChoice[data-controller=true] output::after{content:'D-PAD';display:block;margin-top:3px;font-size:8px;color:#c7deb2}