/* Best places to farm: "Your level" bar + units on values (rendered by js/farm.js) */
#farm,.farm-lv{scroll-margin-top:84px}
.farm-lv{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;margin-bottom:16px}
.flv-in{display:flex;align-items:center;gap:10px}
.flv-in label{font-weight:700;font-size:.95rem;color:var(--gold)}
.flv-in input{width:92px;min-height:44px;box-sizing:border-box;padding:8px 12px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.07);color:var(--text);font:600 1rem var(--num,inherit);-moz-appearance:textfield}
.flv-in input::-webkit-outer-spin-button,.flv-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.flv-in input:focus-visible,.flv-chips button:focus-visible,.farm-empty button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.flv-chips{display:flex;flex-wrap:wrap;gap:6px}
.flv-chips button,.farm-empty button{min-width:44px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:var(--text);font:600 .9rem var(--num,inherit);cursor:pointer;transition:background .2s}
.flv-chips button:hover,.farm-empty button:hover{background:rgba(255,255,255,.13)}
.flv-chips button.on{background:linear-gradient(180deg,#ffd77a,var(--gold-2));color:#2a1a02;border-color:#fff3c4}
.flv-chips .flv-all{font-family:inherit;font-weight:500}
.flv-note{flex:1 1 100%;margin:0;font-size:.8rem;line-height:1.45;color:var(--text-2)}
/* value + unit, stacked */
.farm-v{flex-direction:column;align-items:flex-end;gap:0;line-height:1.1}
.farm-v span{display:inline-flex;align-items:center;gap:5px}
.farm-v small{font-family:var(--font,inherit);font-size:.62rem;color:var(--text-3);white-space:nowrap}
.farm-mobs li{grid-template-columns:18px 56px minmax(0,1fr) 110px 84px}
.farm-maps li{grid-template-columns:76px minmax(0,1fr) 60px 56px}
/* empty state */
.farm-mobs li.farm-empty,.farm-maps li.farm-empty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;background:rgba(255,255,255,.05)}
.farm-empty span{flex:1 1 100%;font-size:.92rem;color:var(--text-2)}
@media (max-width:520px){
  .farm-lv{padding:12px}
  .flv-chips button{padding:0 10px}
  .farm-mobs li{grid-template-columns:44px minmax(0,1fr) 72px}
  .farm-maps li{grid-template-columns:56px minmax(0,1fr) 52px}
}