/* Idle Farm Tycoon (shared: sim3d.css + tycoon-kit.css) */
.if-label { position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(8, 16, 28, .82); color: #fff; border: 1px solid rgba(255, 255, 255, .25); border-radius: 10px; padding: 3px 8px 5px; font: 800 12px/1.3 system-ui, sans-serif; white-space: nowrap; will-change: transform; min-width: 76px; text-align: center; }
.if-label i { display: block; height: 5px; margin-top: 3px; border-radius: 3px; background: rgba(255, 255, 255, .2); overflow: hidden; }
.if-label u { display: block; height: 100%; background: #4ade80; }
.if-label.is-ready { background: #15803d; border-color: #facc15; animation: if-bob .7s ease-in-out infinite alternate; }
.if-label.is-sale { background: rgba(185, 28, 28, .85); }
@keyframes if-bob { to { margin-top: -5px; } }
.if-rows { display: flex; flex-direction: column; gap: 5px; }
.if-row { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.if-row > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.if-row small { font-weight: 600; opacity: .75; }
.if-row button { white-space: nowrap; flex: 0 0 auto; }
.if-row.is-locked > span { opacity: .75; }
.if-hand { font-size: 16px; opacity: 1 !important; padding: 0 6px; }
.if-list { grid-column: span 2; }
@container (max-width: 560px) { .if-label { font-size: 11px; min-width: 60px; padding: 2px 6px 4px; } }
@media (max-width: 700px) { .if-list { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .if-label.is-ready { animation: none; } }