/* 30/10/2026: botão dos fogões embaixo do termômetro e a lista dos pratos no fogo (fogoes_hud.js) */
#pill-fogoes { position: fixed; z-index: 5; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#pill-fogoes.hidden { display: none; }
body.topo-oculto #pill-fogoes { display: none !important; }
#pill-fogoes .fh-ic { font-size: 30px; line-height: 1; filter: drop-shadow(0 2px 3px rgba(0,0,0,.45)); }
#pill-fogoes .fh-ic img.ic { width: 42px; height: 42px; }
#pill-fogoes .fh-n { position: absolute; right: -4px; bottom: -2px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: #e65100; color: #fff; font: 800 11px/18px system-ui, sans-serif; text-align: center; border: 2px solid #fff3e0; }
#pill-fogoes .fh-up-mini { position: absolute; left: -4px; top: -4px; width: 18px; height: 18px; border-radius: 9px; background: #2e7d32; color: #fff; font: 900 11px/18px system-ui, sans-serif; text-align: center; border: 2px solid #e8f5e9; }
#pill-fogoes .hidden { display: none !important; }
.fh-lista { display: flex; flex-direction: column; gap: 8px; }
.fh-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #fffaf0; border: 2px solid #f0d9a8; }
.fh-item.fh-do-nivel { border-color: #66bb6a; background: #f1faf1; }
.fh-foto { width: 48px; height: 48px; object-fit: contain; flex: none; }
.fh-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.fh-txt b { font-size: 14px; color: #4a2f14; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fh-txt small { font-size: 13px; color: #6d4c2f; font-weight: 700; }
.fh-pronto { color: #2e7d32; }
.fh-estragou { color: #c62828; }
/* seta para cima com "UP" na base: o prato falta para subir de nível */
.fh-up { display: inline-flex; flex-direction: column; align-items: center; flex: none; color: #2e7d32; line-height: 1; }
.fh-up i { font-style: normal; font-size: 22px; }
.fh-up b { font: 900 11px/1 system-ui, sans-serif; letter-spacing: .5px; margin-top: -1px; }
.fh-legenda { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.fh-legenda .fh-up i { font-size: 16px; }
.fh-legenda .fh-up b { font-size: 9px; }