#btn-restart{
  position:fixed; z-index:60; top:max(12px, env(safe-area-inset-top)); right:12px;
  border:none; cursor:pointer; width:42px; height:42px; padding:0;
  display:flex; align-items:center; justify-content:center; font-size:19px;
}
#hud-bottom-right{
  position:fixed; z-index:60; bottom:max(14px, env(safe-area-inset-bottom)); right:12px;
  display:flex; flex-direction:column; align-items:stretch; gap:8px;
}
.chip{
  background:rgba(255,255,255,0.92); padding:8px 12px; border-radius:14px;
  box-shadow:0 4px 12px rgba(0,0,0,0.22); font-family:system-ui,sans-serif;
}
.fire-count-chip{
  display:flex; align-items:center; justify-content:center; gap:6px;
  font-weight:800; font-size:15px; color:#2b2b2b;
}
.fc-icon{ font-size:16px; }
#water-gauge{ width:120px; display:flex; flex-direction:column; gap:4px; }
#water-gauge .wg-label{ font-size:11px; opacity:.7; text-align:center; color:#2b2b2b; }
.wg-bar-wrap{ width:100%; height:12px; background:#dfe6ea; border-radius:8px; overflow:hidden; }
.wg-bar-fill{
  height:100%; width:100%; background:linear-gradient(90deg,#3fb6ff,#1e8fd9);
  transform-origin:0 50%; transform:scaleX(1); border-radius:8px;
}