/* Compact food controls alongside health, including landscape touch HUD. */
.sandbox-vitals{padding:10px 15px}
.sandbox-food{margin-top:3px;pointer-events:auto}
.sandbox-food-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}
.sandbox-food-heading strong{font-variant-numeric:tabular-nums;color:#856015;margin-left:5px}
#sandbox-eat{min-height:32px;padding:5px 10px;border:1px solid #e4c57e66;border-radius:7px;background:#85622266;color:inherit;font:600 12px system-ui;cursor:pointer;touch-action:manipulation}
#sandbox-eat:disabled{opacity:.5;cursor:default}
.sandbox-hunger{height:4px;background:#ffffff25;border-radius:5px;overflow:hidden}
#sandbox-hunger-fill{display:block;height:100%;width:100%;background:#edbe62;transition:width .3s ease}
.sandbox-hunger-hint{display:block;font-size:9px;line-height:1.2;margin-top:4px;opacity:.85}
.sandbox-food[data-low-hunger=true] #sandbox-hunger-value,.sandbox-food[data-low-hunger=true] .sandbox-hunger-hint{color:#a34429}
.sandbox-food[data-low-hunger=true] #sandbox-hunger-fill{background:#ff8465}
.mobile-layout #sandbox-eat{min-height:44px;padding:4px 8px}
.mobile-layout .sandbox-food-heading{font-size:10px}
.mobile-layout .sandbox-hunger-hint{font-size:8px}
@media(min-height:401px){.mobile-layout #sandbox-survival{top:calc(var(--safe-top) + 151px)}}

.mobile-layout .sandbox-food-heading strong{color:#f5c66b}
.mobile-layout .sandbox-food[data-low-hunger=true] #sandbox-hunger-value,.mobile-layout .sandbox-food[data-low-hunger=true] .sandbox-hunger-hint{color:#ffad91}