/* One bounded nearby-item card; its arrows never own a movement/look finger. */
#lootPicker.loot-picker{position:fixed;left:50%;top:calc(50% + 70px);transform:translateX(-50%);z-index:9;display:grid;grid-template-columns:44px minmax(44px,1fr) 44px 44px;grid-template-rows:20px 44px;column-gap:1px;row-gap:0;width:320px;height:72px;box-sizing:border-box;padding:3px;border:1px solid #b9cba64d;border-radius:8px;background:#102832e8;color:#e3edce;font-family:var(--mono);text-shadow:0 1px 2px #06121a;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:pan-y}
#lootPicker.loot-picker[hidden]{display:none!important}
#lootPicker.loot-picker[data-swap-cycle=true]{grid-template-columns:44px minmax(44px,1fr) 44px 44px 44px}
#lootPicker .loot-picker-heading{grid-column:2/4;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-width:0;height:20px;padding:0 2px;pointer-events:auto}
#lootPicker[data-swap-cycle=true] .loot-picker-heading{grid-column:2/5}
#lootPicker .loot-picker-heading strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px/12px var(--mono);letter-spacing:0;color:#e7f1d5}
#lootPicker .loot-picker-meta{display:flex;justify-content:space-between;gap:3px;min-width:0;font:7px/8px var(--mono);color:#b8ceba}
#lootPickerSource{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lootPickerCount{flex:none;font:7px/8px var(--mono);color:#d8e7c1}
#lootPicker button{height:44px;min-height:44px;min-width:44px;box-sizing:border-box;margin:0;padding:3px 2px;border:1px solid #bfd8b436;border-radius:6px;background:#29443d;color:#e8f1d8;font:8px/1.2 var(--mono);letter-spacing:0;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation;pointer-events:auto;box-shadow:none}
#lootPicker button:disabled{opacity:.42;cursor:default}
#lootPicker button:focus-visible{outline:2px solid #e4f8b7;outline-offset:-3px}
#lootPicker .loot-picker-arrow{grid-row:1/3;align-self:center;padding:0;background:#203b3e;font:25px/1 var(--mono)}
#lootPickerPrevious{grid-column:1}
#lootPickerNext{grid-column:4}
#lootPicker[data-swap-cycle=true] #lootPickerNext{grid-column:5}
#lootPickerTake{grid-row:2;grid-column:2;background:#cde6a3!important;color:#163025!important;font-weight:700!important}
#lootPickerSwapOut{grid-row:2;grid-column:3;font-size:20px!important}
#lootPickerInventory{grid-row:2;grid-column:3;font-size:7px!important}
#lootPicker[data-swap-cycle=true] #lootPickerInventory{grid-column:4}
#lootPickerSwapOut[hidden]{display:none!important}
.phone-ui #lootPicker.loot-picker{left:var(--phone-left);right:var(--phone-right);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 158px);width:calc(100vw - var(--phone-left) - var(--phone-right));max-width:none;transform:none}
@media(orientation:portrait) and (max-height:650px){
 .phone-ui #lootPicker.loot-picker{right:calc(var(--phone-right) + 52px);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + var(--phone-telemetry-height) + 116px);width:calc(100vw - var(--phone-left) - var(--phone-right) - 52px)}
}
@media(orientation:landscape) and (max-height:500px){
 .phone-ui #lootPicker.loot-picker{left:calc(var(--phone-left) + 260px);right:calc(var(--phone-right) + 52px);top:calc(var(--phone-viewport-top,0px) + var(--phone-hud-top) + 4px);width:calc(100vw - var(--phone-left) - var(--phone-right) - 312px)}
}
@media(orientation:landscape) and (max-width:700px){
 .phone-ui #lootPicker.loot-picker{grid-template-columns:44px minmax(44px,1fr) 44px;grid-template-rows:20px 44px 44px;height:116px}
 .phone-ui #lootPicker.loot-picker .loot-picker-heading{grid-column:1/4;grid-row:1}
 .phone-ui #lootPicker #lootPickerPrevious{grid-column:1;grid-row:2}
 .phone-ui #lootPicker #lootPickerNext{grid-column:3;grid-row:2}
 .phone-ui #lootPicker #lootPickerTake{grid-column:2;grid-row:2}
 .phone-ui #lootPicker #lootPickerInventory{grid-column:2;grid-row:3}
 .phone-ui #lootPicker #lootPickerSwapOut{grid-column:3;grid-row:3}
}

@media(orientation:landscape) and (max-width:600px){
 .phone-ui #lootPickerTake{font-size:7.5px}
}

.phone-ui:has(#lootPicker:not([hidden])) #interactionHint[data-loot=true]{display:none!important}
@media(orientation:portrait){
 .phone-ui:has(#groundMinimap:not([hidden])) #lootPicker.loot-picker{top:calc(var(--ground-utility-top) + 52px)}
}
@media(orientation:landscape) and (max-height:500px){
 .phone-ui:has(#groundMinimap:not([hidden])) #lootPicker.loot-picker{left:calc(var(--phone-left) + 172px);right:calc(var(--phone-right) + 140px);width:calc(100vw - var(--phone-left) - var(--phone-right) - 312px)}
}

#lootPicker[data-controller=true] #lootPickerSwapOut{font-size:8px!important}