/* Tractor Farm Life (shared: sim3d.css + tycoon-kit.css + car-kit.css for the touch pedals) */
.hh-tank { position: absolute; left: 10px; top: 52px; width: 170px; background: rgba(8, 16, 28, .74); border: 1px solid rgba(255, 255, 255, .16); border-radius: 10px; padding: 5px 8px; color: #fff; font: 800 12px system-ui, sans-serif; pointer-events: none; }
.hh-tank div { height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .15); overflow: hidden; margin: 3px 0; }
.hh-tank u { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #ca8a04, #fde047); }
.hh-tank b { font-size: 11px; opacity: .9; }
.sim-stage canvas.hh-map { position: absolute; inset: auto; right: 10px; top: 10px; width: 130px; height: 130px; border-radius: 12px; border: 2px solid rgba(255, 255, 255, .3); pointer-events: none; }
.tf-shed { top: auto; bottom: 10px; right: auto; left: 10px; width: min(460px, calc(100% - 20px)); }
.tf-shed button small { font-weight: 600; opacity: .7; }
.tk-list > button { align-items: center; }
.tk-list > button span small { font-weight: 600; opacity: .75; }
.tk-list > button b { color: #fde047; flex: 0 0 auto; }
@container (max-width: 560px) {
  .sim-stage canvas.hh-map { width: 92px; height: 92px; top: 96px; }
  .hh-tank { top: 92px; width: 140px; }
  .tf-shed { left: 6px; right: 6px; width: auto; bottom: 110px; }
}